/* CSS Document */

body {
  	background:#f3ecce url(images/background.gif) repeat-y;
	margin:0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font:x-small/1.15em Arial,Verdana,Sans-serif;
  	color:#444444;
  	font-size/* */:/**/small;
  	font-size: /**/small;
	line-height:1.15em;
  }
  
a {
	color:#003366;
	text-decoration:none;
}

a:hover {
	color:#996600;
	text-decoration:underline;
	}

#header {
	width:840px; 
	height:189px;
	}
	
#mainImage {
	width:315px; 
	float:left;
	}
	
#mainHeader {
	width:525px; 
	height:189px; 
	background-color:#FFFFFF; 
	float:right;
	}
	
#textlogo {
	margin-top:25px;
	}
	
#logo {
	float:right;
	margin-top:45px; 
	margin-right:20px;
	}
	
#subNav {
	float:left;
	margin-top:30px;
	}



#nav {
	color:#ffffff;
	font-size:85%;
	font-weight:bold;
	height:78px; 
	background-color:#d9531e;
	}	
	  
  
#nav a {
	text-decoration:none;
	}
	
#nav a:hover {
	color:#ffffff;
	}

#selected {
	margin-left:10px;
	}
		
#selected a {
	color:#ffffff;
	text-decoration:none;
	}
	
#selected a:hover {
	color:#996600;
	}		
		
.partners {
	background-color:#8a1d04;
	}
	
.partners a {
	color:#b97768;
	}	
	
.involved {
	background-color:#00538e;
}		

.involved a{
	color:#80a9c7;
}

.calendar {
	background-color:#996600;
}

.calendar a {
	color:#ccb380;
}

.aboutus {
	background-color:#c4a006;
}

.aboutus a {
	color:#e2d083;
}

.foryouth {
	background-color:#003366;
}

.foryouth a {
	color:#8099b3;
}

.foreducators {
	background-color:#666666;
}

.foreducators a {
	color:#b3b3b3;
}

.forparents {
	background-color:#336633;
}

.forparents a {
	color:#92ad92;
}

.navLink {
	margin-left:10px;
}

.navLink1 {
	margin-left:20px;
}

/* menu styles */

#aboutSubMenu,#youthSubMenu,#parentSubMenu,#eduSubMenu {
	width:160px; 
	text-align:right; 
	padding:30px 25px 30px 25px; 
	background-color:#e2d083; 
	font-size:85%;
	line-height:155%;
	}
	
#aboutSubMenu {
	background-color:#e2d083; 
	}	
	
#youthSubMenu {
	background-color:#8099b3; 
	}	
	
#eduSubMenu {
	background-color:#b3b3b3; 
	}
	
#parentSubMenu {
	background-color:#92ad92;
	}


#subNav {
	width: 80px;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	color: #666666;
	font-size:85%;
	font-weight:normal;
	}
	
	#subNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
			font-size:11px;
	font-weight:normal;
		}
		
	#subNav li {
		border-bottom: 1px solid #cccccc;
		padding: 2px 11px 2px 15px;
		margin: 0;
		list-style: none;
		list-style-image: none;
		}
	
	#subNav li a {

		text-decoration: none;
		width: 100%;
		}
		
	#subNav li a:hover {
		color:#996600;
		}			

	html>body #subNav li a {
		width: auto;
		}

	.selected {

		}	

/* Main Content Areas */

#mainContent {
	width:1155px;
	}
	
#mainContent2 {
	width:840px;
	background-color:#FFFFFF;
	}	
	
#leftContent {
	width:315px; 
	float:left;
	}
	
#underage {
	margin-top:42px;
	}
	
#underage2 {
	margin-top:255px;
	}	
	
#underage3 {
	margin-top:110px;
	}		
	
#underage4 {
	margin-top:127px;
	}	
	
#underage5 {
	margin-top:144px;
	}
	
#rightContent {
	width:300px; 
	float:right; 
	padding-top:50px;
	}	


#Content {
		width:480px; 
		height:280px;
		background-color:#FFFFFF; 
		margin:0 315px; 
		padding-top:40px; 
		padding-right:30px; 
		padding-left:15px;
		font-size:125%;
		line-height:120%;
}

#Content2 {
		width:480px; 
		background-color:#FFFFFF; 
		margin:0 315px; 
		padding-top:40px; 
		padding-right:30px; 
		padding-left:15px;
		line-height:130%;
		margin-bottom:40px;		
}

#Calendar {
		width:810px; 
		background-color:#FFFFFF; 
		margin:0 315px 0 0; 
		padding-top:40px; 
		padding-right:15px; 
		padding-left:15px;
		line-height:130%;
		margin-bottom:40px;		
}

.header1 {
	font-size:135%;
	font-weight:bold;
	color:#d9531e;
	}
	
/* Footer styles */

#footer {
	width:1155px;
	}
	
#leftFooter {
	width:315px; 
	float:left;
	}
	
#rightFooter {
	width:300px; 
	float:right; 
	padding-top:11px;
	}
	
#footerContentbox {
	border-top:1px solid #cccccc; 
	padding-top:10px;
	}	

#footerContent {
		width:480px; 
		height:80px;
		background-color:#FFFFFF; 
		margin:0 315px; 
		padding-right:30px; 
		padding-left:15px;
		font-size:85%;
	
}

#footerContent2 {
		width:780px; 
		height:80px;
		background-color:#FFFFFF; 
		margin:0 315px 0 0; 
		padding-right:30px; 
		padding-left:15px;
		font-size:85%;
	
}

#menu2Container,#menu3Container,#menu4Container{
	background-color:#f3ecce;	
	}
	
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}