/* BASE TEXT STYLES AND BODY */




body {


margin:0;
padding:0;
background-image:url(../images/test_bg.jpg);
background-repeat:repeat-x;
background-color:#474747;

font-family:"Lucidia Sans", "Lucida Grande", "Lucidia Sans Unicode" , Verdana;

font-size:62.5%;


}




p {


font-size:1.2em;
line-height:1.6em;
margin-bottom:1.4em;
margin-top:0;

}



#bodycontent-inside ul {

font-size:1.2em;
line-height:1.6em;
margin:0 0 1.4em -30px;

}


#bodycontent-inside ol {


font-size:1.2em;
line-height:1.6em;
margin-bottom:1.4em;


}


#bodycontent-inside ul li {

margin:0;
margin-bottom:0.7em;
padding-left:14px;
list-style-type:none;
background-image:url(../images/ul_bullet.gif);
background-position:0px 5px;
background-repeat:no-repeat;

}









h1 {

font-size:1.9em;
font-weight:lighter;
margin-top:0;
margin-bottom:0.8em;
text-transform:uppercase;
letter-spacing:0.04em;
color:#530000;

}





h2 {

font-size:1.6em;
margin-top:0;
margin-bottom:0.5em;
color:#530000;
line-height:1.3em;

}



h3 {

font-size:1.4em;
margin-top:0;
margin-bottom:0.5em;
color:#530000;

}




h4 {

font-size:1.3em;
margin-top:0;
margin-bottom:0.2em;
color:#530000;

}




a {

color:#660000;
outline:none;

}


a img {

border:none;

}


img {

padding:0;
margin:0;

}



a:hover {

text-decoration:none;

}








/* LAYOUT */




#wrapper {


width:960px;
margin-left:auto;
margin-right:auto;

}



#header {


height:158px;
background-image:url(../images/header_bg.png);
background-repeat:no-repeat;

}


/* this header will display when page is printed */
#header h1 {
display:none;

}



#topnav {


height:43px;
padding-top:1px;
padding-left:108px;
background-image:url(../images/topnav_bg.png);
background-repeat:no-repeat;

}


#topnav ul {


margin:0;
padding:0;
list-style:none;
font-size:1.6em;

}


#topnav li {

float:left;
margin:0;
padding:0;
line-height:20px;

}



#topnav a {

color:#fff;
text-decoration:none;
display:block;
margin:0;
padding:11px 14px 11px 14px;


}



#topnav a:hover {

background-color:#555555;

}



/* top nav active section */



body#home #topnav a#homelink,
body#about #topnav a#aboutlink,
body#schools #topnav a#schoolslink,
body#culture #topnav a#culturelink,
body#support #topnav a#supportlink,
body#employment #topnav a#employmentlink

{

background-image:url(../images/topnav_selected.gif);
background-repeat:repeat-x;

}








#maincontent {


background-image:url(../images/maincontent_bg.gif);
background-repeat:repeat-y;

}




#maincontent-inside {

width:960px;
background-image:url(../images/storypole2.png);
background-repeat:no-repeat;
background-position:top left;



}



#bodycontent {


width:775px;
float:left;
background-image:url(../images/bodycontent_bg2.gif);
background-repeat:no-repeat;
background-position:67px 0px;

}



#bodycontent-inside {

padding:24px 16px 0px 122px;


}







/* All things side nav */



#sidenav {

/* the base side nav div holder the top cap background image */
width:185px;
float:right;
background-image:url(../images/sidenav_topcap1.png);
background-position:top;
background-repeat:no-repeat;



}


#sidenav ul {


margin:0;
padding:0;
padding-bottom:20px;
list-style:none;
margin-top:69px;
background-image:url(../images/sidenav_ul_bg.gif);
background-repeat:repeat-y;

}


#sidenav li {

width:164px;
margin:0;
padding:0;
border-bottom:1px solid #B0AB9A;

}


#sidenav li a {


display:block;
color:#E4E2CF;
padding:8px 8px 8px 20px;
text-decoration:none;
font-size:1.3em;

}



#sidenav li a.toplink {

border-top:1px solid #B0AB9A;


}


#sidenav li a:hover {

background-color:#7C755F;


}




/* dynamic active page */

#sidenav li a.activepage {

background-image:url(../images/sidenav_arrow.gif);
background-repeat:no-repeat;
background-position:0px center;

}



#sidenav #bottomcap {


height:200px;
background-image:url(../images/sidenav_bottomcap1.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin-bottom:20px;

}




/* side nav sub sections rules and show and hide based on body class */



#sidenav li ul {

padding-bottom:0px;
margin-top:0px;
background-image:none;
display:none;


}


#sidenav li ul li {

border-bottom:none

}


#sidenav li ul li a {


padding:5px 2px 5px 28px;
font-size:1.1em;

}



body.highschool #sidenav li ul {

display:block;

}





/* END SIDE NAV */









/* universal clear div */

.clear {

clear:both;
overflow:hidden;
width:20px;
height:0px;


}





#footer {


border-top:1px solid #CCCCCC;
height:120px;

background-image:url(../images/footer_bg.jpg);
background-repeat:repeat-x;
background-position:top;
}


#footer-inside {

color:#ADA685;
font-size:1.2em;
width:714px;
margin-left:auto;
margin-right:auto;
padding:26px;
padding-bottom:40px;


}



#footer-inside a {

color:#ADA685;
text-decoration:none;

}


#footer-inside a:hover {

color:#fff;


}


/* hidding footer home link on homepage */
body#home #footer-inside a#footerhome {

display:none;

}





/* internal generic floats */

.floatleft {

float:left;
margin:4px 20px 4px 0px;

}


.floatright {

float:right;
margin:4px 0px 4px 20px;

}



/* div to hold an image with a caption: an added class to floatleft or float right */


.imagecaption {

min-width:40px;
background-color:#BEBAAC;
padding:0 0 6px 0;


}


/* the caption text */
.imagecaption h3 {
margin: 4px 4px 0px 4px;


}





/* internal layout columns */

.column-left {

float:left;
width:300px;
margin:0px 20px 20px 0px;

}


.column-right {

float:right;
width:300px;
margin-bottom:20px;

}





/* darker tan background for contrast */
.altbackground {

background-color:#B5B0A2;
padding:10px;

}



/* videos */


#videowrapper {

background-color:#B5B0A2;
padding:10px;

}


#videowrapper #video {


/* hiding video styles for now since video will be on about overview page for now in a column

float:left;
display:inline;
padding:0;
margin:0;
margin-right:10px;

*/

}




/* jobs links ... also used throughout site */


a.jobs {


display:block;
background-image:url(../images/gradient_bg1.png);
background-position:top;
background-repeat:repeat-x;
background-color:#BEBAAC;
border:1px solid #C17A78;
font-size:1.4em;
text-decoration:none;
margin-bottom:12px;


}

a.jobs span {


display:block;
background-image:url(../images/red_arrow.png);
background-repeat:no-repeat;
background-position:4px center;
padding:10px 10px 10px 32px;


}


a.jobs:hover {


background-color:#797979;
color:#fff;


}












/* INTERNAL TABLES LOCKDOWN */


table {


width:100%;
text-align:left;
border-collapse:collapse;
font-size:1.2em;
margin-bottom:18px;
clear:both;

}




table caption {


font-size:1.3em;
color:#521008;
font-weight:bold;
text-align:left;
padding-bottom:10px;

}



table td, table th {

border:1px solid #B4AB8C;
padding:6px;
text-align:left;
vertical-align:top;

}





table th {

font-size:1.2em;
color:#541008;
background-color:#B5B3A4;
background-color:#ADAC9F;


}



table p {

font-size:1.0em;
line-height:1.4em;
margin:0px;


}




table td ul li, table td ol li {


margin-top:1.0em;
margin-bottom:1.0em;
font-size:0.9em;
line-height:0.9em;


}


table h1, table h2, table h3, table h4 {

font-size:1.2em;
line-height:1.2em;
margin:0px;



}


table tr.altrow {

background-color:#BFBAAB;

}






/* borderless table */


table.borderless td, table.borderless th {

border:none;

}




/* job listings table: aligning text and download icon */


table.jobs td {


vertical-align:middle;


}



/* END TABLE LOCK DOWN */







/* styles for quotes */

p.quote {


color:#fff;
background:#670001 url(../images/quote-bg.gif) top left no-repeat;
padding:14px;
font-style:oblique;
font-size:1.4em;
margin-bottom:0;

}


p.attribute {

margin-top:0;
text-align:right;
padding:11px 62px 0px 6px;
background:url(../images/attribute-bg.gif) no-repeat 570px 0px;
font-weight:bold;

}





/* simple border around select images */


.bordered {

border:2px solid #561009;


}





/* superintent signature image */


img#sup-signature {

border:0;
margin:-14px 0 -36px 0;



}