body {background:url(../i/bg.gif) repeat-x #f8f8f8;margin:0;padding:0; font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#373435;}
.right{float:right;}
.left{float:left;}
.center{text-align:center;}
.tright{text-align:right;}
.tleft{text-align:left;}
.red{color:#a4214d;}
.green{color:#43775b;}
.orange{color:#f0962a;}
.blue{color:#337fc1;}
.purple{color:#9f55a2;}
.pink{color:#db30dd;}
h1, h2, h3{margin:0;padding:0;}
a{outline:none;}
.bold{font-weight:bold;}
abbr {border-bottom: 1px dotted black;cursor:help;}

.wrapper{width:1000px;height:223px;margin:0 auto;padding:0;}
.header, .nav, .content, .home, .meetings, .bond{width:1000px;margin:0 auto;padding:0;position:relative;}
.header{height:177px;}
.nav{height:46px;}
.smlogos .sje{display:inline-block;width:351px;height:104px;background:url(../i/sje.gif) center no-repeat;text-indent:-9999px;}
.logo{display:inline-block;width:351px;height:104px;background:url(../i/logo.png) 50% 35px no-repeat;text-indent:-9999px;}

.header h1 a.logo{width:321px;height:80px;background:url(../i/logo.png) no-repeat;text-indent:-9999px;position:absolute;top:75px;left:0px;z-index:99;}
.header h2 a.fhda{width:199px;height:114px;background:url(../i/fhda.png) no-repeat;text-indent:-9999px;position:absolute;top:65px;right:0px;z-index:99;}

.nav ul{list-style-type: none;margin:0;padding:0;}
.nav ul li{float:left;margin:0;padding:0;}
.nav ul li a{display:inline-block;width:95px;height:33px;font-size:12px;color:#777;padding:12px 14px 0 14px;border-left:1px solid #e1e1e1;text-decoration:none;line-height:1.0em;}
.nav ul li a:hover, .nav ul li a.active{color:#fff;background:#847878;}

.home{margin-top:10px;}
.content{background:#fff;border:1px #e1e1e1 solid;margin-top:10px;}
.content .psec{width:657px;height:180px;background:url(../i/letter1.jpg) no-repeat;text-indent:-9999px;position:relative;top:0px;left:0px;}
.content .solars{width:657px;height:292px;background:url(../i/deanza1.jpg) no-repeat;text-indent:-9999px;position:absolute;top:0px;right:0px;}
.content .foothill{width:657px;height:292px;background:url(../i/foothill2.jpg) no-repeat;text-indent:-9999px;position:relative;top:0px;left:0px;}
.content h1{margin:16px 0 0 14px;font-size:18px;}
.content p{display:block;margin:16px;text-align:justify;}
.content a{color:#a4214d;}
.content a:hover{color:#999;}
.box{width:248px;height:404px;background:#f2f0f0;margin-right:1px;margin-bottom:1px;}
.box h2{margin:20px 0 20px 10px;padding:0;font-weight:normal;text-align:center;}
.box ul{margin:0 10px 0px 0;}
.box li{margin:0 0 10px 0;}
.meetings{height:530px;margin:10px auto 0 auto;}
.bond{background:#f8f8f8;}
.bar{width:976px;color:#fff;background:#847878;padding:5px 0 5px 18px;}
.bar h1{color:#fff;font-weight:normal;font-size:18px;}
.data{position:absolute;top:150px;right:120px;}
.audits{width:1000px;height:120px;color:#393939;background:#eae0e0;position:absolute;bottom:0;left:0;border-top:1px #fff solid;}
.audits h1{font-size:16px;margin:9px 9px 0 9px;padding:0;}
.audits p{margin:0 9px;padding:0;font-size:12px;}
.audits a{color:#a4214d;}
.audits a:hover{color:#999;}
.databutton{display:block;background:#f4f4f4;border:1px #d1d1d1 solid;color:#848484;font-size:17px;text-decoration:none;padding:5px;}
.active{background:#a4214d;color:#fff;}
.databutton:hover{background:#848484;color:#fff;}
.btn1{position:absolute;top:75px;left:490px;}
.btn2{position:absolute;top:75px;left:660px;}
.btn3{position:absolute;top:75px;left:782px;}
.datatable{width:490px;font-size:16px;}
.datatable .stripe{background:#efefef;}
.lblred{width:15px;height:15px;background:#a4214d;margin:5px;}
.lblgreen{width:15px;height:15px;background:#43775b;margin:5px;}
.lblorange{width:15px;height:15px;background:#f7961f;margin:5px;}
.lblblue{width:15px;height:15px;background:#436e77;margin:5px;}
.projbox{width:497px;height:544px;background:#e5e5e5;}
.projbox h2{color:#fff;text-align:center;}
.projbox h2.fh{margin:0;padding:10px;font-weight:normal;background:#43775b;}
.projbox h2.da{margin:0;padding:10px;font-weight:normal;background:#a4214d;}
.projbox h2.ds{margin:0;padding:10px;font-weight:normal;background:#f7961f;}
.projbox ul{margin:10px 0 0 20px;padding:0;}
.projbox ul li {
background: url(../i/check2.png) no-repeat 0px 15px;
display: block;
float: left;
padding: 15px 0 0 25px;
width: 400px;
}

.featured{height:550px;}
.featured .feat01{position:absolute;top:0px;left:0px;}
.featured .featmlc{position:absolute;top:0px;left:554px;}
.featured .featpsec{position:absolute;top:189px;left:554px;}
.featured .featcboc{position:absolute;top:379px;left:0px;}
.featured .featpool{position:absolute;top:379px;left:242px;}
.featured .featclass{position:absolute;top:379px;left:484px;}
.featured .featfh{position:absolute;top:379px;left:752px;}

.sidebar{width:318px;background:#847878;color:#fff;padding:12px;margin-left:12px;}
.sidebar h2{color:#d69d85;font-weight:bold;font-size:21px;}
.sidebar p{margin:12px 0;}

.sidebar2{width:324px;height:275px;overflow:hidden;background:#847878;color:#e6edf5;padding:9px;}
.sidebar2 h2{color:#fff;font-weight:normal;}
.sidebar2 p{margin:12px 0;}
.sidebar2 ul, .sidebar2 li{margin:0;text-indent:0;padding:0 0 0 11px;}

.sidebar3{width:324px;height:274px;background:#847878;color:#e6edf5;padding:9px;margin-left:12px;}
.sidebar3 h2{color:#fff;font-weight:normal;}
.sidebar3 p{margin:7px 0;}

.footer{width:100%;height:100px;background:url(../i/ftr.gif) repeat-x;margin:20px 0 0 0;}
.footer .content{padding:65px 0 0 0;font-size:12px;background:none;border:none;color:#777;}


.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #d1d1d1;
width: 992px; /*width of featured content slider*/
height: 568px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0;
background: white;
width: 1000px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 974px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
background-color: #d1d1d1;
padding: 10px 10px;
}

.pagination a{
padding:5px 15px;
text-decoration: none; 
color: #373435;
background-color: #fff;font-weight:bold;
margin:0 9px;
}

.pagination a:hover, .pagination a.selected{
color:#fff;background-color: #373435;
}

.bigbox {position:absolute;bottom:0;left:0;width:100%;padding:12px;
background:rgb(240,240,240); /* IE6/7/8 */
filter:alpha(opacity=100); /* IE6/7/8 */
background:rgba(240,240,240,1.0); /* Modern Browsers */
}
.bigbox p, .bigbox h1 {margin:0;padding:0 22px 0 0;
position:relative; /* IE6/7/8 */
}
.bigbox h1{font-size:18px;}