/*------------------------------------------
Site: surfsidekids.org
Author: Retro Interactive
Author URL: http://retrointeractive.com
------------------------------------------*/
*{
	margin:0;
	padding:0;
	}
body{
	color:#333;
	font-size: 62.5%;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica, Verdana, Tahoma, Sans-Serif;
	background:#F8F8B6;
	}
strong{
	color:#000;
	}
h1,h2,h3,h4 {
	margin:10px 0 0 0;
	font-family:Arial,Helvetica, Verdana, Tahoma, Sans-Serif;
	}
	h1{
		font-size:250%;
		letter-spacing:-1px;
		color:#1565A4;
		margin-bottom:5px;
		}
	h2{
		font-size:180%;
		font-weight:bold;
		letter-spacing:-1px;
		margin-left:2px;
		margin-bottom:-8px;
		color:#A09F0F;
		}
	h3{
		font-size:150%;
		font-weight:bold;
		margin-left:4px;
		margin-bottom:-2px;
		}
p{
	margin:10px 7px 15px 7px;
	}
blockquote{
	margin:10px 20px;
	background:#eee;
	border:1px solid #ddd;
	padding:0 5px;
	}
#content ul{
	list-style-type:square;
	margin:5px 40px 15px 40px;
	}

	#content a, #extfooter a {
		color:#222;
		text-decoration:none;
		background:#eee;
		padding:1px 3px;
		border-right:1px solid #ddd;
		border-bottom:1px solid #ddd;
		}
	#extfooter a{
		background:#fff;
		}
	#content a:hover,#extfooter a:hover{
		color:#fff;
		background:#3B7EB3;
		padding:2px 3px;
		border-right:1px solid #1565A4;
		border-bottom:1px solid #1565A4;
		}
#wrap{
	width:888px;
	margin:0 auto;
	background:#F8F8B6 url(img/wrap.png) repeat-y;
	}
#header{
	width:888px;
	height:105px;
	margin:0;
	background:transparent url(img/header.jpg) center top no-repeat;
	}
#logo{
	float:left;
	position:relative;
	top:18px;
	left:22px;
	width:195px;
	height:106px;
	background:transparent url(img/logo.png) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	}
#nav{
	float:left;
	list-style-type:none;
	position:relative;
	top:85px;
	left:30px;
	font-size:14px;
	display:inline;
	}
#nav li{
	float:left;
	display:inline;
	padding-bottom:6px;
	}
#nav li a{
	padding:0 15px 0 16px;
	line-height:200%;
	color:#1565A4;
	text-decoration:none;
	display:block;
	}
	#nav li a:hover{
		color:#A09F0F;
		text-decoration:underline;
		}
#nav li.active{
	float:left;
	background:transparent url(img/navarrow.png) center bottom no-repeat;		
	}
	#nav li.active a, #nav li.active a:hover{
		color:#fff;	
		background:#DFE49A url(img/navbg.png) repeat-x;
		border-right:1px solid #8AB2D1;
		text-decoration:none;
		}
#content{
	font-size:120%;
	line-height:180%;
	padding:0px 100px 70px 100px;
	margin:30px auto 0 auto;
	width:688px;
	background:transparent url(img/footer.jpg) bottom no-repeat;
	}
	.wide{
		width:768px !important;
		padding:0px 60px 70px 60px !important;
		margin:30px auto 0 auto !important;
		background:transparent url(img/footer2.jpg) bottom no-repeat !important;
		}

#sidebar{
	float:left;
	display:inline;
	width:190px;
	padding:0 10px 120px 20px;
	}
#sidebar a{
	text-decoration:none;
	}
	#subnav {
	  width: 190px;
	  color:#fff;
	  margin: 0 0 20px 0;
	  padding-bottom:20px;
	  background: transparent url(img/subnavfoot.png) no-repeat bottom left;
	  }
	#subnav dt {
	  margin: 0;
	  padding: 2px 10px 0 10px;
	  line-height:31px;
	  height:31px;
	  background: transparent url(img/subnavhead.png) no-repeat top left;
	  }
	#subnav dd {
	  margin: 0;
	  padding: 5px 10px;
 	  background: transparent url(img/subnavmid.png) repeat-y;
	  border-bottom:1px solid #
	  }
	 #subnav a, #subnav a:active, #subnav a:visited{
	 	border:0;
		margin:0;
		padding:0;
		display:block;
		color:#DFE49A;
		background:transparent;
		}
	 #subnav a:hover{
		color:#fff;
		background:transparent;
		border:0;
		}
	#subnav .active a, #subnav .active a:active, #subnav .active a:visited,#subnav .active a:hover{
	 	border:0;
		color:#fff;
		padding-left:10px;
		background: transparent url(img/subnavbullet.png) 0px center no-repeat;
		}
	.box {
	  width: 190px;
	  margin: 0 0 20px 0;
	  padding-bottom:20px;
	  background: transparent url(img/sidebarfoot.png) no-repeat bottom left;
	  }
	.box dt {
	  margin: 0;
	  color:#fff;
	  padding: 2px 10px 0 10px;
	  line-height:31px;
	  height:31px;
	  background: transparent url(img/sidebarhead.png) no-repeat top left;
	  }
	.box dd {
	  margin: 0;
	  font-size:90%;
	  line-height:140%;
 	  background: transparent url(img/sidebarmid.png) repeat-y;
	  border-bottom:1px solid #
	  }
	#sidebar .box a{
		padding:0; 
		margin:0;
		background:transparent;
		color:#1565A4;
		text-decoration:underline;
		border:0;
		}
	#sidebar .box a:hover{
		padding:0; 
		margin:0;
		background:transparent;
		color:#A09F0F;
		text-decoration:underline;
		border:0;
		}
	#sidebar .box ul{
		list-style-type:square;
		margin:0px 35px 5px 35px;
		}	
	#sidebar .box p{
		padding:5px 12px 5px 12px;
		margin:0;
		}

#main{
	float:left;
	display:inline;
	width:498px;
	padding:0 40px 0 10px;
	}
#welcome{
	width:712px;
	height:258px;
	margin:30px auto 10px auto;
	}
#monoSlideshow{
	float:left;
	display:inline;
	background:transparent url(img/mss.jpg) no-repeat;
	width:406px;
	height:258px;
	}
#importantinfo{
	float:left;
	display:inline;
	width:306px;
	height:258px;
	background:#fff url(img/importantinfo.png) no-repeat;
	}
#importantinfo h1{
	color:#fff;
	line-height:175%;
	padding:0 10px;
	}
#importanttext{
	font-size:130%;
	color:#fff;
	margin:5px 10px;
	overflow:auto;
	height:190px;
	}
#extfooter{
	margin:0 auto;
	line-height:180%;
	width:728px;
	padding:0 0 10px 0;
	}
	
.floatright{float:right;}
.floatleft{float:left;}
.center{text-align:center;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

label, input, textarea, select {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	margin-top:3px;
}

 select{
	width:200px;
	}
.auto {
	width:auto;
	}
 textarea{
	width:200px;
	height:150px;
	}
 label {
	margin-top:0px;
	text-align: right;
	width: 200px;
	padding-right: 20px;
	color:#666;
}

br {
	clear: both;
}
.required{
	background:#000;
	}
fieldset{
	background:#eee;
	border:1px solid #ddd;
	padding:0 5px;
	margin:10px 0;
	}
legend{
	margin-left:10px;
	text-transform:uppercase;
	}
.error{
	border:5px solid #8B0000;
	background:#CD0000 !important;
	color:#fff;
	padding:5px 10px;
	}