

body {
background: url('/images/csn/csndefaultbackground.gif') repeat-x;

font-family: Arial;

font-size: 10pt;

margin: 0;

padding: 0;

}
#graybgwrapper {
 background: url('/images/csn/h_banner_wrap2.jpg') no-repeat right 32px;
 width: 100%;
 margin: 0 auto;
}
#pagewrapper {
 margin: 0 auto;
 width: 780px
}
 
table.PageBoundingBox {

margin: 0 auto;

width: 100%;



}

 

table.ContentBoundingBox {

background-color: #fff;

clear: both;

}

 

/*---------------Header---------------*/

 

#headerwrapper {

background: url('/images/csn/headerbackground.gif');

float: left;

width: 780px;

height: 121px;

}

 

#headercontent img {

width: 174px;

height: 80px;

float: left;

padding: 5px;

}

 

#headercontent p {

width: 550px;

float: right;

font-family: Verdana;

font-size: 7pt;

padding-top: 3px;

text-align: right;

}

 

#generallinks a {

text-decoration: none;

font-family: Trebuchet MS;

font-weight: bold;

color: #004990;

font-size: 8pt;

margin 0 0 0 0;

}

 

#generallinks img {

margin: 0 3px 2px 10px;

}

 

#generallinks {

float: right;

clear: right;

margin: 0 2px 0 0;

}

 

#miscwrapper {

float: right;

width: 480px;

height: 30px;

}

 

#quickLinks {

width: 180px;

}

 

#qlinks {

float: left;

margin: 8px 0px 0 55px;

}

 

#searchtextbox {

float: right;

}

#searchtextbox_google {
float: right;
width: 150px;
}
 

* html #searchtextbox_google {
float: right;
width: 170px;
}

#searchform {

margin: 0 0 0 0;

}

 

#searchformquestion {

margin: 7px 0 0 0;

width: 122px;

height: 17px;

float: left;

}

 

#searchsubmitbutton {

margin: 5px 0 0 0;

float: left;

width: 34px;

height: 26px;

}

 

/*------------------------------------*/

 

 

/*-------------Global Nav-------------*/

 

#gnavwrapper {

background: #004890;

height: 30px;

width: 780px;

overflow: visible;

float: left;

clear: both;

}

 

#gnavwrapper ul {

margin: 0;

padding: 0;

list-style: none;

}

 

#gnavwrapper li {

float: left;

width: 127px;

 

 

}

 

#gnavwrapper li a.top_link {

text-decoration: none;

color: #fff;

display: block;

font-family: Helvetica;

font-weight: bold; /* */

font-size: 14px;

padding-top: 7px;

text-align: center;

height: 25px;

}

 

#gnavwrapper li a.top_link:hover {

color: #FECE00;

}

 

/*------------------------------------*/

 

/*---------------LSB Style------------*/
#onlinelearningfix {
margin: 5px 0 5px 0;
}

#lsbbottomcontainer li a.top_link2 {
width: 226px;
height: 20px;
padding: 5px 0 5px 5px;
}

#lsbbottomcontainer li a.top_link2:hover {
background-color: #FECE00;
height: 20px;
width: 220px;
}

#lsbbottomcontainer2 {

font-family: Helvetica;
font-weight: bold; /* */
font-size: 16px;
color: #fff;

}






 

#lsbwrapper {

width: 226px;

}

#lsbbottomcontainer li a.top_link {
display: block;
width: 226px;
padding: 5px 0 5px 5px;
}

#lsbbottomcontainer li a.top_link:hover {
background-color: #FECE00;
width: 220px;
}

#lsbtopcontainer li a.top_link {
display: block;
width: 226px;
height: 20px;
padding: 5px 0 5px 5px;

}

#lsbtopcontainer li a.top_link:hover {
background-color: #FECE00;
width: 226px;
}

#lsbtopcontainer {

width: 226px;

height: 151px;

background-color: #fff;

}

 

#lsbtopcontainer ul {

float: left;

padding: 0 0 0 0;

list-style: none;

margin: 0;

}

#lsbtopcontainer ul li {

padding: 0 0 0 0;

}

#lsbtopcontainer a {

text-decoration: none;

font-family: Helvetica;

font-weight: bold; /* */

font-size: 16px;

color: #004890;

}

 

#lsbbottomcontainer {

width: 226px;

height: 232px;

background-color: #004890;

}

 

#lsbbottomcontainer ul {

float: left;

padding: 0 0 0 0;

list-style: none;

margin: 0;

}

 

#lsbbottomcontainer ul li {

padding: 0 0 0 0;

}

 

#lsbbottomcontainer a {

text-decoration: none;

font-family: Helvetica;

font-weight: bold; /* */

font-size: 16px;

color: #fff;

}



#lsbbudgetissues {

width: 226px;

height: 77px;

background: #004890;

padding: 0 0 0 0;

}


#lsbemailaccess {

width: 226px;

height: 185px;

background: #004890 url('/images/csn/emailaccess.gif');

}

 

#lsbemailaccess h4 {

float: left;

font-family: Trebuchet MS;

font-size: 18px;

color: #fff;

font-weight: normal;

padding: 0 0 0 88px;

height: 85px;

}

 

#lsbemailaccess ul {

float: left;

list-style: none;

margin: 70px 0 0 0;

padding: 0;

}

 

#lsbemailaccess li {

padding-top: 10px;

}

 

#lsbemailaccess li a {

text-decoration: none;

font-size: 13px;

padding: 0 0 0 34px;

color: #004890;

}

 

/*-------------Main Content-----------*/

 

#homemainimage {

width: 554px;

height: 304px;

padding: 0 0 0 0;

}

 

#imagetext {

width: 554px;

height: 23px;

background: #000;

color: #fff;

font-family: Verdana;

font-size: 12px;

text-align: center;

padding: 3px 0 0 0;

}

 

#virtualtour {

width: 554px;

height: 109px;

background: #BDD2E4;
}



#virtualtour img {

margin: 9px 0 0 1px;

}


#infochannelwrapper {

width: 553px;

height: 156px;

background-color: black;

border-right: 1px solid black;
}

 

#announcements {

float: left;

width: 276px;

height: 156px;

background-color: white;

}

 

#announcements ul.icList {

list-style: none;

font-family: verdana;

font-size: 12px;

color: #004990;

padding: 0;

margin: 0;

}

#announcements .icListDate {
width: 80px;
margin: 0;
padding: 0;
float: right;
}

#announcements .icListTitle {
width: 180px;
margin: 0;
padding: 0;
float: right;
text-decoration: none;
color: #004990;
}

#announcements li {
clear: both;
padding: 10px 5px 0 0;
}

 

#events ul.icList {

list-style: none;

font-family: verdana;

font-size: 12px;

color: #004990;

padding: 0;

margin: 0;

}

#events .icListDate {
width: 80px;
margin: 0;
padding: 0;
float: right;
}

#events .icListTitle {
width: 180px;
margin: 0;
padding: 0;
float: right;
text-decoration: none;
color: #004990;
}

#events li {
clear: both;
padding: 10px 5px 0 0;
}
 

#events {

float: right;

width: 276px;

height: 156px;

background-color: white;

}

#morenewsevents {
text-align:right;
font-size:8pt;
}
A:link.morenewsevents {color:#ffffff;}
A:visited.morenewsevents {color:#ffffff;}
A:active.morenewsevents {color:#ffffff;}
A:hover.morenewsevents {color:#ffffff;}


#title1 {

width: 276px;

height: 24px;

background: #3B60AF;

}

 

#title1 h4 {

margin: 0 0 0 0;

text-align: left;

padding-top: 3px;
padding-left: 5px;

color: #fff;

font-family: Verdana;

font-weight: bold;

font-size: 14px;

}

 

#title2 {

width: 276px;

height: 24px;

background: #3B60AF;

}

 

#title2 h5 {

margin: 0 0 0 0;

text-align: left;

padding-top: 3px;
padding-left: 5px;

color: #fff;

font-family: Verdana;

font-weight: bold;

font-size: 14px;

}

 

 

/*------------------------------------*/

 

/*----------------Footer--------------*/

 

#footer {

width: 780px;

height: 70px;

}

 

#leftfooter {

width: 226px;

height: 70px;

float: left;

background-color: #004890;

}

 

#rightfooter {

width: 554px;

height: 77px;

float: left;

background-color: #000;

}

 

#rightfooter h4 {

color: #fff;

float: left;

font-weight: normal;

font-family: Verdana;

font-size: 30px;

font-style: italic;

padding: 0 0 0 97px;

margin: 0px;

}

 

#rightfooter hr {

color: #fff;

float: left;

width: 554px;

}

 

#rightfooter a {

color: #fff;

text-decoration: none;

font-size: 10px;

padding: 0 25px 0 5px;

}

 

#rightfooter span {

color: #FFCE00;

}

 

#rightfooter p {

margin: 0px;

}

/*------------------------------------*/

#googletext {
float: left;
margin: 7px 0 0 0;
}

#searchsubmitbutton_google {
float: right;
margin: 5px 0 0 0;
}

* html #googletext {
margin: 8px 0 0 14px;
float: left;
}

* html #searchsubmitbutton_google {
margin: 6px 0 0 0;
float: left;
}

/*----------Spotlight CSS--------------*/

#virtualtour_2 {
width: 554px;
height: 135px;
background: #000;
}

#spotlight {
width: 358px;
height: 133px;
float: left;
}

#virtualtour_new {
width: 195px;
height: 133px;
float: right;
}
#virtualtour_new a img {
border: none;
padding: 2px 0 0 0;
}
#homeSpotlightWrapper {
width: 358px;
height: 133px;
}

#homeSpotlightWrapper img {
height: 100px;
padding: 5px 0 0 0;
}

p.teasertext {
color: white;
width: 200px;
float: right;
padding: 10px 5px 0 0;
margin: 0 0 0 0;
text-align: right;

}

h1.spotlightheading {
width: 190px;
height: 30px;
color: white;
float: right;
padding: 10px 20px 0 0;
margin: 0 0 0 0;
}

.readmore {
width: 80px;
height: 20px;
float: left;
padding: 5px 0 0 40px;
}

.readmore a {
color: white;
}

/*-------Spotlight CSS IE 6 Only---------*/

* html #virtualtour_2 {
width: 554px;
height: 135px;
background: * html #000;
}

* html #spotlight {
width: 358px;
height: 133px;
float: left;
padding: 10px 0 0 0;
}

* html #virtualtour_new {
width: 195px;
height: 133px;
float: right;
}
* html #virtualtour_new a img {
border: none;
padding: 2px 0 0 0;
}
* html #homeSpotlightWrapper {
width: 358px;
height: 133px;
}

* html #homeSpotlightWrapper img {
height: 100px;
padding: 5px 0 0 0;
}

* html p.teasertext {
color: white;
width: 200px;
float: right;
padding: 10px 10px 0 0;
margin: 0 0 5px 0;
text-align: right;
}

* html h1.spotlightheading {
width: 220px;
height: 30px;
color: white;
float: right;
padding: 0 0 0 0;
}

* html .readmore {
width: 100px;
height: 20px;
float: right;
padding: 2px 5px 0 0;
}

* html .readmore a {
color: white;
}


