@charset "utf-8";
/* CSS Document */

body {
font:12px, Arial, Helvetica, sans-serif;
color:#3c434a;
background:#FFF;
margin:0;
padding:0;
text-align:center;
}


#container {
width:816px;
background:#FFF;
margin:0 auto;
text-align:left;
}

#header {
width:816px;
height:163px;
}

#rightbar {
float:right;
width:185px;
padding:0 40px 20px 0;
}


#sub_about {
margin:5px 0 10px 0;
width:557px;
height:26px;
float:left;
text-align:center;
background:url(images/aboutus_bc.jpg);
}

#sub_nav a  {
color:#3c434a;
text-decoration:none;
}

#sub_nav a:hover  {
color:#6c92c9;
text-decoration:underline;
} 

#sub_nav a:active  {
color:#6c92c9;
text-decoration:underline;
} 


#sub_le {
margin:5px 0 10px 0;
width:557px;
height:26px;
float:left;
text-align:center;
background:url(images/le_bc.jpg);
}

#sub_ls {
margin:5px 0 10px 0;
width:557px;
height:26px;
float:left;
text-align:center;
background:url(images/learningsupport_bc.jpg);
}

#sub_stories {
margin:5px 0 10px 0;
width:557px;
height:26px;
float:left;
text-align: center;
background:url(images/stories_bc.jpg);
}


#sub_storiesnav a  {
color:#FFF;
text-decoration:none;
}

#sub_storiesnav a:hover  {
color:#FFF;
text-decoration:underline;
} 

#sub_storiesnav a:active  {
text-decoration:underline;
} 


#navtop {
width:557px;
height:69px;
float:left;
text-align:center;
}

#navtop ul {
margin:0;
padding:0;
display:inline;
float:left;
}

#navtop li {
float:left;
list-style-type:none;
}

#content {
margin:0 260px 40px 0;
padding:50px 10px 10px 10px; 
}

#content2 {
margin:0 260px 40px 0;
padding:10px 10px 10px 10px; 
}


#content li{
margin:0 5px;
padding:0 10px;
}

.padding {
padding:5px;
}

.darkgrey {
font:normal 12px Arial, Helvetica, sans-serif;
color:#3c434a;
}

.blue{
font:normal 12px Arial, Helvetica, sans-serif;
color:#6c92c9;
}

.blue_large{
font:normal 13px Arial, Helvetica, sans-serif;
color:#6c92c9;
}


.links {
font:normal 11px Arial, Helvetica, sans-serif;
color:#3c434a;
}

.links_stories {
font:normal 11px Arial, Helvetica, sans-serif;
color:#FFF;
}

.arrowbullet {
padding-left:30px;
list-style:url(images/blue_bullet.jpg) outside;
background-position:0 5px;
}

p {
font:12px, Arial, Helvetica, sans-serif;
color:#3c434a;
}

h1 {
font:bold 20px Arial, Helvetica, sans-serif;
color:#3c434a;
}

h2 {
font:bold 18px Arial, Helvetica, sans-serif;
color:#3c434a;
}



h3 {
font:bold 16px Arial, Helvetica, sans-serif;
color:#3c434a;
}

a:link {color:#6c92c9;
text-decoration:underline;
}
a:visited {color:#6c92c9;
text-decoration:underline;
}
a:hover {color:#6c92c9;
text-decoration:underline;
}
a:active {color:#6c92c9;}

#footer {
height:58px;
width:760px;
padding:5px;
background:url(images/footer.gif);
}

#footer p {
font:normal 10px Arial, Helvetica, sans-serif;
color:#3c434a;
}

#footer a:link {
color:#3c434a;
text-decoration:none;
}
#footer a:visited {color:#3c434a;
text-decoration:none;
}
#footer a:hover {color:#3c434a;
text-decoration:underline;}

#footer a:active {color:#3c434a;}

.closewindow {
font:bold 12px Arial, Helvetica, sans-serif;
color:#6c92c9;
text-decoration:underline;
}

.floatleft {
float:left;
margin-right:8px;
}

.floatright {
float: right;
margin-left: 10px;
}


.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0px;
}