*	{
		padding:0;
		margin:0;
		}
	
	body {
		background:#FFF url(images/young-heroes-bg.jpg) center top no-repeat;
		font: 0.75em/1.75em Arial, Helvetica, sans-serif;
		letter-spacing:.1em;
		color: #00172D;
		}

	#frame {
		background:url(images/frame-bg.jpg) bottom center no-repeat;
		position:relative;
		width:990px;
		min-height:600px;
		margin-right:auto;
		margin-left:auto;
		padding:20px 0 80px 0;
		text-align:left;
		}
				
	#topheader {
		height:264px;
		}	
		
	#topmenu {
		position:absolute;
		top:232px;
		left:240px;
		height:64px;
		}
		
			#topmenu ul {
			margin:0;
			padding:10px 10px 0;
			list-style:none;
			}
			
			#topmenu li {
			float:left;
			background:url("images/button-left.gif") no-repeat left top;
			margin:0 3px 0 0;
			padding:0 0 0 9px;
			}			
				
			#topmenu a {
			float:left;
			display:block;
			background:url("images/button-right.gif") no-repeat right top;
			padding:5px 15px 4px 6px;
			text-decoration:none;
			font-weight:600;
			color:#FFF;
			}
			
			#topmenu a:hover,a:active{
			color:#000;
			}	

			#topmenu li.yellow{
			background:url("images/button-left-y.gif") no-repeat left top;
			}
			#topmenu li.yellow a{
			background:url("images/button-right-y.gif") no-repeat right top;
			}
			#topmenu li.green{
			background:url("images/button-left-g.gif") no-repeat left top;
			}
			#topmenu li.green a{
			background:url("images/button-right-g.gif") no-repeat right top;
			}
			#topmenu li.orange{
			background:url("images/button-left-o.gif") no-repeat left top;
			}
			#topmenu li.orange a{
			background:url("images/button-right-o.gif") no-repeat right top;
			}			
			#topmenu li.red{
			background:url("images/button-left-r.gif") no-repeat left top;
			}
			#topmenu li.red a{
			background:url("images/button-right-r.gif") no-repeat right top;
			}
			#topmenu li.purple{
			background:url("images/button-left-p.gif") no-repeat left top;
			}
			#topmenu li.purple a{
			background:url("images/button-right-p.gif") no-repeat right top;
			}			



	#leftmenu {
		position:relative;
		top:80px;
		left:40px;
		}
		
			#leftmenu ul {
			margin:0;
			padding:10px 10px 0;
			list-style:none;
			}
			
			#leftmenu li {
			float:left;
			background:url("images/gradient-b.gif") no-repeat left top;
			margin:2px 0;
			padding:0 0 0 9px;
			width:150px;
			}			
				
			#leftmenu a {
			float:left;
			display:block;
			padding:5px 15px 4px 6px;
			text-decoration:none;
			font-weight:600;
			color:#FFF;
			}
			
			#leftmenu a:hover {
			color:#000;
			}	

			#leftmenu li.blue{
			background:url("images/gradient-b.gif") no-repeat left top;
			}
			#leftmenu li.blue a:hover{
			background:url("images/left-hover-b.gif") no-repeat right top;
			}
			#leftmenu li.yellow{
			background:url("images/gradient-y.gif") no-repeat left top;
			}
			#leftmenu li.yellow a:hover{
			background:url("images/left-hover-y.gif") no-repeat right top;
			}
			#leftmenu li.green{
			background:url("images/gradient-g.gif") no-repeat left top;
			}
			#leftmenu li.green a:hover{
			background:url("images/left-hover-g.gif") no-repeat right top;
			}
			#leftmenu li.orange{
			background:url("images/gradient-o.gif") no-repeat left bottom;
			}
			#leftmenu li.orange a:hover{
			background:url("images/left-hover-o.gif") no-repeat right top;
			}			
			#leftmenu li.red{
			background:url("images/gradient-r.gif") no-repeat left top;
			}
			#leftmenu li.red a:hover{
			background:url("images/left-hover-r.gif") no-repeat right top;
			}
			#leftmenu li.purple{
			background:url("images/gradient-p.gif") no-repeat left top;
			}
			#leftmenu li.purple a:hover{
			background:url("images/left-hover-p.gif") no-repeat right top;
			}	
			
			
		#baddie{
		position:absolute;
		z-index:-2;
		top:17px;
		left:660px;
		}				
		
		#goodie{
		position:absolute;
		top:250px;
		left:-260px;
		}		
			
	#content {
		width:960px;
		margin:50px 0 125px 3px;
		background:url(images/content-bg.jpg) right top repeat-y;
		}
		
	#contentleft {
		width:220px;
		float:left;
		height:500px;
		text-align:left;
		}

	#contentwide {
		width:650px;
		margin:0 0 0 220px;
		}
		#contentwide div{
			float:left;
			width:308px;
			background:#8AD3F7;
			border:#FFF 1px solid;
			margin:5px;
			}
			#contentwide div img{
			padding:1px;
			background:#666;
			}
			
	#contentwide #do{
	float:none;
	background:url(images/goody.png) top no-repeat;
	padding:30px 0 0 0;
	width:90%;
	border:none;
	margin:-40px 0 0 0;
	}

	#contentwide #dont{
	float:none;
	background:url(images/baddy.png) top no-repeat;
	padding:30px 0 0 0;
	width:90%;
	border:none;
	margin:-10px 0 0 0;
	}	
	
		
	#contentcenter {
		width:500px;
		float:left;
		min-height:550px;
		}
	
	#contentright {
		width:200px;
		float:left;
		height:500px;
		}
	
	#contentheader {
		width:68.5em;	
		float:right;
		text-align:right;
		}
	
	#contentbottom {
		width:68.5em;
		padding:0px;
		text-align:center;
		background:#ffffff;
		}

	#contentfooter {
		width:68.5em;
		padding:0px;
		margin-top:35px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		}
		
	#vanity {
		width:100%;
		padding:0px;
		margin:0px;
		text-align:center;
		}	
		
		
	.boxb {
		margin-top:480px;
		padding-top:10px;
		border-left:3px #F2F1EE solid;
		border-top:1px #FFF solid;
		border-right:1px #FFF solid;
		border-bottom:1px #D8D5CE solid;
		background:#E1F1FF;
		}	
		

h1 {
	margin:25px;
	width:500px;
	font-size: 220%;
	line-height: 160%;
	color: #0055A5;
	}
	
h2 {
	margin:25px;
	width:500px;
	font-size: 130%;
	line-height: 160%;
	color: #0055A5;
	}

p {
	margin:0px 10px 10px 25px;
	}
	
p.quote{
	margin:25px 150px 10px 25px;
	font-size:125%;
	color:#0055A5;
	font-weight:600;
}	


p.footer {
	color:#666;
	text-align:center;
	margin: 10px 10px 5px 10px;
	}
	
p.vanity {
	color:#666;
	text-align:center;
	margin: 5px 10px 5px 10px;
	font-size:9px;
	}	

p.menu {
	margin: 0;
	position:relative;
	bottom:-163px;
	right:238px;
	width: 366px;
	text-align:right;
	}
	
p.pdf {
	background: #EEE url(images/pdf.gif) no-repeat;
	height:60px;
	margin:0px 25px 0px 25px;
	border-bottom: 4px solid #DDD;
	padding: 0 25px 0 70px;
	}	
	
p.right {
	margin:10px 10px 10px 10px;
	} 	
	
																/*ABC*/
#abc{
	float:right;
	width:90%;
	background:none;
	border:none;
	margin:-50px 0 0 0;
	text-align:center;
	}																

#abc p{
	padding:0 0 0 100px;
	float:left;
	margin:10px;
	min-height:100px;
	color:#0055A5;
	font-weight:600;
	text-align:left;
	}
	
#abc h1{
width:100%;
float:right;
}	
	
	p.a{
	background:url(images/abc/a.gif) top left no-repeat;
	} 
	p.b{
	background:url(images/abc/b.gif) top left no-repeat;
	} 	
	p.c{
	background:url(images/abc/c.gif) top left no-repeat;
	}
	p.d{
	background:url(images/abc/d.gif) top left no-repeat;
	} 		
	p.e{
	background:url(images/abc/e.gif) top left no-repeat;
	} 	
	p.f{
	background:url(images/abc/f.gif) top left no-repeat;
	} 
	p.g{
	background:url(images/abc/g.gif) top left no-repeat;
	} 	
	p.h{
	background:url(images/abc/h.gif) top left no-repeat;
	}
	p.i{
	background:url(images/abc/i.gif) top left no-repeat;
	} 		
	p.j{
	background:url(images/abc/j.gif) top left no-repeat;
	} 																	
	p.k{
	background:url(images/abc/k.gif) top left no-repeat;
	} 
	p.l{
	background:url(images/abc/l.gif) top left no-repeat;
	} 	
	p.m{
	background:url(images/abc/m.gif) top left no-repeat;
	}
	p.n{
	background:url(images/abc/n.gif) top left no-repeat;
	} 		
	p.o{
	background:url(images/abc/o.gif) top left no-repeat;
	} 																	
	p.p{
	background:url(images/abc/p.gif) top left no-repeat;
	} 
	p.q{
	background:url(images/abc/q.gif) top left no-repeat;
	} 	
	p.r{
	background:url(images/abc/r.gif) top left no-repeat;
	}
	p.s{
	background:url(images/abc/s.gif) top left no-repeat;
	} 		
	p.t{
	background:url(images/abc/t.gif) top left no-repeat;
	} 	
	p.u{
	background:url(images/abc/u.gif) top left no-repeat;
	} 
	p.v{
	background:url(images/abc/v.gif) top left no-repeat;
	} 	
	p.w{
	background:url(images/abc/w.gif) top left no-repeat;
	}
	p.x{
	background:url(images/abc/x.gif) top left no-repeat;
	} 		
	p.y{
	background:url(images/abc/y.gif) top left no-repeat;
	} 		
	p.z{
	background:url(images/abc/z.gif) top left no-repeat;
	} 	
	
img {
	border:none;
	margin: 0 0px 0 0px;
	}
	
img.content {
	border:none;
	padding:5px 5px 10px 20px;
	}

img.quote {
	border:none;
	padding:230px 5px 10px 20px;
	}
	
img.header {
	border:none;
	padding:1px 1px 2px 2px;
	}	
	
img.para {
	border:none;
	padding:5px 5px 10px 22px;
	}					

img.floatright {
	float:right;
	clear:right;
	border:none;
	margin: 5px 5px 5px 10px;
	}

img.floatleft {
	float:left;
	clear:left;
	border:none;
	margin: 20px 10px 5px 20px;
	}

img.menu {
	margin: 0;
	border:none;
	}
	
img.top {
	margin:25px 0 0 0;
	border:none;
	}
	
img.content {
	margin:7px 0 0 0;
	border:none;
	}

img.logofooter {
	float:right;
	clear:right;
	border:none;
	margin: 2px 5px 2px 10px;
	}
	
													 
	a.button:link {
		display: block;
		width:113px;
		height:25px;
		margin-left:-4px;
		background-image:url(images/button-blue.gif);
		background-repeat:no-repeat;
		padding: 0px;
		text-align: center;
		cursor: pointer;
		}
		
	a.button:visited {
		display: block;
		width:113px;
		height:25px;
		margin-left:-4px;
		background-image:url(images/button-blue.gif);
		background-repeat:no-repeat;
		padding: 0px;
		text-align: center;
		cursor: pointer;
		}	
		
	a.button:hover {
		display: block;
		width:113px;
		height:25px;
		margin-left:-4px;
		background-image:url(images/button-orange.gif);
		background-repeat:no-repeat;
		padding: 0px;
		text-align: center;
		cursor: pointer;
		}	
	

												 
a:link {

    color: #002740;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
	}

a:link, a:visited {
  color: #3C2C2B;
  font-weight:600;
  text-decoration: none;
	}
	
a:hover {
	color:#0055A5;
	font-weight:600;
 	}

a:active, a.active {
  color: #202020;
  font-weight:600;
	}

a.vanity:link {

    color: #666;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
	}

a.vanity:visited {

    color: #666;
    text-decoration: none;
	font-weight: bold;
    font-style: normal;
	}

a.vanity:hover {
    color: #0055A5;
    text-decoration: underline;
    font-weight: bold;
    font-style: normal;
	}
	
hr {
	height:1px;
	color:#816A56;
	background-color:#816A56;
	border:0;
	margin:0 10px 0 25px;
	line-height:2em;
	}	

hr.pale {
    height:12px;
    width:68.5em;
    color:#ABC0C0;
	background-color:#ABC0C0;
	border:0;
    margin: 0 0 0 0px;  
   }
   
hr.navy {
    height:8px;
    width:68.5em;
    color:#2D4457;
	background-color:#2D4457;
	border:0;
    margin: 0 0 0 0px;  
   }
   
hr.blue {
    height:4px;
    width:68.5em;
    color:#336699;
	background-color:#336699;
	border:0;
    margin: 0 0 0 0px;  
   }
   
hr.brown {
    height:10px;
    width:68.5em;
    color:#816A56;
	background-color:#816A56;
	border:0;
    margin: 0 0 0 0px;  
   }

hr.charcoal {
    height:6px;
    width:68.5em;
	color:#333333;
	background-color:#333333;
	border:0;
    margin: 0 0 0 0px;  
   }     
      
hr.grey {
    height:8px;
    width:68.5em;
	color:#CCCCCC;
	background-color:#CCCCCC;
	border:0;
    margin: 0 0 0 0px;  
   }     
   
ul.bullets {
	margin-left:50px;
	width:400px;
	padding: 0;
	list-style-type: bullet;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	ul.bullets p{
	margin-left:0;
	}
	
	ul.bullets ul li{
	margin-left:25px;
	}

li { margin: 10px 5px 10px 0; }   
   
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	letter-spacing:0.2em;
	}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer li.sub {
	font-size:0.75em;
	text-indent:5px;
	}

#navcontainer a {
	display: block;
	padding: 2px 2px 2px 24px;
	border: 0px;
	width: 15.5em;
	background-color: #FFFFFF;
	}

#navcontainer a:link, #navlist a:visited {
	color: #342B23;
	text-decoration: none;
	}

#navcontainer a:hover{
	border: 0px;
	background-color: #0055A5;
	color: #fff;
	}

#active a:link, #active a:visited, #active a:hover {
	border: 0px;
	background-color: #342B23;
	color: #DEA896;
	}

#activesub a:link, #activesub a:visited, #activesub a:hover {
	border: 0px;
	background-color: #EEEEEE;
	color: #333;
	font-size:0.75em;
	text-indent:5px;
	font-weight:700;
	}	
	
div.clear {
	clear:both;
	margin:0;
	padding:0;
	height:0;
	}