/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.link2 a:link {color: #000;}
.link2 a:visited {color: #000;}
.link2 a:active {color: #000;}
.link2 a:hover {color:#000;}
.link2 a {text-decoration: underline;}
.link2 img {border: none;}

.link3 a:link {color: #fff;}
.link3 a:visited {color: #fff;}
.link3 a:active {color: #fff;}
.link3 a:hover {color:#fff;}
.link3 a {text-decoration: underline;}
.link3 img {border: none;}

.navigation a:link {color: #000;font-weight:bold;}
.navigation a:visited {color:#000;font-weight:bold;}
.navigation a:active {color:#000;font-weight:bold;}
.navigation a:hover {color:#000;font-weight:100;text-decoration:underline;}
.navigation a {text-decoration:none;}
.navigation img {border: none;}

.jobslist a:link {color: #333;text-decoration:underline;}
.jobslist a:visited {color:#333;text-decoration:underline;}
.jobslist a:active {color:#aaa;text-decoration:underline;}
.jobslist a:hover {color:#aaa;text-decoration:underline;}
.jobslist a {text-decoration:none;}
img.jobsheader {margin-bottom:5px;}

.gallery a:link {color: #333;text-decoration:none;}
.gallery a:visited {color:#333;text-decoration:none;}
.gallery a:active {color:#333;text-decoration:none;}
.gallery a:hover {color:#888;background:#efefe9;}
.gallery a {text-decoration:none;}

a:hover img.thumbnails {border:2px solid #888;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HTML / BODY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {font-family:Arial, Helvetica, sans-serif;font-size: 12px;margin: 0;padding: 0;background-color: #036564; color:#333333;}
#main {position: relative;width:796px;margin: 0 auto; background-color:#fff;}
#header {height: 370px;text-align:center;background-color: #036564;margin-left:-2px;}
#headertext {font-size:20px; font-weight:bold;}
#navigation {font-size:15px;text-align:center;margin-bottom:10px;}
#contentleft {text-align:justify;height:auto;width:460px;background-color:#fff;padding:0 0 0 20px;float:left;}
#contentright {text-align:justify;height:auto;width:276px;background-color:#fff;padding:10px 0 10px 40px;float:right;}
#words {padding:10px 0 20px 0;width:100%;}
#wordsapp {padding:10px 0 20px 0;width:100%; text-align:left;}
#rightheader {padding:5px 10px 5px 15px;margin-top:-245px;}
#rightheader2 {padding:5px 10px 5px 15px;margin-top:-745px;}
#rightheader3 {padding:5px 10px 5px 15px;margin-top:-345px;}
#righttext{text-align:justify;width:220px;height:200px;padding:0 10px 10px 15px;font-size:12px;}
#righttext2{text-align:justify;width:220px;height:200px;padding:0 10px 10px 15px;font-size:10px;}
#righttext3{text-align:justify;width:220px;height:800px;padding:0 0 0 10px;font-size:12px;}
#righttexthome{text-align:left;width:245px;height:200px;padding:0 10px 10px 15px;font-size:12px;}
#staffspotlightpic {text-align:center;padding: 0 0 10px 0;}
#blockquote {padding-left:15px; width:200px;}
#test_green {background-color:#efefe9; padding:10px; border-top:1px solid #ccc;}
#test_grey {background-color:#e6e6e6; padding:10px; border-top:1px solid #ccc;}
#test_green_bottom {background-color:#efefe9; padding:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
div.hr {height: 2px;background: #2c5b7d no-repeat; margin-top:3px; margin-bottom:3px;}
div.hr hr {display: none;}
#then {float:left;padding-bottom:20px;}
#now {float:right;padding-bottom:20px;}
img.left {padding-right: 8px; float: left;clear: left;}
#caption {margin-top:-70px;padding-left: 10px;float: left;clear: left; font-size:11px; width:175px; text-align:left;}
.jobs { width: 100%; margin: 0; font-size: 12px; line-height: 18px; vertical-align: text-top; /* border-top: 1px #bbb solid; */ border-right: 1px #bbb solid; border-bottom: 1px #bbb solid; color: #000; }
.jobs td {margin: 0; padding: 3px; font-size: 12px; }
.jobs tr {border-bottom: 1px #bbb solid; }
.jobs tbody tr td {background-color: #e0e0d4; border-top: 1px #bbb solid; border-left: 1px #bbb solid; }
.jobs tbody tr.odd  td {background-color: #fff; }
#rightheadergallery {padding:5px 10px 5px 15px;margin-top:-50px;}
#navgallery {background:#e0e0d4;border-top: 1px solid #ccc;width:240px;margin-left:4px;}
#navgallerybottom {background:#e0e0d4;border-bottom: 1px solid #ccc;width:240px;margin-left:4px;}
#navgallery a {background:#e0e0d4;display: block;float: left;font-size: 11px;padding: 0 0 0 10px;text-decoration: none;color:#333;line-height:30px;}
#navgallery a:hover {background:#efefe9;color:#888;width:230px;height:30px;}
#navgalleryactive {border-top: 1px solid #ccc;width:240px;margin-left:4px;}
#navgalleryactive a {background:#efefe9;display: block;float: left;font-size: 11px;padding: 0 0 0 10px;text-decoration: none;color:#888;line-height:30px;width:230px;}
img.thumbnails {margin:0 9px 10px 0; padding:3px; border:2px solid #e0e0d4;}
#galleryheader {background:#efefe9; width:440px; padding:5px 10px 5px 10px; border-bottom:1px solid #e0e0d4; border-top:1px solid #e0e0d4; margin:10px 0 10px 0; font-size:14px; font-weight:bold;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {background:url(footerstripes.jpg) no-repeat;height:50px;text-align:justify;clear:both;}
#footerwords {width:796px;height:30px;padding-top:13px;position:relative;text-align:center;font-size:10px;color:white;}
#copyright {width:796px;height:30px;margin-top:-14px;font-size:10px;text-align:center;color:white;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
DROP DOWN MENU - PROGRAM
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu ul#program{position:relative;top:-13px;left:-40px; list-style-type:none;}
#menu ul li.top{background:url(images/invisible.jpg);width:143px;height:73px;}
#menu ul li.top:hover{background:url(images/invisible.jpg);}
#menu{position:absolute;}

#menu ul li.item2{display:none;}
#menu ul li.item2 a{display:block;width:150px;height:18px;background:#265c7b;color:#dee0d3;border:1px solid #000;}
#menu ul li.item2 a:hover{background:#666629;color:#fff;}

#menu ul li.item3{display:none;}
#menu ul li.item3 a{display:block;width:150px;height:18px;background:#265c7b;color:#dee0d3;border:1px solid #000;}
#menu ul li.item3 a:hover{background:#ab2c31;color:#fff;}

#menu ul li.item4{display:none;}
#menu ul li.item4 a{display:block;width:150px;height:18px;background:#265c7b;color:#dee0d3;border:1px solid #000;}
#menu ul li.item4 a:hover{background:#af6930;color:#fff;}

#menu ul:hover .item2{display:block;}
#menu ul:hover .item3{display:block;}
#menu ul:hover .item4{display:block;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
DROP DOWN MENU - LEADERSHIP
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu2 ul#leadership{position:relative;top:-13px;left:-40px;list-style-type:none;}
#menu2 ul li.top2{background:url(images/invisible.jpg);width:154px;height:73px;}
#menu2 ul li.top2:hover{background:url(images/invisible.jpg);}
#menu2{position:absolute;}

#menu2 ul li.item22{display:none;}
#menu2 ul li.item22 a{display:block;width:150px;height:18px;background:#ab2c31;color:#dee0d3;border:1px solid #000;}
#menu2 ul li.item22 a:hover{background:#666629;color:#fff;}

#menu2 ul li.item32{display:none;}
#menu2 ul li.item32 a{display:block;width:150px;height:18px;background:#ab2c31;color:#dee0d3;border:1px solid #000;}
#menu2 ul li.item32 a:hover{background:#265c7b;color:#fff;}

#menu2 ul li.item42{display:none;}
#menu2 ul li.item42 a{display:block;width:150px;height:18px;background:#ab2c31;color:#dee0d3;border:1px solid #000;}
#menu2 ul li.item42 a:hover{background:#af6930;color:#fff;}

#menu2 ul:hover .item22{display:block;}
#menu2 ul:hover .item32{display:block;}
#menu2 ul:hover .item42{display:block;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
DROP DOWN MENU - JOBS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#menu3 ul#jobs{position:relative;top:-13px;left:-40px;list-style-type:none;}
#menu3 ul li.top3{background:url(images/invisible.jpg) no-repeat;width:127px;height:73px;}
#menu3 ul li.top3:hover{background:url(images/invisible.jpg) no-repeat;}
#menu3{position:absolute;}

#menu3 ul li.item23{display:none;}
#menu3 ul li.item23 a{display:block;width:130px;height:18px;background:#af6930;color:#dee0d3;border:1px solid #000;}
#menu3 ul li.item23 a:hover{background:#666629;color:#fff;}

#menu3 ul li.item33{display:none;}
#menu3 ul li.item33 a{display:block;width:130px;height:18px;background:#af6930;color:#dee0d3;border:1px solid #000;}
#menu3 ul li.item33 a:hover{background:#265c7b;color:#fff;}

#menu3 ul:hover .item23{display:block;}
#menu3 ul:hover .item33{display:block;}
#menu3 ul:hover .item43{display:block;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
EXPANDABLE BOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#green{ margin:0px;
padding:0px;
border:0px; } 

#green{ color:#FFFFFF;
font-size:13px;
display:block;
background:url(h2_bg2.gif) top left no-repeat #5e6426; } 

#green span{
padding:5px 10px;
background:url(h2_span_bg1.gif) top right no-repeat;
display:block;
} 

#green a:link, #green a:visited{
color:#FFFFFF;
text-decoration:none;
display:block; }

#greenbottom{ margin:0px;
padding:0px;
border:0px; } 

#greenbottom { color:#FFFFFF;
font-size:13px;
display:block;
background:url(h2_bg_green5.gif) bottom left no-repeat #5e6426; } 

#greenbottom span{
padding:5px 10px;
background:url(h2_bg_green4.gif) bottom right no-repeat;
display:block;
} 

#greenbottom a:link, #greenbottom a:visited{
color:#FFFFFF;
text-decoration:none;
display:block; }

#blue{ margin:0px;
padding:0px;
border:0px; } 

#blue{ color:#FFFFFF;
font-size:13px;
display:block;
background:url(h2_bg_blue.gif) top left no-repeat #2c5b7d; } 

#blue span{
padding:5px 10px;
background:url(h2_bg_blue1.gif) top right no-repeat;
display:block;
} 

#blue a:link, #blue a:visited{
color:#FFFFFF;
text-decoration:none;
display:block; }

#bluebottom{ margin:0px;
padding:0px;
border:0px; } 

#bluebottom { color:#FFFFFF;
font-size:13px;
display:block;
background:url(h2_bg_blue3.gif) bottom left no-repeat #2c5b7d; } 

#bluebottom span{
padding:5px 10px;
background:url(h2_bg_blue2.gif) bottom right no-repeat;
display:block;
} 

#bluebottom a:link, #bluebottom a:visited{
color:#FFFFFF;
text-decoration:none;
display:block; }

div.section {
background:#dfe1d4;
height:120px;
font-size:12x;
display:none; }

div.section span{
background:;
padding:10px;
display:block; }

#expandablecontainer {width:310px; padding-bottom:20px; text-align:left; font-weight:bold;}
#expandableleft {float:left;font-weight:200;}
#expandableright {float:right;font-weight:200;}
#iusd {background:url(iusd.jpg) no-repeat; width:210px; height:30px; text-align:center; float:right;}
#lausd {background:url(lausd.jpg) no-repeat; width:210px; height:30px; text-align:center; float:left;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
APPLICATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#name {background-color:#CCC; border-bottom:1px solid; border-top:1px solid;}