/* BEGIN TEMPLATE */

* {margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}

body {background-image:url(../_img/bg.png); background-repeat:repeat; text-align:center;}

#container {margin:30px auto 0 auto; width:910px; color:#333;}

#contentbox_head {width:910px; height:100px; background:url(../_img/content_bkgnd.png) no-repeat top left; padding:0px; margin:0px;}

#contentbox_foot {width:910px; min-height:10px; background:url(../_img/content_bkgnd.png) no-repeat bottom left; padding:10px 0 0 0; margin:0px;}

#logo a.home {width: 200px; height: 70px; position:relative; background:none; text-indent: -9999px; padding: 0;font-size:1px; line-height: 0; display: block;}

#logo {float:left; background:url(../_img/logo.png) no-repeat top left; height:70px; width:200px; margin:20px 0px 0px 20px;}

#title a.home {width: 160px; height: 13px; position:relative; top:-1px; left:300px; background:none; text-indent: -9999px; padding: 0; font-size:1px; line-height: 0; display: block;}
	
#title a.back {width: 278px; height: 13px; position:relative; float:left; top:-1px; left:0; background:none; text-indent: -9999px; padding: 0; font-size:1px; line-height: 0; display: block; }

#title {float:right; margin:20px 20px 18px 0px; background:url(../_img/title.png) no-repeat top left; width:458px; height:13px;}

#main  {background-color:#FFF; width:910px; padding:0px;}

#main img#main {width:650px; height:320px; margin:0 0px 10px 0; background-color:#FFFFFF; float:left;}

a, a:visited, a:active {color:#afbd21; text-decoration:underline;}

a:hover {color:#79720a; text-decoration:none;}


#content {width:650px; margin:5px 0px 10px 20px;float:left; text-align:left;}

#content.sub {width:622px; padding:0 20px 0 8px; border-right:1px solid #e5e5e5;}
	#content h1 {color:#afafaf; font-size:18px; margin:20px 0 15px 0px; font-weight:bold;}
		#content h1 span {color:#5a9a98;}
		
	#content h2 {color:#e97517; font-weight:bold; font-size:14px; margin-top:20px; margin-bottom:10px;}
	
	#content p {font-size:13px; color:#333; line-height:18px; margin: 0 0 15px 0;}
	
	#content p.source {margin:-10px 0 20px 150px; font-size:11px; color:#999999; font-style:italic;}
	
	#content.sub  img{float:left; margin:0 10px 10px 0;}
	
#content p span.strong {font-weight:bold;}

#content ul {margin:-15px 0 10px 150px; list-style-position:inside; font-size:13px; line-height:20px;}

#ataglance {width:180px; float:left; margin:3px 15px 10px 0; background:url(../_img/stories/ataglance.png) no-repeat bottom left; padding:10px 10px 25px 10px;}
#ataglance img.glance {margin:-10px 0 10px -10px;}

	#ataglance h1 {font-size:15px; color:#a1af13; font-weight:bold; margin:10px 0 8px 0;}
	
	#ataglance p {font-size:12px; font-weight:bold; color:#40807e; margin:2px 0 3px 0;}
	#ataglance p span {color:#666;}

.icon {width:85px; height:85px;float:left; margin:3px 15px 10px 0;}

/* buttons! */

#buttons {width: 325px; float:right; height:20px; text-align:center; padding:0 0 0 75px; margin:20px 0 0 0;}

.btn {display:block; text-indent:-9999px; background-repeat:no-repeat; outline:none; height:19px;}
	.btn:hover {background-position:0 -19px; }


#buttons .next {width:74px; height:19px; background-image:url(../_img/btns/next.png); float:left;}
#buttons .back {width:74px; height:19px; background-image:url(../_img/btns/back.png); float:left; margin-right:100px;}
#buttons .home {width:74px; height:19px; background-image:url(../_img/btns/home.png); float:left;}


.btnSupport {display:block; text-indent:-9999px; background-repeat:no-repeat; outline:none; height:50px; margin-top:10px; margin-left:40px;}
	.btnSupport:hover {background-position:0 -50px; }
	
.support {width:100px; height:50px; background-image:url(../_img/btns/support.png); float:left;}

.btnStart {display:block; text-indent:-9999px; background-repeat:no-repeat; outline:none; height:29px; margin-top:30px;}
	.btnStart:hover {background-position:0 -29px; }
	
.start {width:115px; height:29px; background-image:url(../_img/btns/start.png); float:left; margin-left:0; margin-top:22px;float:right;}
	
/* HOME ITEMS */


#bot1 {width:208px; float:left; margin:0px 12px 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999; text-align:left;}

#bot2 {width:208px; float:left; margin:0px 12px 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999; text-align:left;}

#bot3 {width:208px; float:left; margin:0px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999; text-align:left;}


#botLeft {width:205px; float:left; margin:0px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999; text-align:left;}

#botRight {width:420px; float:left; margin:0px 0px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999; text-align:left;}

#bottom h3, #rSide h3 {color:#FF6600; font-size:12px; margin:5px 0 5px 0; text-align:left;}

#bottom h3 span {color:#999;}

#bottom p, #rSide p{color:#333; font-weight:normal; font-size:11px; margin:0 0 5px 0;text-align:left; line-height:15px;}

#bottom a {color:#afbd21; font-size:11px; font-weight:bold; font-style:italic;}

#bottom img {float:left; margin:5px 10px 10px 0;}
#bottom img.video {float:none; margin:2px 0 -3px 4px;}

#toc p {color:#666; text-decoration:none; font-weight:normal; font-style:normal; font-size:12px;}

#toc a {color:#666; text-decoration:none; font-weight:normal; font-style:normal; font-size:12px;}
#toc a, #toc a:visited, #toc a:active {color:#333; text-decoration:none;}

#toc h3 a {color:#FF6600; font-size:12px; margin:5px 0 5px 0; text-align:left;text-decoration:none; font-weight:bold; font-style:normal;}
#toc h3 a, #toc h3 a:visited, #toc h3 a:active {color:#FF6600; text-decoration:none; text-style:normal;}

#blurbs h3 {font-style:normal;}

#blurbs h3 a {color:#FF6600; font-size:12px; margin:5px 0 5px 0; text-align:left; text-decoration:none; font-weight:bold; font-style:normal;}
#blurbs h3 a, #blurbs h3 a:visited, #blurbs h3 a:active {color:#FF6600; text-decoration:none; text-style:normal;}

/* ------ */

#botLeft1 {width:200px; float:left; margin:0px 20px 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999; text-align:left;}
#botLeft2 {width:200px; float:left; margin:0px 20px 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999; text-align:left;}
#botLeft3 {width:200px; float:left; margin:0px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#999; text-align:left;}

#bot1 img.bullet, #bot2 img.bullet, #bot3 img.bullet { margin-bottom:0; margin-top:4px; margin-right:5px;}

#bot1 img.bulletHome, #bot2 img.bulletHome, #bot3 img.bulletHome { margin-bottom:100px; margin-top:4px; margin-right:5px;}

/* RIGHT SIDEBAR */

#rSide {width:205px; float:right; margin:5px 20px 0 0;}

#rSide h1 {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; font-weight:bold; color:#999; text-align:left; margin:0 0 10px 0;}

	#rSide.sub {width:195px; margin-top:20px; padding:0 0 0 10px; text-align:left;}
	
	#rSide.sub p {font-size:12px; margin-bottom:10px; color:#666;}
	
	#rSide.sub img {margin:0 0 10px 0;}
	
	#rSide.sub img.quote {margin:0 0 10px -10px;}
	
	#rSide .H-title {font-style:italic; font-weight:bold; color:#40807e; font-size:11px;}

	#rSide .H-copy {color:#666666; font-weight:normal; font-size:11px; margin:0 0 25px 0;}
	
	#rSide .quote {font-size:11px; color:#666; margin:-2px 0 20px 3px;}
	
	#rSide p.highlight {color:#5a9a98; font-size:13px; border:1px solid #999; background-color:#f5f5f5; padding:10px; margin:15px 0 0 -5px;}
	
		#rSide .highlight {color:#5a9a98; font-size:13px; border:1px solid #999; background-color:#f5f5f5; padding:10px; margin:35px 0 0 -5px;}
		
		#rSide .highlight p {margin-bottom:10px; line-height:16px; color:#5a9a98; }
		
		#rSide .highlight em {font-style:italic; font-weight:bold; font-size:12px;}
		
		#rSide .highlight div {font-weight:bold; text-align:left; margin-bottom:10px;}
		
		#rSide .highlight ul {list-style-position:inside; margin-left:15px; }
		
		#rSide img.icon_sm {margin:0 10px 0 0; float:left;}
		
	#rSide .donate {color:#5a9a98; font-size:12px; font-weight:bold; border:1px solid #999; background-color:#f5f5f5; padding:10px; margin:25px 0 15px -5px;}
	
	#rSide .donate p {margin-bottom:10px; line-height:16px; color:#5a9a98; }
	
	
#nav1, #nav1_ON, #nav2, #nav2_ON, #nav3, #nav3_ON, #nav4 {width: 145px; height:37px; float:left; text-indent: -9999px; padding: 0;font-size:1px; line-height: 0; display: block; background-position: 0 -37px }
	
#nav1 {background-image: url(../_img/template/nav/n1.png);}
#nav1_ON {background-image: url(../_img/template/nav/n1_ON.png);}

#nav2 {background-image: url(../_img/template/nav/n2.png);}
#nav2_ON {background-image: url(../_img/template/nav/n2_ON.png);}

#nav3  {background-image: url(../_img/template/nav/n3.png);}
#nav3_ON {background-image: url(../_img/template/nav/n3_ON.png);}

#nav4 {background-image: url(../_img/template/nav/n4.png);}


	
	#mainNav {float: right; width:649px; margin: 0 20px 0 0px; padding: 0px;}
	#mainNav li {font-size:1px; line-height: 0; /* fixes "stair-step" effect in IE */ display: block; height: 37px; margin-right: 0; float: left; text-indent: -9999px; padding: 0;} 
	#mainNav li a {display: block; outline: none; width: 100%; height: 100%; }
		#mainNav li.active { height:37px; background-position: 0 0px;}
		#mainNav li:hover { background-position: 0 0px;}
		
#mainNav .nDivON, #mainNav .nDivON2,#mainNav .nDivOFF {height:37px; float:left; width:23px; background-image: url(../_img/template/nav/nDiv.png);}
	#mainNav .nDivON2 {background-position: 0 0;}
	#mainNav .nDivON2:hover {background-position: 0 0;}
	#mainNav .nDivOFF {background-position: 0 37px;}
	#mainNav .nDivOFF:hover {background-position: 0 37px;}
	#mainNav .nDivON {background-position: 0 74px;}
	#mainNav .nDivON:hover {background-position: 0 74px;}
		



/* FOOTER */

#footer {width:890px; font-size:11px; color:#8c9b93; font-weight:normal; text-align:left; margin:5px 0 10px 18px; padding:15px 20px 15px 10px; font-family:Arial, Helvetica, sans-serif; background:url(../_img/footer_bar.png) no-repeat top left;}

#footer a {color:#8c9b93; text-decoration:none;}
	#footer a:hover {text-decoration:underline;}

#footer span {margin-left:120px;}

#footer .bar {color:#de9640; margin:0 5px 0px 5px; font-weight:bold; size:14px;}

#footer span img {margin-bottom:-1px;}


/* image HEADERS */

h1#mission, h1#programs{text-indent: -9999px; height:17px; margin:0 0 8px 0;}
h1#mission {background:url(../_img/h1/h1_mission.png) no-repeat;}
h1#programs {background:url(../_img/h1/h1_programs.png) no-repeat;}


/* LEIGHTBOX */

.leightbox {
	color: #333;
	display: none;
	position:absolute;
	width: 820px;
	margin:0 0 0 15px;
	height: 450px;
	padding: 1em;
	border: 1em solid #B8B8B8;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
	text-align:center;
}

.leightbox h1 {font-size:14px; color:#FF6600; text-align:left; margin:10px 10px 10px 150px;}

.leightbox p {font-size:12px; color:#333; text-align:left; margin:10px 10px 10px 150px;}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.5;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */   
	position:fixed;
}


#overlay[id]{ /* IE6 and below Can't See This */   
	position:fixed;
}


#of_map {
	
}