﻿/* global */

    body{
	background: #76c0ff url('../images/bg-body.jpeg') no-repeat center top;
	font: 70% Arial, Helvetica, Sans-Serif;
	color: #036;
	line-height: 160%;
	margin: 0;
	padding: 0;
	text-align: center;
}

    /* headings */
        h1{
			font-size:200%;
			font-weight:normal;
            }		
		h6{
			font-weight:normal;
			margin:1em 0;
			}	
        h5{
			font-weight:normal;
			margin:1em 0;
			}	
        h4{
			font-weight:normal;
			margin:1em 0;
			}	
        h3{
			font-weight:normal;
			margin:1em 0;
			}	
        h2{
			font-weight:normal;
			margin:1em 0;
			}	
        h2{            
			font-size:28px;
			font-weight:bold;
			letter-spacing:-0.05em;
            }	
        h3{          
			font-size:20px;
            }
        h4{          
			font-size:17px;
            }				
    /* // headings */

    /* image replacement */
        #intro h3{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
        #header h1{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
        .graphic{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

    /* clearfix */

		.fixed:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		
		ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		
		#content:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		.fixed{
			display:block;
			}
		ul{
			display:block;
			}
		#content{
			display:block;
			}
		/*  \*/
		.fixed{
			min-height:1%;
			}
		ul{
			min-height:1%;
			}
		#content{
			min-height:1%;
			}
		* html .fixed{
			height:1%;
			}

    	* html ul{
			height:1%;
			}

    	* html #content{
			height:1%;
			}

    /* // clearfix */
	
	/* HTML Tags */
        a{
			text-decoration:none;
			color:#1a6075;
            }
        a:hover{
			color:#999;
            }			
		li{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		select{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		textarea{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		input{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		table{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		form{
			margin:1em 0;
			}
		ol{
			margin:1em 0;
			}
		ul{
			margin:1em 0;
			}
		blockquote{
			margin:1em 0;
			}
		p{
			margin:1em 0;
			}
		blockquote{
			}
		img{
			border:none;
			}			
		hr{
			display:none;
			}	
		table{
			margin:1em 0;
			width:100%;
			border-collapse:collapse;
			}
		td{	
			padding:2px 5px;
			}	
		th{	
			padding:2px 5px;
			}	
		th{	
			text-align:left;
			}	
	
	/* // HTML Tags */	
	
/* // Global */

/* page setup */

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:900px;
		}
	#header{
		background:url(../images/bg_header.gif) no-repeat 0 0;		
		height:194px;
		}	
	#home #header{
	background: url('../images/bg-h1-logo.png') no-repeat center 30px;
}
#content{
	background: transparent;
	padding-bottom: 17px;
	font-size: 12px;
}
	.main{
	float: left;
	display: inline;
	width: 900px;
	height: 250px;
}
.teaser{
	width: 900px;
	clear: both;
	text-align: center;
}
.teaser p {
	font-size: 16px;
	color: #003366;
	line-height: 22px;
}
#footer{
	font-size: 12px;
	color: #fff;
	text-align: center;
}
#footer .teaser{
	width: 150px;
}

/* //page setup */


/* navigation elements */
	/* home nav */
#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 900px;
	height: 150px;
	background: url() no-repeat;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .about {
	width: 130px;
	height: 18px;
	background: url('../images/link-about-us.png') no-repeat;
	left: 146px;
	top: 34px;
}
#menu .schedule {
	width: 135px;
	height: 18px;
	background: url('../images/link-schedule.png') no-repeat;
	left: 113px;
	top: 108px;
	}
#menu .sponsors {
	width: 139px;
	height: 18px;
	background: url('../images/link-sponsors.png') no-repeat;
	left: 162px; 
	top: 182px;
	}
#menu .volunteer {
	width: 151px;
	height: 18px;
	background: url('../images/link-volunteer.png') no-repeat;
	left: 666px; 
	top: 34px;
	}
#menu .gogreen {
	width: 129px;
	height: 18px;
	background: url('../images/link-go-green.png') no-repeat;
	left: 678px; 
	top: 108px;
	}
#menu .contact {
	width: 161px;
	height: 18px;
	background: url('../images/link-contact-us.png') no-repeat;
	left: 627px;
	top: 182px;
	}

	/* //home main nav * /
	/* main nav */
		
		ul#nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
				
		ul#nav{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#nav{
			position:absolute;
			right:0;
			top:120px;
			height:32px;
			}			
		ul#nav li{
			float:left;
			display:inline;
			height:42px;		
			line-height:38px;			
			margin-left:15px;
			font-size:17px;			
			font-weight:bold;
			text-transform:uppercase;
			}	
		ul#nav li a{
			float:left;
			display:inline;
			height:38px;		
			line-height:38px;			
			color:#333;
			padding:0 10px;
			}	
		ul#nav li.selected{
			background:url(../images/bg_navsel.gif) no-repeat 50% 100%;
			}
		ul#nav li a:hover{
			background:#7ab3c4;
			color:#fff;
			}									
	
		ul#nav li.selected a{
			background:#7ab3c4;
			color:#fff;
			}									
	
	/* //main nav */
	


	/* //main nav */
	
/* //navigation elements */


/* header */

	#header h1{
		position:absolute;
		margin:0;
		padding:0;
		width:241px;
		height:84px;
		top:37px;
		left:50px;
		}
	#header h1 a{
		display:block;
		height:84px;
		}
	#meta{
	position: absolute;
	margin: 0;
	width: 900px;
	overflow: hidden;
	height: 39px;
	line-height: 36px;
	top: 120px;
	right: 0;
	text-align: center;
	font-size: 14px;
}
	#meta a{
		text-decoration:underline;
		}	
	#subscribe{
	position: absolute;
	margin: 0;
	top: 155px;
	width: 900px;
	overflow: hidden;
	right: 0;
	text-align: center;
	height: 40px;
	line-height: 46px;
	font-size: 28px;
	font-weight: normal;
	color: #FFF;
	font-style: italic;
}
				

/* // header */

/* content */
	
	.teaser .link a{
		float:left;
		height:24px;
		line-height:24px;			
		background:#f8f8f8;
		font-weight:bold;
		border-bottom:2px solid #e8e8e8;
		padding:0 10px;
		}	
	.teaser .link a:hover{
		border-bottom:1px solid #f1f1f1;
		border-top:1px solid #fff;			
		}	
	.summary{
		font-size:15px;
		padding:1em 30px;
		background:#f8f8f8;
		line-height:160%;
		}
	.note{
		padding:1em 30px;
		background:#5b8a9a;
		line-height:160%;
		border:1px solid #ccc;	
		color:#fff;
		font-weight:bold;
		}		

	/* // intro & preview */							
	
		#intro{
			background:#c9c9c9 url(../images/bg_intro.gif) no-repeat 0 0;
			min-height:258px;
			overflow:hidden;
			}		
		* html #intro{		
			height:258px;
			}				
		#intro h3{ 		
			height:80px;
			}	
		#intro p{ 
			margin:.5em 30px;
			font-size:14px;
			line-height:160%;
			}	
		#intro p.link{
			margin-top:2em;
			}
		#intro p.link a{ 
			display:block;
			float:none;
			height:50px;
			line-height:50px;
			background:#fff;					
			text-align:center;
			font-size:20px;
			font-weight:bold;
			letter-spacing:-0.05em;
			border-bottom:2px solid #aaa;
			}			
		#intro p.link a:hover{ 
			margin-top:2px;
			color:#333;
			border-bottom:1px solid #aaa;
			}					
		#preview{
			width:530px;
			height:241px;
			overflow:hidden;
			margin-top:17px;
			}	
		
	/* // intro & preview */						

	/* blog excerpt list */	
	
		ul.blog li{
			margin:0;
			padding:0;
			list-style:none;
			}
			
		ul.blog{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul.blog{
			border-top:1px solid #e5e5e5;
			}	
		ul.blog li{
			border-bottom:1px solid #e5e5e5;
			background:#f8f8f8;
			padding:1em 30px;
			margin-bottom:1px;
			}	
		ul.blog li p{
			margin:.5em 0;
			}	
		ul.blog li h3{
			margin:.5em 0 .25em 0;
			}				
		ul.blog li p.info{
			font-size:10px;
			margin:0 0 1em 0;
			border-bottom:1px solid #e5e5e5;
			}				
		ul.blog li .link{
			margin-top:1em;
			height:24px;
			line-height:24px;			
			}	
		ul.blog li .link a{
			float:left;
			height:24px;
			line-height:24px;			
			background:#fff;
			font-weight:bold;
			border-bottom:2px solid #f1f1f1;
			padding:0 10px;
			}	
		ul.blog li .link a:hover{
			border-bottom:1px solid #f1f1f1;
			border-top:1px solid #f8f8f8;			
			}												
	
	/* // blog excerpt list */

	/* form */
																				
		form{
			margin:1.5em 0;
			padding-top:.5em;
			background:url(../images/bg_line.gif) no-repeat 0 0;
			}
		fieldset{
			margin:0;
			padding:0;
			border:none;
			}			
		legend{
			display:none;
			}			
		label{
			float:left;
			width:120px;
			margin-left:30px;
			}	
		textarea{
			width:250px;
			border:1px solid #ccc;
			padding:5px;
			}			
		input{
			width:250px;
			border:1px solid #ccc;
			padding:5px;
			}			
		textarea{
			height:120px;
			overflow:auto;
			}						
		form p{
			clear:both;		
			margin:0;
			padding:8px 0;
			background:#f8f8f8;
			margin-bottom:1px;
			}	
		form p.submit{
			background:none;
			text-align:right;
			}				
		button{
			border:none;
			padding:5px 15px;
			margin:0;
			background:#5b8a9a;	
			color:#fff;
			font-weight:bold;
			font-size:15px;
			cursor:pointer;
			text-transform:uppercase;
			}										
					
	
	/* // form */		

/* // content */

/* footer */

	#footer .main{
		float:left;
		display:inline;
		width:475px;
		margin-left:47px;
		}	
	#footer a{
		color:#fff;
		text-decoration:underline;
		}					
		

	p#footerNav{
		float:right;
		margin:1em 0;
		padding:0;
		}
	#footerNav li{
		display:inline;
		margin:0 0 0 10px;
		padding:0;
		list-style:none;
		}	
	#footerNav li a{
		color:#333;
		text-decoration:underline;
		}					

/* // footer */

