@charset "UTF-8";
/* CSD Website CSS Document */

/* redefinitions */
body  {font: 90%  Verdana, Helvetica, sans-serif;background: #e8e0c8;margin: 0; padding: 0;text-align: center; color: #656565;}
h1, h2{color: #000; font-size:110%;}
h3{color:#261E64; font-size:100%; padding:10px 0 0 0;}
img {border:0px;}
a{color: #41407b;text-decoration:none; padding:4px;}
a:hover {text-decoration: underline;}
a:active {background:#41407b; color:#fff;}
th, td{padding:4px; vertical-align:top;}
li {list-style:url("images/bulletArr.gif");}

table, .firstPara{margin:-1em 0 0 0;}
table {width:100%;}
.subtext{font-size:85%; font-weight:normal; font-style:italic;}
.subtext a{padding:2px; text-decoration:underline;} 
.subtext a:hover{background:#41407b; color:#fff;}
.subtext a:active{padding:5px 2px;}
.map {margin:0 0 0 -15px; border:1px solid #333; width: 450px;}

/* reusables*/
.clrflt{clear:both;height:0;font-size: 1px;line-height: 0px;}
.fltrt {float:right;}
.fltlt {float:left;}

/* Layout*/
#wrapper {text-align:left; margin:0 auto; width:960px; background:#fcf8ef; color:#000;}
.topSep{height:3px; line-height:0px;}
#mainNav {background:url("images/mainNavBackgr.gif"); padding:15px; margin:20px 0 0 0; text-align:center; font-size:100%; margin-top:7px;}
#mainNav li {display:inline; text-align:center; padding:10px 15px 10px 15px;}
#mainNav li a {color:#fff; text-shadow:#000 1px 1px; }
#mainNav .selected {background:#1d1d65;}
#contContainer{padding:20px; font-size:90%;color:#000;}
#contContainer ul li{padding:3px 0;}

#TwoColLt {float:left; width:570px; padding:0 20px 0 0; border-right:1px solid #000;}
#TwoColRt {float:left; width:30%;  padding-left:28px;}
#TwoColRt li { margin-left:-23px;  padding:2px 0;}

#footer{border-top:1px solid #ccc; padding:10px; height:8em; font-size:90%;line-height:0.7em; margin-top:20px; }
#footerWrapper {margin:0 auto; width:75%;}
#footer ul, #footer div{text-align:left;}
#footer li {display:inline; padding:4px;}
#footer .logo{ margin:0px; margin-left:10px; float:left; padding:0px 10px;}
#footer .nav {padding:10px 0 0 0;}
#copyright {line-height:1.1em; padding:0 0 0 0.6em; }
#copyright a{color:#666; text-decoration:underline;}
.poweredBy{text-align:center; border-top:4px solid #ccc; padding:10px 0 200px 0; width:70%; margin:0 auto;}
.poweredBy a{display:block; color:#000; font-size:80%; line-height:1.7em;}
.poweredBy a:hover{text-decoration:none;}
.poweredBy a:active{background:none;}

/*form*/
#loginForm input {background:#fcf8ef; font: 90%  Verdana, Helvetica, sans-serif; color:#666; border:1px solid #000; padding:5px;}
#loginForm .but {background:#343473; color:#fff; padding:3px;}

/*Header Images*/
#header-home, #header-about, #header-calendar, #header-schools, #header-curriculum, #header-employment, #header-contact {height:315px; border-bottom:1px solid #ccc;}


#header-home{background:url("images/mainHome.jpg") no-repeat;}
#header-about{background:url("images/mainAbout.jpg") no-repeat; }
#header-calendar{background:url("images/mainCalendar.jpg") no-repeat;}
#header-schools{background:url("images/mainSchool.jpg") no-repeat;}
#header-curriculum{background:url("images/mainCurriculum.jpg") no-repeat;}
#header-employment{background:url("images/mainCalendar.jpg") no-repeat;}
#header-contact{background:url("images/mainContact.jpg") no-repeat;}

/*about us*/
.mission {text-align:center; width:90%; background:#ccc; padding:1px 10px 5px 10px; margin:0 auto;}
.Thrcol{width:25%; padding:5px 20px 5px 5px;}
.Thrcol li{padding:10px 0 0 0; font-weight:bold;}
.Thrcol small {font-style:italic;font-weight:normal;}
.team {width:50%;}
.team th{padding:20px 0 0 26px;}
.team li{list-style:square;}

/*Calendar*/
.calendarWrapper div{padding:5px;}
.calendarWrapper .TwoCol,.calendarWrapper .TwoColLt {width:45%; float:left; padding:20px;}
.calendarWrapper .TwoColLt {border-right:1px solid #ccc;}
.date{width:40px; text-align:center; background:#261E64; color:#fff; font-size:80%; padding:2px;}

/*Employment*/
.noEmp{color:#333; padding:20px 0;}
.indent{ margin-left: 20px ;}
.indent a { padding: 0px ;}



/* schools*/
.sacCity{background:#ABA5BA;}
.sacCounty{background:#CEC7CE;}
.elemSchools td{padding:6px 12px;}
.slideshow{width:317px; height:257px; background:#ccc; color:#fff; padding:0px; margin-left:-15px; border:1px solid #ccc;}
.schoolType {vertical-align:middle;}

/*Curriculum Links*/
.pdfLinks{color:#888;}

/*Contact*/
#TwoColLtContact{float:left; width:420px; padding:0 20px 0 0; }
#TwoColRtContact{float:left; width:450px;  padding-left:28px;}