#sidebarbkg {
background-image: url(/coswcms/groups/public/@wcm/@pub/@cos/documents/webimage/sac_sc_maincontent_bkg_sm.gif);
background-repeat: repeat-y;
margin: 0px auto;
}
#container {
background-color: transparent;
background-image: url(/coswcms/groups/public/@wcm/@pub/@cos/documents/webimage/sac_sc_leftrightnavbottom_bkg.gif);
background-repeat: no-repeat;
}
#header {
background-image: url(/coswcms/groups/public/@wcm/@pub/@cos/documents/webimage/sac_sc_header_bkg.jpg);
background-repeat: no-repeat;
}
#maincontent {
padding: .5em .5em .5em 1.25em;
}
#maincontent a:active, #maincontent a:hover {
text-decoration: underline;
}
#rightnav {
float: right;
width: 188px;
}
#rightnav p {
padding-left: .5em;
font-size: .7em;
}
#rightnav a {
font-weight: bold;
color: #000;
line-height: 1.75em;
text-decoration: none;
}
#rightnav a:active, #rightnav a:hover {
text-decoration: underline;
margin: 0;
height: 1.75em;
font-weight: bold;
}
#rightnav h3 {
width: 188px;
height: 32px;
background-image: url(/coswcms/groups/public/@wcm/@pub/@cos/documents/webimage/sac_sc_rightnav_header_bkg.gif);
background-repeat: no-repeat;
line-height: 1.5em;
font-size: .8em;
margin-top: 0px;
margin-bottom: 0px;
color: #fff;
padding-left: 1em;
}
#tabscontainer {
width: 400px;
margin: 0;
padding: 0;
text-align: center;
}
#servicetabs {
text-align: left;
margin: 0;
}
#servicetabs > ul li a span {
padding: 0;
margin: 0 -.25em;
border-color: #e0e0e0;
}
.ui-tabs {
width: 568px;
min-height: 370px;
}
.ui-tabs .ui-tabs-nav {
border-color: #e0e0e0;
background-color: #fff;
}
.ui-tabs .ui-tabs-nav li {
width: 125px;
height: 25px;
margin-right: 2px;
padding: 0;
font-size: .7em;
line-height: 1.2em;
text-align: center;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
background-color: #5f83a2;
border-color: #5f83a2;
color: #fff;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
color: #fff;
}
.ui-state-default, .ui-widget-content .ui-state-default {
background-color: #dbe5f1;
border: 1px solid #cdc3b7;
color:#000000;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
background-color: #dbe5f1;
}
.ui-tabs .ui-tabs-nav li a { 
float: none; 
padding: 0; 
margin: 0;
font-weight: bold;
}
.ui-tabs .ui-tabs-panel { 
margin: 0 0 1em 1em;
padding: 0;
}
.ui-tabs-panel div {
padding-right: 1em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-content {
border-color: #e0e0e0;
}
.ui-state-active, .ui-widget-content .ui-state-active {
border-color: #e0e0e0;
}
.ui-widget-header {
border-color: #e0e0e0;
}
.ui-widget-content {
background-color: #fff;
background-position: 50% 36%;
background-repeat: no-repeat;
color:#000000;
}
.ui-tabs .ui-tabs-panel {margin-top: 1em;}
/* Corner radius 
.ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; }
.ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; }
.ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
.ui-corner-top { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
.ui-corner-right {  -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; }
.ui-corner-left { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; }
.ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; }*/

#fragment-2 ul, #fragment-2 ol, #fragment-2 li {
background-color: #fff;
}
.ui-tabs .ui-tabs-panel ul, .ui-tabs .ui-tabs-panel li, .ui-tabs .ui-tabs-panel {
background-color: #fff;
}
*.ui-tabs-panel {
background-color: #fff;
}
.ui-tabs .ui-tabs-panel a { color:#1f70c0; }
*.ui-tabs-panel hr {
width: 70%;
height: 4px;
color: #5f83a2;
background-color: #5f83a2;
text-align: center;
}
*.ui-tabs-panel hr > br {height: 1px;}
*.ui-tabs-panel hr > br br {height: 1px;}
#countynewsrssemail {
width: 500px;
height: 24px;
white-space: nowrap;
margin-left: 0;
font-size: 0.8em;
padding-bottom: 1.25em;
display: block;
}
#countynewsrssemail .icon {
width: 24px;
height: 24px;
float: left;
display: inline;
margin: 0;
padding: 0 .25em 0 0;
}
#countynewsrssemail img {
border: 0px;
}
#countynewsrssemail .rssemail {
height: 24px;
width: 175px;
float: left; 
display: inline; 
margin: 0; 
padding: 0 1em 0 0;
}
#countynews li {
padding-bottom: 1em;
}
#leftpane {
padding: 0;
background-image: none;
}
#rightpane {
padding: 0;
}
#rightpane .category {
/*margin: 0 0 0 19px;*/
}
.category {
position: relative;
}
.categorycontentarea {
background-image: url(/coswcms/groups/public/@wcm/@pub/@cos/documents/webimage/sac_sc_category_bkg.gif);
background-repeat: no-repeat;
min-height: 120px;
vertical-align: middle;
}
.categorycontentarea h4 {
font-size: .75em;
color: #000;
float: left;
width: 82px;
padding: 17px 0 0 .25em;
vertical-align: middle;
text-align: center;
overflow: hidden;
}
.categorycontentarea p {
padding: 2em 0 0 .25em;
vertical-align: middle;
overflow: hidden;
}
#officialcontainer {
text-align: center;
margin:0;
}
.content {
clear: both;
margin: 0;
padding: 0;
}
.content p{
margin: 0;
padding: 0;
}
.supervisor {
width: 90px;
float: left;
font-size: .8em;
}
#officialarea {
width: 100%;
clear:both;
font-size: .8em;
vertical-align: top;
}
#officialarea + div {
margin-left: 108px;
}
.official {
width: 90px;
float: left;
font-size: .8em;
vertical-align: top;
}
/*INNER FADE*/
ul#portfolio {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
}
ul#portfolio li img {
border: 0px;
padding: 0;
margin-left: 4px;
margin-right: 4px;
}
.fade span {
text-align: center;
margin-right: 2px;
width: 100%;
}
#fadecontainer {
height: 132px;
max-height: 132px;
width: 180px;
overflow: hidden;
}
.slideshow {
margin-right: 4px;
height: 132px;
}
.slideshow span {
text-align: right;
}
