/*css document */

/*Style sheet is organized as follows:
-general site styles
-all page class selectors
-inner page specific class selectors
-homepage specific class selectors
-section specific styles*/

/* GENERAL SITE STYLES */

body { 
	color:#000000; 
	background:#c5c5c5; 
	text-align:center; 
	}
p, ul, ol, td {
	font:100%/140% verdana,arial,helvetica,sans-serif; 
	}
p {
	margin:5px 8px 6px 8px;
	}
ul {
	margin:0px; 
	padding:6px 10px 6px 40px; 
	list-style-type:disc; 
	}
ol {
	margin:0px; 
	padding:6px 10px 6px 40px; 
	list-style-type:decimal; 
	}
a:link {
	color:#2f709c; 
	text-decoration:underline; 
	}
a:visited {
	color:#666666; 
	text-decoration:underline; 
	}
a:hover {
	color:#7d7bb8; 
	text-decoration:underline; 
	}
a:active {
	color:#7d7bb8; 
	text-decoration:underline; 
	}
h1, h2, h3, h4, h5, h6 {
	margin:0px 8px 0px 8px; 
	color:#7d7bb8; 
	font:bold 100%/120% helvetica,arial,verdana,sans-serif; 
	}
h1 {
	font-size:140%; 
	}
h2 {
	font-size:125%; 
	}
h3 {
	font-size:110%; 
	}
h4 {
	font-size:100%; 
	}
h5 {
	font-size:90%; 
	}
h6 {
	font-size:80%; 
	}
td {
	padding:0px 0px 0px 0px; 
	}
	
/* ALL PAGE CLASS SELECTORS */

#page {
	margin:0 auto;
	text-align:left; 
	border:1px solid #000;
	}	
/* http://tantek.com/CSS/Examples/boxmodelhack.html */
#page {
	width:762px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:760px;
	}
#headerwrapper, #contentwrapper, #footerwrapper {
	text-align:center;
	}
#headnote {
	font:76% helvetica,arial,verdana,sans-serif;
	color:#66c;
	padding:6px 10px 0px 0px;
	float:right;
	}
#header, #footer {
	width:760px;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	text-align:left;
	}
#siteheader {
	width:760px; 
	height:75px;
	background:url(https://www.youthlifefoundation.org/resources/.template/images/bg-header.jpg) no-repeat;
	}
#mainnav {
	padding-bottom:8px; 
	background:#000 url(../images/bg-mainnav.gif) top left no-repeat;
	color:#fff;
	text-align:center;
	font-size:13px;
	}
#footer {
	/*width:760px;*/
	padding-top:10px; 
	font-size:63%;
	/*background:#dddddd url(../images/bg-footer.gif) repeat-x;*/
	background-color:#DDDDDD;
	clear:both;
	position:relative;
	}
#login {
	position:absolute;
	bottom:2px;
	right:3px;
	width:140px;
	}

/* INNER PAGE SPECIFIC CLASS SELECTORS */

#content {
	padding:10px 6px 0px 10px; 
	width:760px;
	text-align:left;
	}	
/* http://tantek.com/CSS/Examples/boxmodelhack.html */
#content {
	width:760px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:744px; 
	}
#subnav, #maincontent, #features {
	float:left;	
	font-size:76%;
	}
#subnav {
/*	margin:10px 5px 10px 10px; */
	margin:0px 0px 0px 0px; 
	background:#a5b69f url(../images/subnav-top.gif) top left no-repeat;
	clear:left; 
	}
/* http://tantek.com/CSS/Examples/boxmodelhack.html */
#subnav {
	width:150px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:150px; 
	}
#subnavbot {
	background:url(../images/subnav-bot.gif) bottom left no-repeat;
	height:20px;
	}
#maincontent {
/*	margin:10px 5px; */
	margin:0px 10px 0px 10px; 
	line-height:100%;
	background:#fff url(../images/content-top.gif) top left no-repeat;
	}	
/* http://tantek.com/CSS/Examples/boxmodelhack.html */
#maincontent {
	width:348px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:348px; 
	}
#maincontentbot {
	background:url(../images/content-bot.gif) bottom left no-repeat;
	height:20px;
	}
#features {
/*	margin:10px 6px 10px 5px; */
	margin:0px 0px 0px 0px; 
	font-size:69%;
	clear:right; 
	}
/* http://tantek.com/CSS/Examples/boxmodelhack.html */
#features {
	width:226px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:226px; 
	}
#testimonies {
	padding:6px 0px 6px 0px; 
	width:223px; 
	background:#DBA81C url(../images/bg-testimonial.gif) bottom left no-repeat; 
	}
.factoid {
	margin-top:10px; 
	padding:130px 0px 10px 0px; 
	background:#FFF url(../images/bg-factoid.jpg) top left no-repeat;
	}
	
/* HOMEPAGE SPECIFIC CLASS SELECTORS */

#homecontent {
	width:760px;	
	margin-left:auto;
	margin-right:auto;
	border-top: 2px white solid;	
	}
#homecontent:after {
	content:		"."; 
	display:		block;  
	height: 		0; 
	clear: 			both; 
	visibility: 	hidden;
	}
#homediv, #homefeatures {
	width:760px;
	margin-top:0;
	margin-bottom:0;
	text-align:left;
	}
#homediv {
	
	}
#homefeatures {
	background:#fff url(../images/features-bg.gif) repeat-y;
	margin:0px;
	padding:0px;
	width:760px; 
	border-top:2px solid white;
	border-bottom:2px solid white;
	font-size:76%;
	}
/* http://www.positioniseverything.net/easyclearing.html */
#homefeatures:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

#featureleft, #featuremiddle, #featureright {
	float: left;
	}
#featureleft {
	padding:0px 1px 0px 3px;
	}
/* http://tantek.com/CSS/Examples/boxmodelhack.html */
#featureleft {
	width:254px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:250px; 
	}
#featuremiddle {
	padding:0px 1px 0px 1px;
	}
#featuremiddle {
	width:252px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:250px; 
	}
#featureright {
	padding:0px 3px 0px 1px;
	}
#featureright {
	width:254px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:250px; 
	}
#homefeatures h2 {
	margin:0px;
	padding-top:3px;
	padding-left:5px;
	color:#fff;
	font-size:100%;	
	text-transform:uppercase;
	}
#homefeatures ul {
	padding-left:18px; 
	}
#featureleft h2 {
	background:#8e392c;
	}
#featuremiddle h2 {
	background:#266a97;
	}
#featureright h2 {
	background:#dba81c;
	}
	
/* EXTERNAL TEMPLATE STYLES */
#specialContent {
	margin:-9px -5px 0px -9px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#FFFFFF;
	}
#specialContent TABLE{
	margin:15px;
	font-size:12px;
	}
#specialContent TD {
	padding:3px;
	}
#specialContent TABLE TABLE {
	margin:0;
	}
TABLE.tableBorder {
	border-top:1px solid #A8CFA0;
	border-left:1px solid #A8CFA0;
	}
TABLE.tableBorder TD, TABLE.tableBorder TH {
	border-bottom:1px solid #A8CFA0;
	border-right:1px solid #A8CFA0;
	}
TABLE.tableBorder TD TABLE TD, TABLE.tableBorder TH TABLE TH {
	border:none;
	}
TABLE.nestedTableBorder {
	border-top:1px solid #A8CFA0;
	}
TABLE.nestedTableBorder TD {
	border-bottom:1px solid #A8CFA0;
	border-right:none;
	}
/* SECTION SPECIFIC STYLES */

#headnote a {
	color:#000;
	text-decoration:none;
	}
#headnote a:hover {
	text-decoration:underline;
	}
#siteheader h1 {
	color:black;
	display:none;
	}	
#mainnav ul {
	padding:8px 9px 0px 9px;
	list-style-type:disc;
	font:100% arial,verdana,sans-serif;
	}
/* http://tantek.com/CSS/Examples/boxmodelhack.html */
#mainnav ul {
	width:760px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:742px; 
	}
/* http://www.positioniseverything.net/easyclearing.html */
#mainnav ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
#mainnav ul li {
	list-style-type:none;
	margin:0px;
	padding:0px 12px 0px 17px;
	background:url(../images/bullet.gif) 0em 0.4em no-repeat;
	float:left;
	}
#mainnav ul li:first-child {
	background:none;
	}
#mainnav ul li.first {
	background:none;
	}
#mainnav ul li a {
	text-decoration:none;
	margin:0px;
	color:#fff;
	float:left;
	}
#mainnav ul li a.current, #mainnav a:hover{
	color:#85bc7a;
	}
.nobullet {
	background-image:url(../images/spacer.gif);
	}
#subnav h1, #subnav h2 {
	color:#fff;
	padding:10px 5px 3px 10px;
	}
#subnav ul {
	list-style:none;
	padding:0;
	}
#subnav ul li {
	padding:10px 5px 0px 20px;
	}
#subnav ul li a {
	text-decoration:none;
	color:#000000;
	}
#subnav ul li a.current {
	font-weight:bold;
	color:#8f3a2d;
	}
#subnav a:hover {
	text-decoration:underline;
	}
#maincontent h1 {
	margin:0px 0px 7px 0px;
	padding:10px 10px 20px 12px;
	background:url(../images/h1-background.jpg) bottom left no-repeat;
	}
#features object, #features embed {
	margin:0px; 
	padding:0px; 
	}
#testimonies P {
	margin:0px 8px 0px 8px;
	padding:0px; 
	line-height:120%; 
	}
#testimonies A:LINK, #testimonies A:VISITED {
	color:#FFF; 
	text-decoration:none; 
	}
#testimonies A:HOVER, #testimonies A:ACTIVE {
	color:#FFF; 
	text-decoration:underline; 
	}
#footer p {
	padding:5px;
	margin-bottom: 0;
	margin-top:0px;
	}