html {
padding: 0;
margin: 0;}


body {
background: #131a3b url(images/bg_stars.gif) 50% 0 repeat; 
padding: 0;
margin: 0;}
	
#page_container {
width: 952px;
margin: 0 auto;
background: transparent url(images/bg_container_repeat_text.png) 0 0 repeat-y;
position: relative; }


#header {
width: 940px;
margin-left: 6px;
background: transparent url(images/bg_header.gif) 0 0 no-repeat;
height: 141px;
position: relative; }
    
    
    
img.staff{float:right;
padding-left:16px; }  
 
img.left{float:left;
padding-left:0px;
padding-bottom:0px;;
padding-right:5px;;
padding-top:5px;}
   
img.right{float:right;
padding-left:5px;
padding-bottom:0px;;
padding-right:0px;;
padding-top:5px;}
    
	
#header h1 {
width: 330px;
height: 78px;
background: transparent url(images/logo.gif) 0 0 no-repeat;
text-indent: -5000px;
position: absolute;
left: 40px; top: 34px;  }
	
#header h1 a {
display: block;
width: 100%;
height: 100%; }
	
#nav-aux {
float: right;
position:absolute;right:-172px;
width: 50%;
list-style: none;
margin: 0;
padding: 12px 0 0 40px; }
	
#nav-aux li {
display: inline;
border-left: 1px solid #ffffff; }
		
#nav-aux li.first { border: none; }
#nav-aux li.first a { padding-left: 0; }
#nav-aux a { color: #fff; text-decoration: none; font-size: .9166em; padding: 0 .9em 0 1em; }
#nav-aux a:hover { color: #6173c7; }
	

#search {
float: left;
position: relative;
margin-top:-2px;
padding: 0px 0px 0px 21px; }
	
#search .button { position: relative; top: 8px; }


#nav {
position: absolute;
left: 448px; top: 73px; }
	
#nav ul {
list-style: none;
margin: 0;
padding: 0;
width: 455px;
height: 45px;
font-size: 73%;

background: transparent url(images/nav.png) 0 -45px no-repeat; }
		
#nav li { display: inline; }
	
#nav a {
display: block;
float: left;
height: 45px;
text-indent: -5000px;
background: transparent url(images/nav.png) 0 0 no-repeat; }
		
#nav a:hover { background-image: none; }
#nav .nav-classes a     { width: 159px; background-position: 0 0; }
#nav .nav-program a 	{ width: 114px; background-position: -159px 0; }
#nav .nav-team a 		{ width: 182px; background-position: -273px 0; }
	

#content_container {
float: left;
clear: left;
display: inline;
width: 940px;
margin: 0 6px;
background: transparent url(images/bg_container.png) no-repeat; }
	
#content {
float: right;
width: 480px;
margin-right: 120px;
padding-bottom: 50px;
min-height: 450px; }
	
.page_title {margin: 65px 0px 30px;}
    
table.classes{width:500px;
background-image: url(images/tableback.png); }  
    
        
table.summer{width:500px;
background-image: url(images/tablebacksummer.png); }   
   
    
table.summerswim{width:500px;
border: 2 px solid orange;
border-spacing:8px;
border-collapse:collapse;}
   
td.summerswim2{
border: 2px solid orange;
border-spacing:8px;
background-color:orange;}
    
td.summerswim{
border: 2px solid orange;
border-spacing:8px;}



body.calendar #page_container { background-image: url(images/bg_container_repeat_calendar.png); }
body.calendar #content_container { background-image: url(images/bg_container_calendar.png); }
body.calendar #footer { background-image: url(images/bg_footer_calendar.gif); }
body.calendar  h2.section_title { background-image: url(images/calendar_title.jpg); width: 252px; height: 31px; margin: 11px 0 0 60px; }
	
body.calendar #content {
background: #fff;
border: 1px solid #ccc;
width: 800px;
float: left;
margin: 0 0 0 60px;
padding: 10px; }
	

#sidebar {
width: 260px;
margin-left: 20px;
position: relative; }
	
.section_title {
height: 81px;
line-height: 170px;
vertical-align: text-bottom;
color: #fff;
margin-bottom: 0;
text-indent: -5000px;}
		

		
.girl {
position: absolute;
left: 0; top: 0px; }
		

#subnav { margin-bottom: 1.6em; }
#subnav ul { list-style: none; margin: 0; border-bottom: 1px solid #fff; }		
#subnav li { border-top: 1px solid #fff; border-bottom: 1px solid #b8c1e8; }
#subnav li.first { border-top: none; }
#subnav li.first a { padding-top: 1.5em; }
#subnav a {
text-decoration: none;
display: block;
padding: .35em 0 .35em 0px;
color: #131a3b;
font-size: 1.0909em; }
		

#subnav a:hover { color: #6173c7; }
	
#subnav li.selected { background-color: #fff; }
#subnav li.selected a { color: #6b006c; font-weight: bold; }
	
	
#subnav li ul { width: 260px; margin-left: -24px; padding-left: 12px; border-bottom: none; }
#subnav li li { border: none; }
#subnav li li a { font-size: 1em; padding-top: .25em; padding-bottom: .25em; padding-left: 52px; }
#subnav li.selected li a { font-weight: normal; color: #232c58; }
#subnav li.selected li.selected a { font-weight: bold; color: #232c58; background-color: #6173c7; }
	
	


#footer {
clear: both;
height: 200px;
margin: 0 6px;
padding-top: 64px;
background: transparent url(images/bg_footer.gif) no-repeat; }
	
	
#footer a { color: #bededd; text-decoration: none; }
#footer a:hover { color: #6173c7; }
	
.ftr-classes,
.ftr-program,
.ftr-team { float: left; display: inline; width: 220px; }
	
.ftr-classes { margin-left: 10px; }
.ftr-program{ margin-left: 5px; }
.ftr-team { margin-left: 0px; }
	
.ftr-nav { float: right; display: inline; margin-right: 40px; text-align: right; }
	
.ftr-classes ul,
.ftr-program ul,
.ftr-team ul,
.ftr-nav ul { list-style: none; margin: 0; }
	
	
#footer .copyright { margin-top: 3em; color: #6173c7;}
	
#footer .text_field {
background-color: #131a3b;
border: 1px inset #131a3b;  }


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

* html .clearfix { zoom: 1;}