/* 
	
	Master Screen CSS
	
 */
 
* {
	margin: 0;
	padding: 0;
}
 
	img {
		border: 0;
	}
	
 body {
 	background:url(/images/site/BG.gif) repeat-x #EAE9E9;
	font-size:12px; color: #000; font-family:Arial, Helvetica, sans-serif;
	}
 
 a {
 	color:#343e60;
	font-weight:bold;
 }
 	a:hover {
	color:#000;
	text-decoration:underline;
	}
	
	a:visited {
	color:#343e60;	
	}
 
#container {
	width:839px;
	margin: 0 auto; /*centers container if there is a width */
	
}
 
 #head {
 	background:url(/images/site/header.jpg) no-repeat;
	width:839px;
	margin-top:10px;
	height:86px;
	padding-top:69px;
	*padding-top:70px;
	position: relative;
 }
 
 body.full #head {
 	background:url(/images/site/headerFull.jpg) no-repeat;
	width:839px;
	margin-top:10px;
	height:86px;
	padding-top:69px;
	*padding-top:70px;
 }
 
 	h1 {
		text-indent:-9999px;		
	}
	
	h1 a{
		display:block;
		height:100px;
		position:absolute;
		top:20px;
		width:115px;
		z-index:99;
	}
	
	h2 {
		font-size:16px;
		text-transform:uppercase;
		color:#d0513c;
		font:Verdana, Arial, Helvetica, sans-serif;
	}
	
		p#capskids a {
			position: absolute;
			text-indent: -999px;
			overflow: hidden;
			height: 100px;
			width: 100px;
			right: 0;
			top: 0;
		}
	
	h2.titlewelcome {
		text-indent: -9999px; 
		background: url(/images/content/title_welcome.gif) no-repeat;
		width:97px; 
		height:17px;
} 
	h2.titlenews {
		text-indent: -9999px; 
		background: url(/images/content/title_news.gif) no-repeat;
		width:57px; 
		height:19px;
}

h3 {
		margin-bottom:10px;
		font-size:14px;
	}
	
	

 #content {
 	background:url(/images/site/Content_home.gif) repeat-y;
	width:794px;
	margin:0 auto;
	padding-left:30px;
	margin-left:15px;
    min-height: 300px;
      /* min-height hack for ie6 */
	  height: auto !important;
      height: 300px;
 }
 
 body.full #content {
 	background:url(/images/site/Content_full.gif) repeat-y;
	width:794px;
	margin:0 auto;
	padding-left:30px;
	margin-left:15px;
    min-height: 300px;
      /* min-height hack for ie6 */
	  height: auto !important;
      height: 300px;
	  padding-right:20px;
 } 
 
  body.contact #content {
 	background:url(/images/site/Content_full.gif) repeat-y;
	width:794px;
	margin:0 auto;
	padding-left:30px;
	margin-left:15px;
    min-height: 300px;
      /* min-height hack for ie6 */
	  height: auto !important;
      height: 300px;
	  padding-right:20px;
 } 
 
 body.gallery #content {
 	background:url(/images/site/Content_full.gif) repeat-y;
	width:794px;
	margin:0 auto;
	padding-left:30px;
	margin-left:15px;
    min-height: 300px;
      /* min-height hack for ie6 */
	  height: auto !important;
      height: 300px;
	  padding-right:20px;
 } 

 #skiplink {
 	position: absolute;
	left: -9999px;
 }
 
/* ------home page------ */
#homeleft{
	width:485px;
	min-height:300px;
	float:left; display:inline;
	margin-right:20px;
	margin-top:10px;
}

#homeright{
	display:inline;
	float:left;
	margin-top:10px;
	min-height:300px;
	padding-left:4px;
	width:253px;
}

#homeright p{
	margin-bottom:5px;
}

#promos {
	background:url(/images/content/promoS.gif) no-repeat center bottom;
	width:482px;
	height:122px;
	margin:0 auto;
	margin-top:10px;
	text-indent:-999px;
}

#promos li{
	list-style:none;
	display:inline;	
}

#promos li#promoleft a{
	display:block;
	width:240px; height:121px;
	float:left;
}

#promos li#promoright a{
	display:block inline;
	width:235px; height:121px;	
	float:left;
}


/* ------inner pages------ */
body.contact #innerContent{
	width: 745px;
	_width: 755px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top:-1px;
	padding-top:10px;
}

#innerContent {
	width: 730px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:10px;
	margin-top:-1px;
}


	
/* ------photo gallery------ */	
	#gallery {
		clear: both;
	}
	
		#gallery dt a,
		#photo dt a {
			
}
	
		
			#photo img {
				height: 150px;
			}
		
		#gallery dd,
		#photo dd {
			font-weight: bold;
			padding-bottom: .5em;
			padding: 0 30px;
		}
			#gallery dd a,
			#photo dd a {
				
			}
			
			#gallery dt.tnImage {
				width:150px; 
				height:150px;
				overflow:hidden;
}
		
	#photo {
		clear: both;
		padding: 0 10px;
	}
	
		#photo .description {
			padding: 1em 0;
		}
		
			#photo dt.tnImage {
				width:150px; 
				height:150px;
				overflow:hidden;
}
		
		.gallery h3 {
			color: #004276;
			text-transform:uppercase;
			font-size:16px;
			font:Verdana, Arial, Helvetica, sans-serif;
		}
		
		#dlstAlbums td dl {
			margin:5px;
		}


/* ------contact page------ */

	#FormLeftColumn {
		display:block;
		float: left;
		_display:inline;
		background:#F9F9F9;
		padding:10px;
		height:640px;
		width:350px;
		_width:350px;
		overflow:hidden;
	}
	
	#FormRightColumn {
		background:#F7F8FD none repeat scroll 0 0;
		display:block;
		float:left;
		margin-left:18px;
		_margin-left:18px;
		padding:10px;
		width:337px;
		_width:337px;
		*width:337px;
		overflow:hidden;
	}
	
	.section {
		padding: 1.5em 0;
		border-bottom: 1px solid #dbdbdb;
	}
	
	body.contact fieldset {
		border: 0;
		margin: 1.5em 0;
	}
	
		body.contact #innerContent legend {
			font-weight: bold;
			padding-bottom: 1em;
		}
		
		body.contact #innerContent label {
			display:block;
			margin-top:14px;
					}
		
		body.contact #innerContent label.lbl_long {
			width: 420px;
		}
		
			body.contact #innerContent label input {
				display: block;
				width:325px;
			}
			
			body.contact #innerContent #Query input,
			body.contact #innerContent #Affiliation input,
			body.contact #innerContent #aware input  {
				display: block;
				width:20px;
			}
			
			body.contact #innerContent label input.box,
			body.contact #innerContent #Affiliation input.box,
			body.contact #innerContent #aware input.box{
				display: block;
				width: 245px;
			}
			
			.radio {
				*margin-left:-150px;
				*margin-right:-150px;
			}
			
			body.contact p {
				margin-top:10px;
			}
			
			body.contact td {
				padding-left:5px;
				padding-top:10px;
				
			}
			
			.tdtextform {
				font-size:11px;
			}

			body.contact #innerContent label textarea {
				width: 325px;
				height: 70px;
				margin-top: 5px;
			}
			
			#btnSubmit {
				float:right;
				margin-top:10px;
			}
			
			body.contact h3 {
				color:#003366;
				font-size:13px;
				text-transform:uppercase;
			}

/* ------------------------ 
		NAV
------------------------ */

#navigation {
	 height:49px;
	 background-repeat:no-repeat;
	 width:839px;
	 position:relative;
 }
 
 ul#navigation {
	 display: block;
	 width: 839px;
	 height: 49px;
	 list-style: none;
	 margin: 0 auto;

	 }
	 
	 ul#navigation li {
	 	height: 49px;
		float: left;
		_display: inline;
	 	display: block;
	 }
	 
	 	 ul#navigation li a {
		 	text-indent: -9999px;
			overflow: hidden;
		 	height: 49px;
	 		display: block;
			background: url(/images/site/nav.jpg);
			background-repeat:no-repeat;

		 }
	 
			ul#navigation li#navHome a {
				width: 263px;
			}
				ul#navigation li#navHome a:hover {
					background-position: 0 -49px;
				}
			
			ul#navigation li#navAbout a {
				width: 140px;
				background-position: -263px 0;
			}
				ul#navigation li#navAbout a:hover {
					background-position: -263px -49px;
					}
			
			ul#navigation li#navPhotos a {
				width: 139px;
				background-position: -403px 0;
			}
				ul#navigation li#navPhotos a:hover {
					background-position: -403px -49px;
					}
			
			ul#navigation li#navShare a {
				width: 140px;
				background-position: -542px 0;
			}
				ul#navigation li#navShare a:hover {
					background-position: -542px -49px;
				}
				
			ul#navigation li#navContact a {
				width: 157px;
				background-position: -682px 0;
			}
				ul#navigation li#navContact a:hover {
					background-position: -682px -49px;
				}

#sponsors{
		display:block;
		height:51px;
		text-indent:-9999px;
		width:824px;
		margin:0 auto;
		margin-left:20px;
		background:url(../images/site/sponsors.gif) no-repeat;
	 }
	 
	 	#sponsors ul {
		 	text-indent: -9999px;
			list-style:none;
		 }
		 
		 #sponsors li{
		 	text-indent: -9999px;
	 		display:inline-block;
			float:left;
			list-style:none;
		 }
	 
			#sponsors li#navLids a {
				display:block;
				height:48px;
				width:155px;
				margin-left:320px;
			}
		
			#sponsors li#navNewEra a {
				height:48px;
				width:85px;
				display:block;
			}
/* ------------------------ 
		FOOTER
------------------------ */

body.home #footer {
	background:url(/images/site/footer.jpg) no-repeat;
	width:839px;
	height:45px;
	margin:0 auto;
	margin-left:15px;
	padding-top:56px;
	color:#343e60;
	text-align:center;
	line-height:1.5em;
}

body.full #footer {
	background:url(/images/site/footerFull.jpg) no-repeat;
	width:839px;
	height:45px;
	margin:0 auto;
	margin-left:15px;
	padding-top:56px;
	color:#343e60;
	text-align:center;
	line-height:1.5em;
}

body.gallery #footer {
	background:url(/images/site/footerFull.jpg) no-repeat;
	width:839px;
	height:45px;
	margin:0 auto;
	margin-left:15px;
	padding-top:56px;
	color:#343e60;
	text-align:center;
	line-height:1.5em;
	clear:right;
}

body.photo #footer {
	background:url(/images/site/footerFull.jpg) no-repeat;
	width:839px;
	height:45px;
	margin:0 auto;
	margin-left:-30px;
	padding-top:56px;
	color:#343e60;
	text-align:center;
	line-height:1.5em;
}
	#footer ul {
		margin: 0px;
		padding: 0px;
		font-family:Arial, Helvetica, sans-serif;
 		color: #636166;
		font-size:11px;
	}
	
	#footer li {
		list-style-type: none;
 		display: inline;
}
	#footer li a{
		text-decoration: none;
		padding: 2px;
 		color:#343e60;
		text-transform:uppercase;
		font-weight:normal;
}
	#footer li a:hover{
		text-decoration:underline;
 		padding:2px;
 		color:#343e60;
}	


/* ------------------------ 
	contact form
------------------------ */
 #content fieldset {	
 	clear: both;
	border: 0;
	margin: 1em 0;
}

	  #content legend {
		display: none;
	}
	
	 #content fieldset dt,
	 #content fieldset dd {
	 	width: 250px;
		float: left;
		_display: inline;
		line-height: 2.4;
		_line-height: 1.6;
		}
		
	#content fieldset dt {
		position: relative;
		}

		  #content label.required {
			font-weight: bold;
		}
		
		label span {
			font-size: 80%;
			position:absolute;
			top: 5px;
			left: 456px;
			white-space: nowrap;
	}

  #content #info input {
  	width: 200px;
  }
  
  #content #questions iput {
  	display: inline;
  }

  #content input, 
  #content select,
  #content textarea {
	font-size: 10px;
	border: 1px solid #BCC2C7;
	padding: 3px 0;
	
}

  #content textarea {
	height: 110px;
	width: 350px;
	font-size: 110%;
	top: -.5em;
}

	  #content input:focus,
	  #content textarea:focus {
		background: #BCC2C7;
	}

 #content p#submit {
	display: block;
	margin-left: 252px;
	font-size: 130%;
	font-weight: bold;
}
	 #content p#submit a {
		background-position: 0 7px;
	}


 #content #summary ul,  #content #ValidationSummary1 ul{
	padding: 1em 2em;
}

 #content #next,
  #content #submit,
  #content #ImageButton1 {
	margin-top: 1em;
	display: block;
	width: 131px;
	height: 22px;
	border: 0;
	margin-bottom: 10px;
}

	#content #ImageButton1:focus {
		background: transparent;
	}

#content #RadioButtonList1 input,
#content #Radiobuttonlist2 input,
#content #Radiobuttonlist3 input {
	bordeR: 0;
}



/*contact form*/
		


/* ------------------------ 
		EASY CLEARING 
------------------------ */
.clear { clear:both;}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */

