

/* Zero out stuff first */


html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

body {
font-size: 100.01%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #444;
background:url(g/background.jpg);
				background-repeat: repeat;
				background-position: 0 0;
				text-align:center;
			background-attachment: fixed;
}
p,
h1, h2, h3, h4, h5, h6  {margin:0 0 20px 0;
}
li  {margin-left:1em;}

h1, h2, h3, h4, h5, h6  {color:#4B3411;
													font-size:100%;
													margin:0 0 20px 0;
}

a   {text-decoration:none;color:#7b60a2;}

h1   {
							margin-bottom:0;
							color:#4B3411;
							font-size:120%;
							font-weight:bold;
}










#header  {margin:0 0 0 -334px;padding:0;
						width:668px;height:185px;
						background:url(g/PageTop.gif);
						background-repeat: no-repeat;
						background-position: center top;
						position:absolute;
						top:0px;left:50%;z-index:2;
						
						}

#page  {margin:20px 0 0px -334px;padding:166px 0 0 0;
						width:668px;
						background:url(g/PageMid.gif);
						background-repeat: repeat-y;
						background-position: center top;
						position:absolute;
						top:0px;left:50%;z-index:1;
						text-align:left;
						
					
}



		
#footer  {margin:0px 0 0 0px;padding:0;
						width:668px;height:186px;
						background:url(g/PageBot.gif);
						background-repeat: no-repeat;
						background-position: center top;
						
}

#home    {   
									width:180px;height:150px;
									background-position: center top;
						position:absolute;
						top:10px;left:50%;z-index:3;
						margin:0 0 0 -270px;
}


#addressLocation   {   
									width:260px;height:10px;
									background-position: center top;
						position:absolute;
						top:80px;left:50%;z-index:4;
						margin:-1em 0 0 8px;color:#333;
}


#addressLocation  h2 {  

									text-align:right;
									color:#cbd950;
									font-size:130%;
									margin:0 0 .5em 0;


}
address     {font-size:70%;text-align:right;
}

#pageTitle    {
										text-align:center;
										padding:20px 10px 10px 10px;
										width:520px;;
										margin:0 auto 0 auto;
										background:url(g/TitleColor.jpg);
									
										background-repeat: repeat;
										background-position: 0 -48px;
										text-align:center;
										border:1px solid #d5d5b4;
										border-bottom:none;
										
										border-left:1px solid #f5f7ff;
										border-right:1px solid #f5f7ff;
}



#navigation   {
									width:548px;
									margin:0 0 0 50px;	
									
									
}

#menu  {	text-align:right;}
	
#menu ul  {	text-align:center;
					width:100%;
				list-style-type:none;
				font-size:11px;
				font-family:verdanna, sans-serif;
					
				margin:0px 0px 0px 0px;padding:0;
			display:inline;


}	


#menu ul li a { 								text-decoration:none;
										color:#4B3411;font-weight:bold;
										display:inline;
										line-height:1.5em;
										padding:0 10px 0 10px;margin:0;
										background:#c5d449;
										border:solid 1px #d5d5b4;
										border:none 1px #d5d5b4;
										border-left:solid 1px #b5b593;
									  border-bottom:none;
				background-image:url(g/Springbar.jpg);
		background-repeat:repeat;
		background-position:-194px 0;
				
}
#menu ul li a.youHere    {
												background-position:-480px 0;
												
												}


#menu ul li a:hover {
								background:#7b60a2;color:#ffffcc;
							background-image:url(g/shaderA.jpg);
							background-repeat: no-repeat;background-position:0px 0px;
							
							}

#menu ul  li{

				
				margin:0px 0px 00px 10px;

				padding:6px 0px 0 0px;
				
				letter-spacing:0;
				display:inline;
			text-align:center;
			
			
   
}			






#shadow   {
						width:548px;
						background:url(g/Shadow.jpg);
						background-repeat: repeat;
						background-position: 1px 0;
						text-align:center;	
							margin:0 0 0 46px;	
					padding:0px 0px 2px 9px;
						
						}

#textBox        {width:480px;padding:20px 30px 30px 30px;
								background:#fff;border:2px solid #c4d04e;
								margin:0 auto 0 auto;		text-align:left;	
									background:#EEECE2;
								border:1px solid #D49F4E;
								background:url(g/TextBoxBackground.jpg);
						background-repeat: repeat;
						background-position: 0 40px;
									border:1px solid #89a565;
									border:1px solid #d5d5b4;border-top:none;
									border-left:1px solid #f5f7ff;
									border-right:1px solid #f5f7ff;
									
}		

#textBox p span.asterisk  {background:url(g/asterisk.gif);
						background-repeat: no-repeat;
						background-position: 0 0px;
						padding-left:20px;
						
}
#textBox span.exclamation  {background:url(g/exclamation.gif);
						background-repeat: no-repeat;
						background-position: 0 0px;
						padding-left:14px;
						
}

#textBox ul    { margin:0 0 30px 1em ;font-size:90%;line-height:140%;padding:0;
}
#textBox ul.noBullet    {	list-style: none;margin:0 0 30px 0;

}							
#textBox ul li  {margin:0 0 .5em 0;
}


#textBox h4     {
								font-size:100%;
								margin:0px 0 10px 0;
								border-bottom:1px solid #4B3411;
								
								}


#textBox p.postit   {background-color:#fe7;line-height:140%;
											padding:26px;
											border:1px solid #cc6;
											background:url(g/postit.jpg);
											background-repeat: repeat;
											background-position: 0 -140px;
												padding-left:14px;
												border-top:1px solid #eea;
												border-right:1px solid #eea;
											
}

#textBox span.go  {background:url(g/arrow_right.png);
background-repeat: no-repeat;
background-position: 0 0px;
padding-left:18px;
						
}


#textBox .pdf  {background:url(g/pdf-icon.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
padding-left:21px;
						
}


#classlist dl {
		
		text-align:left;
		line-height:1.3em;
		font-weight:normal;
		margin:0 auto 20px auto;
		padding: 0 0 4px 0;margin:0 auto 20px auto;
		background:#fff;
		border:1px solid #d2d28e;
		border-right:1px solid #d2d28e;
		
		


border:1px solid #7A7AFF;
border:1px solid #cad854;
border-bottom:1px solid #c0cfcd;border-left:1px solid #c0cfcd;
border:1px solid #bdb3c9;

border:1px solid #A4B780;
}


#classlist dt {
		text-align:left;font-weight:bold;font-size:100%;font-weight:normal;
		margin:0 0 20px 0;padding:.2em 8px .2em 8px;
		border:1px solid;
		border-color: #E4F7D9 #E4F7D9 #4B3411 #E4F7D9;
		border:none;border-bottom:1px solid #cad854;
		background-color:#eeeeaa;
		background-image:url(g/Springbar.jpg);
		background-repeat:repeat;
		background-position:0 0;
		color:#4B3411;
}

#classlist dt.new {
	
		background-image:url(g/Newbar.png);
		background-repeat:repeat;
		background-position:0 -1px;
		color:#4B3411;
		padding-left:70px;
}


#classlist dt.new span{
	
	display:none;
}




#classlist dd {
		text-align:left;
		margin:0px 12px 5px 10px;font-size:75%;line-height:140%;
}

#classlist p.menuReturn {background-image:url(g/arrow_up.png);
													background-repeat:no-repeat;
													background-position:0 0px;
													text-decoration:none;
													
													margin:0 0 20px 0em;
													line-height:1.2em;
}

#classlist dd p { 

font-size:95%;
letter-spacing:0;
margin:0 0 1em 0;


}



#classlist p.menuReturn a   {padding-left:18px;text-decoration:none;color:#7b60a2;font-weight:bold;}

#classlist dd.menuReturn {
		
                      		padding-top:0px;
													background-image:url(g/arrow_up.png);
													background-repeat:no-repeat;
													background-position:0 4px;
													text-decoration:none;
													
													margin:0 0 0px 8em;
													line-height:2em;
}

#classlist dd.enroll     {
													
                      	margin-top:0em;padding-top:0;
													float:left;
													background-image:url(g/add.png);
													background-repeat:no-repeat;
													background-position:0 4px;
													text-decoration:none;
													line-height:2em;
}

#classlist dd.enroll a   {padding-left:18px;text-decoration:none;color:#7b60a2;font-weight:bold;}

#classlist dd.menuReturn a   {padding-left:12px;text-decoration:none;color:#7b60a2;font-weight:bold;}


#classlist dl hr         {margin:10px 12px 0px 12px;height:13px; color:#fff;background-color:fff;border:none;

}

#classlist dd.clickers a { background-image:url(g/add.png);
		background-repeat:no-repeat;
		background-position:0 0;text-decoration:none;
										color:#4B3411;font-weight:bold;

}
#classlist dd.teacher { 
  											font-size:90%;
												letter-spacing:1px;
												border-bottom:1px solid #ccc;
												line-height:100%;

}

#classlist dd.blurb { 
  											font-size:90%;line-height:140%;
												border-bottom:1px solid #ccc;
												padding-bottom:14px;
												padding-top:5px;

}

#classlist dd.subHead { 
  											font-weight:normal;font-size:90%;line-height:160%;
												margin-bottom:10px;margin-top:22px;

}


#classlist dd.facts { 
  											font-weight:bold;line-height:100%;
												margin-bottom:6px;

}

#classlist h2 {
										font-size:120%;
										
}
#classlist p {
										font-size:100%;line-height:140%;
										
}
#ageGroups ul  {margin:0 0 40px 0;font-size:80%;
}
#ageGroups li  {margin:0 6px 0px 0;display:inline;padding:0 10px 0 0px;
												background:url(g/arrow_right.png);
												background-repeat: no-repeat;
												color:#7b60a2;
												line-height:150%;
}




#ageGroups ul li a {
  padding-left: 16px; /* width of icon + whitespace */
  text-decoration:none;
	
	
	}

	#danceinfo  ul {

		text-align:left;font-size:11px;font-weight:normal;line-height:1.3em;margin:3px 0 0 0;
}

/* Dance fees table */

#fees {font-size:75%;background-color:#ddd;border:1px solid #000;margin:0 auto 20px auto;}
#fees tr {background-color:#fff;margin-bottom:4px;padding-top:5px;}
#fees td {width:150px;padding-top:5px;padding-bottom:0;}
#fees td.thin {width:90px;}
#fees tr.a {background-color:#ccc;text-align:center;}	





