/*--css reset--*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 

table { 
	border-collapse:collapse; 
	border-spacing:0; 
}
	 
fieldset,img {  
	border:0; 
} 
	
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 

caption,th { 
	text-align:left; 
} 
	
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
}

/*--end--*/

.clear { clear:both }

body {
	background: url(/images/tiled-background.gif) top repeat-x #fff;
	height:1000px
		
}

p { margin-bottom:20px }

a:link, a:active, a:visited {
	color: #006f6f;
	text-decoration: none;
}
	a:hover {
		color: #00a1a1;
	}

.main-background { 
	background: url(/images/background.jpg) top center no-repeat;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	height: 900px;
	overflow:visible


}

.wrapper {
	position:relative;
	width: 980px;
	margin: 0 auto;
}

.header { width:100%;float:left;padding-top:9px;position:relative }

.logo {
	position: absolute;
	top: 50px;
	left: 0px
	
}
/*top nav */

#topNav {
	width: 299px;
	height: 25px;
	float: right;
	position: relative;
	padding: 0;
}


#topNav li {
	float: left;
}

#topNav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 25px;
	background: url(/images/topNav.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

	/*up state*/
	li#topNav_signup a {
		left: 0;
		width: 66px;
		background-position: 0 0;
	}
	
	li#topNav_shop a {
		left: 66px;
		width: 49px;
		background-position: -66px 0;
	}
	
	/*li#topNav_blog a {
		left: 115px;
		width: 49px;
		background-position: -115px 0;
	}
	
	li#topNav_groms a {
		left: 164px;
		width: 67px;
		background-position: -164px 0;
	}*/
	
	li#topNav_contact a {
		/*left: 221px; If Blog and Grom Corps Were There*/
		left: 115px;
		width: 78px;
		background-position: -221px 0;
	}
	
	
	/*hover*/
	li#topNav_signup a:hover {
		background-position: 0 -26px;
	}
	
	li#topNav_shop a:hover {
		background-position: -66px -26px;
	}
	
	li#topNav_blog a:hover {
		background-position: -115px -26px;
	}
	
	li#topNav_groms a:hover {
		background-position: -164px -26px;
	}
	
	li#topNav_contact a:hover {
		background-position: -221px -26px
	}

/*banner */

.banner { 
	width: 728px;
	float: right;
	margin: 14px 24px 0 0;
}

/* main nav*/

#mainNav { 
	width: 763px;
	height: 33px;
	float: right;
	margin: 22px 16px 0 0;
	background: url(/images/mainNav.png);
	position: relative;
	padding: 0;

}

#mainNav li {
	float: left;
}

#mainNav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 33px;
	background: url(/images/mainNav.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

	/*up state*/
	li#mainNav_about a {
		left: 0;
		width: 120px;
		background-position: 0 0;
	}
	
	li#mainNav_programs a {
		left: 120px;
		width: 132px;
		background-position: -120px 0;
	}
	
	li#mainNav_events a {
		left: 252px;
		width: 97px;
		background-position: -252px 0;
	}
	
	li#mainNav_medias a {
		left: 349px;
		width: 91px;
		background-position: -349px 0;
	}
	
	li#mainNav_support a {
		left: 440px;
		width: 111px;
		background-position: -440px 0;
	}
	
	li#mainNav_store a {
		left: 551px;
		width: 90px;
		background-position: -551px 0;
	}
	
	li#mainNav_contact a {
		left: 641px;
		width: 122px;
		background-position: -641px 0;
	}
	
	/*hover*/
	li#mainNav_about a:hover, li#mainNav_about a.active {
		background-position: 0 -33px;
	}
	
	li#mainNav_programs a:hover, li#mainNav_programs a.active {
		background-position: -120px -33px;
	}
	
	li#mainNav_events a:hover, li#mainNav_events a.active {
		background-position: -252px -33px;
	}
	
	li#mainNav_medias a:hover, li#mainNav_medias a.active {
		background-position: -349px -33px;
	}
	
	li#mainNav_support a:hover, li#mainNav_support a.active {
		background-position: -440px -33px;
	}
	
	li#mainNav_store a:hover, li#mainNav_store a.active {
		background-position: -551px -33px;
	}
	
	li#mainNav_contact a:hover, li#mainNav_contact a.active {
		background-position: -641px -33px;
	}


/*sidebar*/

.sideBar {
	width: 202px;
	height: 439px;
	float:left;
	position: absolute;
	left: -10px;
	_left:-20px;
	top: 247px;
	overflow: visible
	
}

.featuredInstructor a { 
	float: left;
	margin: 0 0 0 -32px 
}

.featuredInstructorSub a { 
	float: left;
	margin: 0 -32px 0 0
}

.videosTunein {
	float: right;
	width: 172px;
	margin: -50px 0 0 0
}

.meetInst {
	float: right;
	width: 153px;
	margin: -27px 0 0 0
}

.left-content-column a {
	float: right;
	margin: 0  
}

/*main content*/

.mainContent { 
	width: 777px;
	height: 582px;
	float:right;
	background: url(/images/mainContent-bg.jpg) top right no-repeat;
	margin: -90px 11px 0 0;
	padding-top: 122px

}

.inner-mainContent { 
	width: 777px;
	height: 582px;
	float:right;
	background: url(/images/inner-mainContent-bg.jpg) top right no-repeat;
	margin: -90px 11px 0 0;
	padding-top: 122px

}

.contentWrapper {
	width: 100%;
	overflow: auto;
	background: #fff
}

.contentWrapperBorder {
	background: url(/images/border.png);
	padding: 4px;
	margin: auto;
	width: 750px;
	height:500px;
	overflow:visible
}

.featured {
	background: url(/images/border.png);
	padding: 4px;
	margin: auto;
	width: 750px
}

.content { 
	width: 490px;
	float:left;
	padding:25px 0 0 30px;
	line-height: 16px
}

.contentNoAd { 
	width: 690px;
	min-height: 400px;
	float:left;
	padding:25px 30px 0 30px;
	line-height: 16px
}

.titleMarginBottom { 
	margin-bottom: 15px
}


.ads { width:170px ; float:right;margin-top:25px }

.contentBottom {
	width: 760px;
	background: url(/images/contentBottom.png) bottom right no-repeat;
	height: 103px;
	margin: -40px 0 -35px 0;
}

/*3 buttons */

.donate {
	background: url(/images/border.png);
	padding: 4px;
	float: left;
	width: 174px;
	margin-left: 9px;
	_margin-left:5px
}

.art {
	background: url(/images/border.png);
	padding: 4px;
	float: left;
	width: 174px;
	margin-left: 10px
}

.surfAndSkate {
	background: url(/images/border.png);
	padding: 4px;
	float: left;
	width: 366px;
	margin-left: 10px
}

/* events */

.eventTitle {
	font-size: 11pt;
	font-weight: bold;
	color: #00cccc
}

	.eventLocation {
		font-size: 10pt;
		font-weight: bold;
		color: #006666
	}
	
		.eventLink a {
			font-size: 8pt;
			text-decoration: none;
			color: #006666
		}
		
.eventDescription {
	font-size: 10pt;
	color: #666666;
	padding-bottom: 10px;
}

	.eventDescriptionLinks a {
		font-size: 8pt;
		text-decoration: none;
		color: #666666
	}
	
	.eventDescriptionLinks ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
	}
	
	.eventDescriptionLinks li {
		display: inline;
		background: left no-repeat url(/images/eventDescriptionLinkArrows.gif);
		padding: 0 15px 0 11px;
	}
	

/* Board of Directors */
.boardOfDirectorsName {
	font-size: 11pt;
	font-weight: bold;
	color: #00cccc;
	padding-bottom: 5px;
}
		
.boardOfDirectorsDescription {
	font-size: 9pt;
	color: #666666;
	padding-bottom: 10px;
}

	
/* Board of Advisors */
.boardOfAdvisorsList {
	padding-left: 17px;
}
	
	.boardOfAdvisorsList ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
	}
	
	.boardOfAdvisorsList li {
		background: left no-repeat url(/images/eventDescriptionLinkArrows.gif);
		padding: 0 0 0 18px;
		font-size: 9pt;
		text-decoration: none;
		color: #666666
	}

/* footer */

.footerLine {
	height: 40px;
	clear: both;
	background: url(/images/topFooter.jpg) bottom center no-repeat;
	margin-bottom: 5px
}

.footer {
	width: 600px;
	margin: auto;
	color: #c6c6c6;
	font-size: 10px;
	height: 40px;
}
 
.footer ul {
	display:inline;
	list-style: none;
} 

.footer li {
	float: left;
	padding: 5px;
	background: url(/images/divider.jpg) right no-repeat;
		
}

.footer li a {
	color: #0ac1cf;
}

.footer li a:visited {
	color: #c6c6c6;
}

.footer li a:hover {
	color: #0ac1cf;
}

.footer li a:active {
	color: #0ac1cf;
}

.footer li.last {
	float: left;
	padding: 5px 10px;
	background: none
}

.footer li a {
	padding: 5px;
	color: #c6c6c6;
	font: 11px tahoma;
	text-decoration: none
}

.visit {
	width: 220px;
	margin: auto;
		
}

.newsLetterFormField
{
	width: 250px;
}