/* ------MAIN STYLES----- */

body{ margin:0 0 15px; background:#003263 url(../images/bg.jpg) center top no-repeat; color:#666666;}
body,td,th,input,select,textarea,input{ font-family:Arial, Helvetica, sans-serif;}
body,td,th,input,select,textarea,input{ font-size:11px;}
p{ margin:0 0 1.5em 0;}
form{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
a{ color:#0066CC; text-decoration:none;}
a:hover{ color: #666666; text-decoration:underline;}
a img{ border:none; display:block;}


#tblACMAdminToolbar { z-index:999;}

H1 { font-size:22px; font-weight:normal; color:#003263;}
H2 { font-size:16px; font-weight:normal; color:#666666;}

.notepad-bullet { padding:1px 0 2px 20px; line-height:20px; background:url(../images/bullet.gif) left center no-repeat;}
.arrow-bullet { color:#003263;}

.size14text{font-size:14px; line-height:1.2em;}
.size16text{font-size:16px; line-height:1.2em;}
.size20text{font-size:20px; line-height:1.2em;}
.size22text{font-size:22px; line-height:1.2em;}
.size24text{font-size:24px; line-height:1.2em;}

/* ------CLEARING FLOATS------*/

.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.clear { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear { height: 1%;} 
.clear { display: block;}
/* End hide from IE-mac */ 


/* ------WRAPPER STLYLS------ */

#wrapper { width:900px; margin:0 auto; background:#FFFFFF;} 



/* ------HEADER STYLES------ */

#header { height:137px; background:url(../images/header-bg.jpg) no-repeat;}
	#logo { width:270px; height:78px; padding:43px 15px 16px 15px; float:left;}
	#tagline { width:600px; float:right; position:relative;}
		#tagline-text { position:absolute; top:70px; left:95px; color:#666666;}
			
/* ------PRIMARY NAVIGATION STYLES------ */	
	
#primary_nav_area { padding:0 15px;}
	#nav{ z-index:2;}
	#nav ul { margin:0; padding:0; list-style:none; list-style-image:none; line-height:1; z-index:2;}
	#nav ul li { margin:0; list-style:none; list-style-image:none; float:left; z-index:2;}

	/* Level 1 */

	#nav ul li a{ display:block; text-decoration:none; color:#FFFFFF;}
	#nav ul li a:hover{}
	#nav ul li.ipf-parent div a{}
	#nav ul li.ipf-parent div a:hover{}
	#nav ul li.ipf-parent div li a{}
	#nav ul li.ipf-parent div li a:hover{}

	#nav ul li div{ color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	#nav ul li div a{ padding:12px 9px 12px 11px; background:url(../images/nav-fence.gif) left center no-repeat; color:#666666; }
	#nav ul li#pageid10669 div a { padding-left:6px; background-image:none;}
	#nav ul li div a:hover { color:#0066CC; text-decoration:underline;}

	/* Level 2 */

	#nav ul li ul{ width:160px; margin:0 0 0 1px; position:absolute; background:#ffffff; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5; left:-999em; z-index:999;}
	#nav ul li ul li a{ width:140px; padding:6px 10px; text-indent:none; font-size:11px; color:#666666; border-bottom:1px solid #f5f5f5;}
	#nav ul li ul li a:hover{ color:#ffffff; text-decoration:none; background:#0066CC;}
	#nav ul li ul li.ipf-parent a{}
	#nav ul li ul li.ipf-parent a:hover{}

	/* Level 3 */

	#nav ul li ul li ul { margin: -25px 0 0 160px;}
	#nav ul li ul li ul li a{}
	#nav ul li ul li ul li a:hover{}

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em;}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto;}
	#nav li:hover, #nav li.hover { position:static;}
	
	
/* ------HERO STYLES------ */

#hero { height:300px; padding:0 15px; background:url(../images/hero-bg.gif) center top no-repeat; position:relative;}

	.Level1 #reg-now { position:absolute; top:17px; right:30px; width:246px; height:188px; padding:40px 30px 30px; background:url(../images/hero-reg-now-bg.gif) no-repeat; display:block; z-index:900;}
	.Level2 #reg-now { position:absolute; width:236px; height:188px; padding:40px 30px 30px; background:url(../images/side-reg-now-bg.gif) no-repeat; display:block;}
	
		#reg-now-header { width:170px; height:70px; font-size:12px; text-transform:uppercase;}
		#reg-now-header .boldfont { margin:0; font-family:Impact,Arial, Helvetica, sans-serif; font-size:24px; color:#003263;}
		
		#reg-now-content { height:90px; margin-top:35px;}
	
/* ------HERO STYLES------ */
.Level1 #miscellaneous { padding:5px 15px;}
.Level2 #miscellaneous { padding:0 15px 15px;}

	.padding { padding:30px 90px 30px 20px;}
	#team-info { width:180px; height:130px; background:url(../images/team-info-bg.jpg) no-repeat; float:left;}
	#parents { width:180px; height:130px; background:url(../images/parents-bg.jpg) no-repeat; float:left;}
	#swimmers { width:180px; height:130px; background:url(../images/swimmers-bg.jpg) no-repeat; float:left;}

/* ------CONTENT STYLES------ */

.Level1 #content { width:870px; margin:0 15px 15px; background:url(../images/home-content-bg.gif) repeat-y;}
.Level2 #content { width:870px; margin:0 15px 15px;}

	#left { width:525px; padding:25px 25px 25px 30px; float:left;}
		#main-content { position:relative; z-index:2;}
	
		#block-area { padding:15px 0;}
			#block-content { padding:10px 15px; background:#f5f5f5;}
			#block-content ul { margin:0; padding:0; list-style:none;}
			#block-content ul li { margin:0; padding:0 0 8px; list-style:none;}
			
		.Level1 #latest-news { border-top:1px solid #f5f5f5; padding:15px 0 0;}
		.Level2 #latest-news { border-top:1px solid #f5f5f5; padding:273px 0 0;}
		#latest-news table { border-collapse:collapse;}
		#latest-news ul { margin:0; padding:0; list-style:none;}
		#latest-news ul li { width:261px; margin:0; padding:0; list-style:none; float:left;}
		
	#right { width:290px; padding:0 0 30px; float:left;}
		.side-block { padding:6px 13px 0 0; }
			.side-content { padding:2px 7px; background:url(../images/sidebar-bg.gif) repeat-y;}
			.side-content h1 { padding:8px 8px 15px; background:url(../images/sidebar-header-bg.jpg) no-repeat;}
			
		#btnSubmit {width:89px; margin:0; padding:4px 28px 4px; border:none; font-size:13px; color:#666666; font-weight:bold; text-transform:lowercase; background:url(../images/submit-btn.gif) no-repeat; cursor:pointer;}
			
		#calendar { padding-top:20px;}
			#calendar-header { padding-bottom:10px;}
			#calendar-content { height:128px; padding:10px; background:url(../images/home-calendar-bg.jpg) center bottom no-repeat;}
				#currentdate { width:90px; font-size:13px; float:left;}
				#currentdate h1 { font-size:18px; font-weight:normal; color:#003263;}
				
				#currentform { width:170px; padding-left:10px; float:left;}
					#ctl04_divCalendar { margin-top:-25px;}
					#ctl03_divCalendar { margin-top:-25px;}
				
					#ctl04_tdTitleContainerCell { background:#003263; color:#FFFFFF; font-weight:bold; font-size:12px; text-transform:uppercase;}
					#ctl03_tdTitleContainerCell { background:#003263; color:#FFFFFF; font-weight:bold; font-size:12px; text-transform:uppercase;}
					
					#ctl04_tdTitleContainerCell a{ color:#FFFFFF; text-transform:none; font-weight:normal;}
					#ctl03_tdTitleContainerCell a{ color:#FFFFFF; text-transform:none; font-weight:normal;}
				 	.ip-tablecalendar-month-daytitlerow td { text-align:center;}
					.ip-tablecalendar-month-daycell { background:#FFFFFF;}
					.ip-tablecalendar-month-emptydaycell table{ border-collapse:collapse;}
					.ip-tablecalendar-month-daycell table{ border-collapse:collapse;}
		

/* ------FOOTER STYLES------ */
	
#footer{ padding:24px 15px 20px; background:#ffe01b; color:#003263;}
	#footer a{ color:#003263; text-decoration:none;}
	#seo { margin:5px 0 0 0;}
	#poweredbyactive { margin:0; float:right;}