@charset "utf-8";


html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
font-weight:inherit;
font-style:inherit;
font-family:inherit;
text-align:left;
}

/********************************************************
 Modify the styles below to customize your site's design. 
 ********************************************************/

/* base styles */
body{
font-family:Arial, Helvetica, sans-serif; /* base font */
font-size:12px;                           /* base font-size */
color:#000;
background:#fff;
text-align:center; /* for centering layouts (remove if not desired) */
}


/* By only applying the margin to the bottom, spacing between
   these common block-level elements remains consistent and
   headings can be flush with the following content if desired. */
p,ul,ol,table,form,blockquote{
margin-bottom:10px;
}
p, li {
line-height:17px;
}

/* heading styles */
h1,h2,h3,h4,h5,h6{
margin-top:10px;
color:#333;
font-weight:bold;
}
h1{
margin-top:0px;
margin-left: -5px;
padding-top:9px;
padding-left:13px;
height:41px;
background:url(../images/h1.gif) top center no-repeat;
font-size:21px;
}
h2{
color:#982a2a;
font-size:18px;
}
h3{
font-size:16px;
}
h4,h5,h6{
font-size:14px;
}

/* hyperlink styles */
a{
color:#00f;
text-decoration:underline;
}

a:hover{
color:#f00;
}

/* list styles */
li{
padding:3px;
}
ol{
padding-left: 30px;
}
ol.letteredlist{
list-style-type: lower-alpha;
}
ol li span{
font-weight: normal;
color: #000;
}
li ol{
padding-left: 30px;
}
ul{
padding-left: 10px;
list-style:none;
}
ul li{
padding-left: 20px;
background:url(../images/bullet.gif) 0 4px no-repeat;
}
li ul {
	padding-left: 10px;
}
/* nested lists */
li ol, li ul{
margin-bottom:0;
}

.dataTable th, .dataTable td{
padding:5px;
text-align: center;
}
.dataTable th{
font-weight:bold;
color: #fff;
background: #153067;
}
.dataTable td{
border-bottom:1px solid #ccc;
}
.dataTable td.darker {
background: #eee;
}

/* other miscallaneous styles */
p{
}
strong,b {
font-weight: bold;
}
em,i {
font-style: italic;
}
hr{
height: 0;
border: 0;
width:100%;
border-bottom: 1px solid #ccc;
margin:6px 8%;
}
blockquote{
font-style:italic;
margin:0 20px 10px 20px;
}
img{
/* Most browsers insist on putting margins on images even
   when margins are explicitly set to 0. This can be
   problematic when images are used for layout. */
margin:0 -3px -3px 0;
border: none;
}
fieldset {
	padding: 4px;
	border: 1px solid #7f9db9;
}

/* common floats used for formatting and images */
.right{
float:right;
margin:0 0 10px 10px;
}

.left{
float:left;
margin:0 10px 10px 0;
}

.clear{
clear:both;
}

/* Add any other classes here. */
.center{
text-align:center;
margin-bottom:10px;
}
.center *{
margin-left:auto;
margin-right:auto;
text-align:center;
}

ul.listsplit {
width:48%;
float:left;
}

.boldred {
font-weight: bold;
color: #f00;
}

.media {
text-align:center;
margin:10px 0 32px 0;
}

/* Begin your layout styles here. Override default styles where necessary. */
#content{
padding:10px;
padding-right:12px;
width:573px;
float:right;
}
#sidenav{
width:202px;
}
#sidenav p{
padding-left:20px;
width:172px;
}
#sidenav h4{
background:#333 url(../images/side-head.gif) 0px -10px no-repeat;
height:21px;
width:182px;
color:#FFFFFF;
padding:5px 0 0 13px;
margin:10px 0 7px 7px;
}
#sidenav h4 a{
color:#FFFFFF;
text-decoration:none;
}
#sidenav h4 a:hover{
color:#FFFFCC;
text-decoration:none;
}
#sidenav ul{
padding-left:20px;
list-style:none;
}
#sidenav li{
background:url(../images/bullet.gif) 0 3px no-repeat;
}
#sidenav a{
color:#982a2a;
text-decoration:none;
}
#sidenav a:hover{
text-decoration:underline;
}
#wrap{
width:800px;
margin:0 auto;
text-align:left;
overflow:hidden;
background:url(../images/faux.gif) 0 0 repeat-y;
min-height:400px;
}
#header{
background:url(../images/header-bg.png) 0 0 repeat-x;
height:150px;
}
#headwrap{
width:848px;
margin:0 auto;
text-align:left;
}
#flash{
padding-top:3px;
width:848px;
margin:0 auto;
text-align:left;
}
#pagebg{
background:#ddd6b5 url(../images/bg.jpg) center 0 no-repeat;
margin:0 auto;
text-align:left;
}
#pagewrap{
background:#fff;
padding-top:3px;
min-height:351px;
width:800px;
margin:0 auto;
text-align:left;
border-right:1px solid #999999;
border-left:1px solid #999999;
}
#footer{
margin-top:-3px;
border-top:6px #982a2a solid;
}
#footer-wrap{
width:800px;
margin:0 auto;
text-align:left;
color:#999999;
padding-top:5px;
padding-left:5px;
}
#footer-wrap a{
color:#999999;
text-decoration:none;
}
#footer-wrap a:hover{
color:#982a2a;
}
#footer-right{
float:right;
text-align:right;
}

/*
homepage styles
*/

#home .dataTable td{
border-bottom:none;
border-top:1px solid #ccc;
}
#home h3 {
clear:both;
padding-top:10px;
}

.home-main {
width:351px;
float:left;
margin-right:10px;
}
.home-col{
float:left;
width:189px;
background:#f0efef;
border:1px solid #ccc;
border-bottom:none;
padding:9px 9px 0 9px;
}
#home .extra {
background:url(../images/home-right-col.png) 361px bottom no-repeat;
}

#home .montage img {
display:block;
margin:0;
}
#home .montage {
margin-bottom:10px;
}

.home-box {
background:#285bb5 url(../images/home-blue-tile.png) 0 0 repeat-y;
float:left;
}
.home-box .outer {
background:url(../images/home-blue-top.png) 0 0 no-repeat;
float:left;
}
.home-box .inner {
width:336px;
background:url(../images/home-blue-bottom.png) 0 bottom no-repeat;
float:left;
padding:0 0 5px 15px;
}
.home-box .section{
width:160px;
float:left;
}
.home-box h2 {
color:#ff9;
padding:10px 0 10px 42px;
}
.home-box h2.icon-teens {
background:url(../images/icon-I-95.png) 0 3px no-repeat;
padding-left:44px;
}
.home-box h2.icon-parents {
background:url(../images/icon-sign.png) 0 3px no-repeat;
}
.home-box ul {
margin:4px 0 12px 3px;
}
.home-box a, .home-box a:visited {
color:#fff;
}
.home-box a:hover {
text-decoration:none;
}

#home .home-col h3 {
padding-top:0px;
}
.home-col ul {
padding-left:0;
margin-bottom:0;
}
.home-col li {
padding-left:20px;
background-position:0px 4px;
}
.home-col h2.icon-adult-training{
background:url(../images/home-yield.png) 0 12px no-repeat;
padding:15px 0 10px 38px;
border-top:1px solid #ccc;
}
span.acronym {
color:#f00;
font-size:18px;
font-family:serif;
font-weight:bold;
letter-spacing:1px;
}
p.acronym {
line-height:2.0em;
margin:20px 0;
}