.youthContent a							{ color:#0023a0; text-decoration:none; }
.youthContent h2 a {
color:#666;
}
.youthContent a:hover {
color:#ffaa00;
}

.subSubNav {
background: url(/images/bg/sub_nav.jpg) top left  no-repeat;
width:716px;
height:35px;
padding:0 0 4px 0 !important;
padding:0 0 7px 0;
}

.subSubNav ul {
padding:4px 10px 0 10px;
}

.subSubNav ul li{
float:left;
padding:0 12px 3px 0 !important;
padding:0 12px 0 0;
margin:0;

}

.subSubNav ul li a{
color:#0057a0;
text-decoration:none;
font-size:0.9em;
display: block;
}



.subSubNav ul li a:hover{
color:#ffaa00;
}

/* Content 
--------------------------------------------------------------------*/
.youthContent {

width:635px;
background: url(images/bg/content2.png) repeat-y;
margin:0 10px -1px 10px; /* -1 bottom to fix ie7 gap */
padding:20px 0 20px 55px;
position:relative;
}

.youthContent2 {

margin:0 10px -1px 10px; /* -1 bottom to fix ie7 gap */
padding:0 0 20px 24px;
position:relative;
}

.youthContent p {
padding:0 0 10px 10px;
}

#title {
position:absolute;
top:-5px;
left:-5px;
z-index: 9;
}

#contentLeft {
float:left;
width:583px;
padding:0 0 0 8px;

}
.bot {
background: url(images/bg/content_footer.png) top left  no-repeat;
height:17px;
margin:0 68px;
}



/* general 
------------------------*/
h2.mainHeader, h1.mainHeader {
background: url(images/bg/cont_header.png)  no-repeat;
clear:both;
width:543px;
padding:20px 20px;
color:#666;

}

h1.mainHeader {
font-size:1.4em;
}
div.mainContent {
background: url(images/bg/cont_footer.png)  bottom no-repeat;
width:583px;
padding:0 0 17px 0;
line-height:1em;
}

div.mainInner{
background: url(images/bg/cont_bg.png)  repeat-y;
padding:0 20px;

/* display:inline-block; /* fix ie bg problem (move to separate sylesheet) */
}


h2 {
padding:10px 0 10px;
color:#666;
font-size:1.3em;
line-height:1.2em;
}


img.fR {
float:right;
}
p.intro {
font-weight: bold;
color:#666;
font-size:1.1em;
}
div.mainInner ol {
list-style: decimal;
padding:0 0 10px 30px;
}
div.mainInner ol li{
padding:0 0 5px 0;
}

div.mainInner ul {
list-style: disc;
padding:0 0 10px 30px;
}
div.mainInner ul li{
padding:0 0 5px 0;
}
div.mainInner ul.noBul {
list-style: none;
padding:0 0 10px 10px;
}

div.mainInner dt {
padding:0 0 10px 10px;
color:#666;
font-size:1.2em;
font-weight:bold;
line-height:1.2em;
}
div.mainInner dd {
padding:0 0 15px 10px;
}


div.side {
float:right;
position:relative;
top:-35px;
width:200px;

}

div.side h2{
font-size: 1.3em;
padding:0 0 15px 12px;

}

h3{
color:#666;
margin:0 0 10px 0;
}
h4 {
margin:0 0 0 10px;
}
.good {
color:#095500;

}
.bad {
color:#840008;

}

#design {
background: url(images/bg/design.png)  no-repeat;
padding:40px 0 ;
}



/* Right side 
------------------------*/
#contentRight {
float:left;
width:215px;

}

#contentRight p{
padding: 0 0 10px 0;

}

h2.secHeader {
background: url(images/bg/sec_header.png)  no-repeat;
clear:both;
width:175px;
padding:20px 20px;
color:#666;

font-size:1em;
}
div.secContent {
background: url(images/bg/sec_footer.png)  bottom no-repeat;
width:215px;
padding:0 0 12px 0;
font-size:0.8em;
}

div.secInner{
background: url(images/bg/sec_bg.png)  repeat-y;
padding:0 20px 14px;
/*display:inline-block;/* fix ie bg problem */

}

.podImage{
margin:0 0 0 6px;
width:210px;
height:75px;
}



.podnav {
background: url(images/bg/podnav.jpg)  no-repeat;
padding:10px;
height:210px;
margin:0 0 8px 0;

}


.podnav ul li {
margin:0 0 5px 0;
}


.podnav ul {
margin:10px 0 0 0;
}

.podnav ul li a {
background: url(images/bg/podarrow.gif) 0 3px  no-repeat;
text-decoration:none;
padding:0 0 0 15px;
font-size:1.1em;
color:#0057a0;
}

.podnav ul li a:hover {
text-decoration:underline;

}