body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background:#fefefe url("../images/bg-body.jpg") 0px 0px repeat-x;
	text-align:center; 
	font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#000;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.5em; color:#ce5213; }
h2	{ font-size:1.3em; color:#ce5213; }
h3	{ font-size:1.0em; color:#ce5213; }

h1 span,h2 span,h3 span	{ display:none; }

body#about-us strong,
body#faqs strong { color:#c55229;}

a:link,a:visited	{ color:#CC0000; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#2f86af; text-decoration:underline; outline:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}
.center {text-align:center;}
.move_left {margin-left:15px; margin-bottom:10px;}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	clear:both;
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}
img.border { border:1px solid #94834b;}
img.img-left { 
	float:left; 
	margin:2px 10px 10px 10px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}
.back-to-top{ border:none !important;}
.border-bottom {border-bottom:1px solid #94834b;}
.strong {font-weight:bold;}

/* ------------------------ form  ------------------------ */

form {
	width:150px;
	padding:10px 29px 15px 29px; /* set margin left and right below */
	}
form#main-contact {width:400px;}
form label	{ font-size:.95em; } 

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#d8d8d8 !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #000000;
	color:#000000;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
.checkbox {width:auto;}
select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact_business { display: none; } /* do not remove */ 


/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("../images/bg-column-wrap.jpg") 27px 0px repeat-y;
	width:856px;
	margin:0 auto;
	text-align:left;
	}
#bball-wrap {
	background:url("../images/bball-bg.jpg") 0px 207px repeat-y;
	width:856px;
	margin:0 auto;
	text-align:left;
	}

/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url("../images/header.jpg");
	height:207px;
	}
	/* index page link within #masthead */		
	#masthead a.index {	
		position:absolute;
		left:34px;
		width:254px;
		top:20px;
		height:183px; 
		}
	#masthead a.index span, #masthead a.contact-link span, #masthead a.forms span {
		display:none;
		}
	#masthead a.contact-link {	
		position:absolute;
		left:631px;
		width:197px;
		top:11px;
		height:32px; 
		}
	#masthead a.forms {
	position:absolute;
	left:432px;
	width:197px;
	top:11px;
	height:32px;
		}
		
body#index #masthead div#sponsor_scroll {
	position:absolute;
	left:324px;
	top:97px;
	width:483px;
	height:80px;
	padding:5px 10px 10px;
	background-color:#F0D990;
}
body#index #masthead div#sponsor_scroll h2 {color:#000000; font-size:1em;padding-bottom:5px;}		
body#index #masthead div#sponsor_scroll ul.sponsors li {
	background:none;
	background-color: #ffffff;
	padding:3px;
	margin:2px;
	margin-bottom:5px;
	}

/* ------------------------ featured row ------------------------------ */
#featured{ 
	background:transparent url("../images/featured.jpg") 0px 0px repeat-y; 
	margin:0px; padding:0px;
	height:99px;
		
}
#featured #login{ 
	background:transparent url("../images/login.jpg") 0px 0px no-repeat; 
	width:261px;
	height:99px;
	float:right;
}
#bottom-featured{
	background:transparent url("../images/body-break.jpg") 0px 0px no-repeat; 
	margin:0px; padding:0px;
	height:6px;
	clear:both;
}
/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:189px;
	float:left;
	padding-left:27px;
	}
	#column-left p, #column-left h2, #column-left h3{ padding:5px 10px 5px 10px;} 
	#column-left h2, #column-left h3 {color:#990000;}
	#column-left p.colored-txt {color:#333366;}
	#column-left form { margin-left:0px; } 
	
	/* single column ordered list */
	#column-left ol { padding-left:5px; }
		#column-left ol li { 
			background:transparent url("../images/arrow.gif") 0px 3px no-repeat; 
			padding-left:12px; 
			}
	/* single column list */
	#column-left ul#nav {padding-left:0px;}
	#column-left ul {padding-left:5px; }
		#column-left ul li { 
			background:transparent url("../images/arrow.gif") 0px 3px no-repeat; 
			padding-left:12px; 
			}

	/* multi column list */
	#column-left ul.multi-col { padding-left:5px; } 
		#column-left ul.multi-col li { 
			background:transparent url("../images/arrow.gif") 0px 6px no-repeat; 
			padding-left:10px;  
			float:left;
			width:150px; 
			line-height:20px; 
			}

	#column-left dl { padding-left:5px; }
		#column-left dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-left dl dd {
			background:transparent url("../images/arrow.gif") 0px 6px no-repeat; 
			padding-left:10px; 
			margin-left:5px;
			}
	#column-left blockquote {width:350px; color:#003399;padding:10px;}
	#column-left blockquote cite {margin-left:25px;}
	#bg-sasaki-wrap{
		background:transparent url("../images/bg-sasaki-figure.jpg") 0px 0px no-repeat; 
		float:left;
		min-height:663px;
		margin-left:35px;
		display:inline;
	}
	#bg-menor-wrap{
		background:transparent url("../images/bg-mel-figure.jpg") bottom right no-repeat; 
		float:left;
		margin-right:10px;
		display:inline;
	}
/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:611px;
	float:left;
	color:#000000;
	}

	#column-right p, 
	#column-right h1, 
	#column-right h2, 
	#column-right h3, 
	#column-right table{
		margin:10px 33px 10px 10px;
		}
		
	#column-right img {
		margin:10px 33px 10px 10px;
		}
		#column-right h1 {margin-top:25px; text-align:center;}
		#column-right h2 {margin-top:25px; margin-bottom:0px;}
		#column-right table tr.bg-stripe {background-color:#f0d990;}
		#column-right table tr td {padding-left:10px;}
	
		#column-right p.important-text{
			font-size:1.2em; 
			color:#ea6d2f;
			margin-top:20px;
			margin-bottom:20px;
			}

	#column-right form { margin-left:0px; }
	/* single column list */
	#column-right ul, 
	#column-right ol { 
		margin:10px 33px 0px 10px;
		padding-left:5px; 
		}
		#column-right ul li, 
		#column-right ol li { 
			background:transparent url("../images/bullet.gif") 0px 0px no-repeat; 
			padding-left:14px; 
			}
		#column-right ul li ul {margin-top:0px; margin-bottom:10px;}
	/* multi column list */
	#column-right ul.multi { padding-left:5px; } 
		#column-right ul.multi li {
		 	background:none;
			float:left;
			width:200px;
			line-height:20px; 
			}

	/* definition list */
	#column-right dl { padding-left:5px; }
		#column-right dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-right dl dd {
			background:transparent url("../images/bullet.gif") 0px 0px no-repeat; 
			padding-left:14px; 
			margin-left:5px;
			}

/* ------------------------ header framework ------------------------ */
#header-flash { height:300px; display:none;} 
#active-x {height:300px; display:none;}
#header-graphic { display:none;height:300px; } 

	body#index #header-graphic { background:url("../images/header-index.jpg"); }
	body#about #header-graphic { background:url("../images/header-about.jpg"); }
	body#contact #header-graphic { background:url("../images/header-contact.jpg"); }
	body#thankyou #header-graphic { background:url("../images/header-thankyou.jpg"); }
	body#sitemap #header-graphic { background:url("../images/header-sitemap.jpg"); }


/* ------------------------ main subhead  ------------------------ */
#column-right #subhead { 
	background:  url("../images/subhead-blank.jpg");
	height:165px;
	width:611px;
	margin:0px;
	margin-bottom:-181px;
	padding:0px;
	clear:both;
	text-indent:-9999em;
	}
	/*#subhead span {display:none;} 
	body#index #subhead { background:  url("../images/subhead-index.jpg");}
	body#about-us #subhead { background:  url("../images/subhead-about-us.jpg");}
	body#about-basketball #subhead { background:  url("../images/subhead-about-basketball.jpg");}
	body#mission #subhead { background:  url("../images/subhead-mission.jpg");}
	body#board-members #subhead { background:  url("../images/subhead-board-members.jpg");}
	body#character #subhead { background:  url("../images/subhead-character.jpg");}
	body#clinics #subhead { background:  url("../images/subhead-clinics.jpg");}
	body#coach-contract #subhead { background:  url("../images/subhead-coach-contract.jpg");}
	body#coaching-links #subhead { background:  url("../images/subhead-coaching-links.jpg");}
	body#faqs #subhead { background:  url("../images/subhead-faq.jpg");}
	body#events #subhead { background:  url("../images/subhead-schedule.jpg");}
	body#meadowbrook #subhead { background:  url("../images/subhead-meadowbrook.jpg");}
	body#twinpeaks #subhead { background:  url("../images/subhead-twinpeaks.jpg");}
	body#scores #subhead { background:  url("../images/subhead-scores.jpg");}
	body#standings #subhead { background:  url("../images/subhead-standings.jpg");}
	body#directions #subhead { background:  url("../images/subhead-directions.jpg");}
	body#practice-places #subhead { background:  url("../images/subhead-practice-places.jpg");}
	body#practice #subhead { background:  url("../images/subhead-practice.jpg");}
	body#rules #subhead { background:  url("../images/subhead-rules.jpg");}
	body#parent-conduct #subhead { background:  url("../images/subhead-parent-conduct.jpg");}
	body#player-conduct #subhead { background:  url("../images/subhead-player-conduct.jpg");}
	body#forms #subhead { background:  url("../images/subhead-forms.jpg");}
	body#sponsors #subhead { background:  url("../images/subhead-sponsors.jpg");}
	body#uniforms #subhead { background:  url("../images/subhead-uniforms.jpg");}
	body#protection #subhead { background:  url("../images/subhead-protection.jpg");}
	body#picday #subhead { background:  url("../images/subhead-picday.jpg");}
	body#photos #subhead { background:  url("../images/subhead-photos.jpg");}
	body#promotions #subhead { background:  url("../images/subhead-promotions.jpg");}
	body#contact #subhead { background:  url("../images/subhead-contact.jpg");}
	body#mentor #subhead { background:  url("../images/subhead-mentoring.jpg");}
	body#challenged #subhead { background:  url("../images/subhead-challenged.jpg");}
	body#senior-project #subhead { background:  url("../images/subhead-senior.jpg");}
	body#bracket #subhead { background:  url("../images/subhead-brackets.jpg");}*/
/* ------------------------ left column subhead ------------------------ */
#column-right h2#subhead-welcome {
	height:13px;width:450px;margin-top:10px; padding:0px;
	background: url("../images/subhead-2/subhead-welcome.png");
	}


/* ------------------------ right column subhead ------------------------ */
#subhead-right-contact{
	height:25px;width:217px;margin-left:10px;
	background:url("../images/subhead-right-contact.gif") ;
	}
#subhead-right-clips{
	height:25px;width:217px;margin-left:10px;
	background:url("../images/subhead-right-clips.gif") ;
	}
#subhead-right-affiliates{
	height:25px;width:217px;margin-left:10px;
	background:url("../images/subhead-right-affiliates.gif") ;
	}


/* ------------------------ bottom-wrap framework ------------------------ */
#bottom-wrap {
	background:url("../images/bg-bottom-wrap.jpg") 27px 0px no-repeat;
	width:100%; /* fix for Safar */
	height:40px;
	clear:both; /* important - do not remove */
	}

/* ------------------------footer framework ------------------------ */
#footer {
	width:800px;
	margin:0 auto;
	text-align:center;
	}

#footer p {
	color:#000000;
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited { color:#000000; }
#footer a:hover, #footer a:active { color:#000000; text-decoration:none; }

#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #000000;
		}
	#footer li.first { border: none; }

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */
/* ------------------------ vertical sprite nav ------------------------ */

#column-left ul#nav {
	background:url("../images/nav.jpg") top left repeat-y;	
	width:189px;	/* Width of buttons, not entite image (or half of entire image) */
	height:563px;
	margin:0;
	padding:0;
	}

#column-left ul#nav li span { display: none; }


#column-left ul#nav li, #column-left ul#nav a { 
	height:18px;	/* Each button must have the same height, define it here */
	display:block;
	padding:0px; margin:0px;
	}
#column-left ul#nav li { float:left; list-style:none; position:relative; width:167px; margin-top:0px;}

/* margin-top to set where the nav should begin */
#column-left ul li#nav-01 { margin-top:13px; }
#column-left ul li#nav-12 { margin-top:18px; }
#column-left ul li#nav-20, #column-left ul li#nav-20 a { height:36px; }

#nav-01 a:hover { background:url("../images/nav.jpg") -189px  -13px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -189px  -31px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -189px  -49px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -189px  -67px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -189px -85px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -189px -103px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -189px  -121px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -189px  -139px no-repeat; }
#nav-09 a:hover { background:url("../images/nav.jpg") -189px  -157px no-repeat; }
#nav-10 a:hover { background:url("../images/nav.jpg") -189px  -175px no-repeat; }
#nav-11 a:hover { background:url("../images/nav.jpg") -189px -193px no-repeat; }
#nav-12 a:hover { background:url("../images/nav.jpg") -189px  -229px no-repeat; }
#nav-13 a:hover { background:url("../images/nav.jpg") -189px -247px no-repeat; }
#nav-14 a:hover { background:url("../images/nav.jpg") -189px -265px no-repeat; }
#nav-15 a:hover { background:url("../images/nav.jpg") -189px  -283px no-repeat; }
#nav-16 a:hover { background:url("../images/nav.jpg") -189px  -301px no-repeat; }
#nav-17 a:hover { background:url("../images/nav.jpg") -189px  -319px no-repeat; }
#nav-18 a:hover { background:url("../images/nav.jpg") -189px  -337px no-repeat; }
#nav-19 a:hover { background:url("../images/nav.jpg") -189px -355px no-repeat; }
#nav-20 a:hover { background:url("../images/nav.jpg") -189px  -373px no-repeat; }
#nav-21 a:hover { background:url("../images/nav.jpg") -189px -409px no-repeat; }
#nav-22 a:hover { background:url("../images/nav.jpg") -189px  -427px no-repeat; }
#nav-23 a:hover { background:url("../images/nav.jpg") -189px -445px no-repeat; }
#nav-24 a:hover { background:url("../images/nav.jpg") -189px -463px no-repeat; }
#nav-25 a:hover { background:url("../images/nav.jpg") -189px  -481px no-repeat; }
#nav-26 a:hover { background:url("../images/nav.jpg") -189px  -499px no-repeat; }
#nav-27 a:hover { background:url("../images/nav.jpg") -189px  -517px no-repeat; }
#nav-28 a:hover { background:url("../images/nav.jpg") -189px  -535px no-repeat; }
#nav-29 a:hover { background:url("../images/nav.jpg") -189px -553px no-repeat; }
#nav-30 a:hover { background:url("../images/nav.jpg") -189px -571px no-repeat; }
/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */

body#SPECIFY #nav-01 { background:url("../images/nav.jpg") -100px  -15px no-repeat; }

body#SPECIFY #nav-02 { background:url("../images/nav.jpg") -100px  -30px no-repeat; }
body#SPECIFY #nav-03 { background:url("../images/nav.jpg") -100px  -60px no-repeat; }
body#SPECIFY #nav-04 { background:url("../images/nav.jpg") -100px  -90px no-repeat; }
body#SPECIFY #nav-05 { background:url("../images/nav.jpg") -100px -120px no-repeat; }
body#SPECIFY #nav-06 { background:url("../images/nav.jpg") -100px -150px no-repeat; }


/* ------------------------ son of suckerfish: vertical sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#f7c81b;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left:167px; /* Set to same width as in #nav */
	margin-top:-18px; /* Set to each button height, same as used above */
	padding:0px;
	}

#column-left ul#nav li ul li {
	height:auto; /* Height of each drop down nav item */
	margin:0px;
	padding:0px;
	}

#nav li ul li a {
	width:100%;
	height:auto!important; /* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav item again, should match above */
	}

#column-left ul#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#000000;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */

#nav-11 ul a:hover, #nav-18 ul a:hover, #nav-19 ul a:hover { 
	background-image:none;
	background-color:#ffffff;
	color:#000000;
	text-decoration:none;
	}


/* width of drop down nav - choose width that allows items to display on one line */
#column-left ul li#nav-11 ul, #column-left ul li#nav-11 li,
#column-left ul li#nav-18 ul, #column-left ul li#nav-18 li,
#column-left ul li#nav-19 ul, #column-left ul li#nav-19 li { width:200px; }