* {
margin: 0;
padding: 0;
border: 0;
}

body {
font: 11px/15px Arial, Helvetica, sans-serif;
background-color: #fff;
}

dl.homepageList dt a span,
.hidden {
left:-9999px;
overflow:hidden;
position:absolute;
width:0;
}

a {
text-decoration: none;
}

#wrap {
width: 820px;
margin: 0 auto;
padding: 0 20px;
background: #fff url(../stat/side-shadow.gif) repeat-y;
}

#wrap:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}



#header {
height: 100px;
background: #4C6E9B;
text-align: right;
padding: 10px 20px 0 0;
}


#topNavandSearch {
text-align: left;
float: right;
}

ul#headerNav {
}

ul#headerNav li {
display: inline;
}

ul#headerNav li a {
font-size: 12px;
padding-right: 20px;
color: #fff;
}

#header form {
clear: both;
width: 220px;
padding-top: 40px;
}

#header input {
font: 10px/14px Arial, Helvetica, sans-serif;
margin-left: 5px;
padding: 2px 5px;
vertical-align: middle;
color: #666;
}
#header input.searchButton {
padding: 2px;
}

#header label {
font-weight: bold;
color: #fff;
}


h1.logo {
display:block;
float:left;
margin: 5px 0 10px 20px;
}

h1.logo a {
background:url(../stat/logo.gif) no-repeat 0 0;
display:block;
height:80px;
width:152px;
}

#content {
width: 557px;
padding: 40px 30px 40px 20px;
float: left;
background:#fff;
}

#rightColumn {
padding-top: 20px;
width: 183px;
background-color: #4C6E9B;
float: right;
}
#rightColumn img {
border: 1px solid #fff;
border-width: 1px 0;
}

#footer {
height: 40px;
border-top: 1px solid #fff;
background: #4C6E9B url(../stat/footer-bar.gif) repeat-x;
clear: both;
}
#home #footer {

}


h2 {
font-size: 1.7em;
color: #4C6E9B;
line-height: 30px;
border-left: 3px solid #4C6E9B;
padding-left: 5px;
margin-bottom: 20px;
}

h3 {
/*font-size: 13px;
margin: 1.5em 0 0.5em 0;
color: #006699;*/
font-weight:normal;
font-size: 16px;
color: #003399;
margin: 20px 0 5px 0;
}

p {
font-size: 12px;
margin-bottom: 10px;
}


blockquote {
font: bold 14px/22px Arial, Helvetica, sans-serif;
text-align: center;
color: #FDBB3E;
margin: 20px;
}


#content ul, ol {
font-size: 12px;
}

#content ul li {
margin: 0 30px 5px 12px;
padding:0 15px;
list-style-type:none;
background: url(../img/li_bg.jpg) 0 5px no-repeat;
_float:none;
_display:block;
}

#content ol li {
margin: 0 30px 5px 30px;
}










/* `````````````````````````````````````````````````````````````````````````````` 
````````````````````````  PAGE SPECIFIC BITS ````````````````````````````````````
```````````````````````````````````````````````````````````````````````````````*/



/*
=================================================
HOME PAGE
=================================================
*/


dl.homepageList {
width: 250px;
margin-top: 30px;
}

dl.homepageList dt {
font-weight: bold;
font-size: 16px;
}
dl.homepageList dt.dt-about {color: #FF9900;}
dl.homepageList dt.dt-local {color: #FF6600;}
dl.homepageList dt.dt-learners {color: #66CCCC;}
dl.homepageList dt.dt-links {color: #FF66CC;}

dl.homepageList dt a {
display: block;
float: left;
width: 28px;
height: 17px;
background: url(../stat/go-graphic.gif) no-repeat;
}
dl.homepageList dt a:hover {
background-position: 0 -17px;
}


dl.homepageList dd {
margin: 5px 0 10px 0;
clear: left;
}



dl {
}

dl dt {
font-size: 16px;
color: #003399;
margin: 20px 0 5px 0;
}

dl h3 {
font-size: 11px;
margin: 10px 0 0 0;
}

dl dd a {
color: #999900;
}




/*
=================================================
POLICY AND ALERTS PAGE
=================================================
*/


table {
border: 1px solid #999;
border-width: 0 0 1px 1px;
margin-bottom: 5px;
}


table td, th {
padding: 3px;
font-size: 10px;
background-color: #fff;
border-collapse: collapse;
border: 1px solid #999;
border-width: 1px 1px 0 0;
}


table th {
background-color: #B6CEE7;
}


table .odd {
background-color: #CC3300;
}





/*
=================================================
NEWS AND EVENTS PAGE
=================================================
*/


#newsitems h4 a, #learnerStories h4 a, h4  {
font-weight: normal;
font-size: 15px;
color: #006699;
clear: both;
margin: 20px 0 5px 0;
display: block;
}

#newsitems dl p {
display: inline;
}

p.rangeLeft {
font-weight: bold;
width: 80px!important;
margin-left:0px;
text-align:right;
float: left;
display: block;
border: 0!important;
padding-left: 0!important;
}

#newsitems p, dl#eventitems p {
color: #999;
margin: 5px 0 20px 0;
width: 455px;
float: left;
border: 1px solid #ddd;
border-width: 0 0 1px 1px;
padding: 5px;
}

#learnerStories p {
border: 0;
}
#learnerStories p a {
color: #993300;
}

dl#eventitems p {
border-width: 0 0 0 1px;
margin: 0;
}
dl#eventitems dd {
clear: both;
}

dl#eventitems dt {
margin: 30px 0 5px 0;
clear: both;
padding-top: 30px;
}


/*
=================================================
LINKS PAGE
=================================================
*/


dl#linksList {
float: left;
}
dl#linksList dd {
font-size: 12px;
clear: both;
border-bottom: 1px solid #ddd;
line-height: 24px;
}
dl#linksList dt {
margin-bottom: 20px;}

dl#linksList dd span, dl#linksList dd a {
display: block;
width: 277px;
float: left;
}

/*
=================================================
* contact form, register form, login form elements
=================================================
*/
fieldset#generic {}
#generic label {
  text-align:right;
   font-size: 95%;
  width:150px;
  float:left;
  padding:5px;}

#generic input {
  text-align:left;
  margin:4px ! important;
  width:150px;
  border:1px solid #4C6E9B;} 
#generic  textarea {
  text-align:left;
  margin:4px ! important;
  width:200px;
  height:80px;
  border:1px solid #4C6E9B;}  
#generic input.submit{
width:auto;
margin:auto;
padding:0 2px 0 2px;
color:#fff;
font-weight:bold;
border-color:#8DABCC #4C6E9B #4C6E9B #8DABCC;
border-width:2px 2px 2px 2px;
background:#6F91B6;}


/*
=================================================
REPORTS PAGE
=================================================
*/


dl.reports dd {
padding: 0 20px;
list-style-type:disc !important;
}


/*
=================================================
* misc
=================================================
*/

#page_nav {
text-align: center;
padding-top:80px;
}
#page_nav span{
color: #eee;
}

#page_nav p a {
color: #fff;
background-color: #4C6E9B;
padding: 2px 10px;
margin-right: 5px;
}

img.even {float:left;margin:0 5px 5px 0;}
img.odd {float:right;margin:0 0 5px 5px;}
p.sorry {font-weight:bold;text-align:center;}