* {
   padding:0;
   margin:0;
   }
h1, h2, h3, h4, h5, h6, p, pre, blockquote,label, ul, ol, dl, fieldset,address {
         margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
          

 body
 {
 font-size: 95%;
 font-family: "trebuchet ms", verdana, georgia, times, "times new roman", serif;
 color: #000;
 background: #fff;
 text-align: center;

 }
 
 a:link {
        color: #1010a8;
        background: transparent;
 }
 a:visited {
        color: #1010a8;
        background: transparent;
 }
 
 a:hover, a:active
 {
 color: #000;
 background: #bfbfea;
 }

 img    {
 border-style: none;
        }
 
 div#banner
 {
 height: auto;
 color: #000;
 background: transparent;
 }

div#banner img.cornerlogo {
  position:absolute;
  top: 20px;
  left: 20px;
}

 div#banner img.centerlogo
 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
 }


 div#banner h3
 {
 margin: 0;
 padding: 0 1em .3em 0;
 font-size: 1.3em;
 font-weight: normal;
 font-style: italic;
 text-align: right;
 }
 
 div#container
 {
  color: #000;
        background: white;
 }
 
 div#container2
 {
 color: #000;
 background: white;
 }

 div#navigation
 {
 color: #000;
 float: left;
 width: 185px;
 padding-left: 1em;
 padding-bottom: 1em;
 font-size: 95%;
 background: white;
 /*background: #9EBDD0;*/
 text-align: left;
}

div#navigation img a:hover   {
 border-style: none;
 background: #fff;

        }
 
div#navigation fieldset {
margin:0 auto;
padding: .25em;
padding-right: 0;
border: 1px solid #c02d1b;

}


div#navigation legend {
font-size: 125%;
}

 
 div#navigation ul
 {
 list-style-type: none;
 margin: 0;
 background: transparent;
 color: #000;
 }
 
 div#navigation ul li
 { 
        position: relative;
  margin: .35em 0 0 0;
}

div#navigation li ul {
        position: absolute;
        left: 177px;
        width: 250px;
        top: 0;
        display: none;
        padding: .25em 0;
        z-index: 100;
        }
 
div#navigation ul li a
 {
 display: block;
 width: auto;
 text-decoration: none;
 color: #000;
 background: white;
 }

div#navigation ul li a:hover
 {
 display: block;
 color: #000;
 background: url(/images/fade.gif);
 }
 
div#navigation ul li ul a {
 color:#000;
  background: #faf1f1;
}

ul#dmenu a {
  font-weight: bold;
}

ul#dmenu2 a {
  font-weight: bold;
}

ul#dmenu li:hover ul
{
        display: block;
        width: 250px;
  padding-left: 10px; 
  background: #faf1f1;
  border: 1px solid #c02d1b;
} 

 ul#dmenu li.over ul 
{
        display: block;
        width: 250px;
  padding-left: 10px; 
  background: #faf1f1;
  border: 1px solid #c02d1b;
} 
ul#dmenu2 li:hover ul
{
        display: block;
        width: 250px;
  padding-left: 10px; 
  background: #faf1f1;
  border: 1px solid #c02d1b;
} 

 ul#dmenu2 li.over ul 
{
        display: block;
        width: 250px;
  padding-left: 10px; 
  background: #faf1f1;
  border: 1px solid #c02d1b;
} 

div#search      {
        padding: 1em 0;
        text-align: right;
}

 div#news
 {
 float: right;
 width: 200px;
 margin-left: 1em;
 margin-bottom: 1em;
 color: black;
 border-left: 1px solid #c02d1b;
 border-right: 1px solid #c02d1b;
 border-bottom: 1px solid #c02d1b;
 background: #eee;
 line-height: 1em;
 text-align: left;

 }
 
 div#news h3 {
        padding: .25em;
        color: black;
        font-size: 175%;
        line-height: 1em;
        margin:0;
 }

 div#news h4 {
 color: #754200;
        font-size:1em;
        margin: .25em;
        margin:0;
}
 div#news h4.center {
 color: #754200;
        font-size:1em;
        margin: .25em;
        margin:0;
        text-align: center;
}

 div#news h5 {
        color: #754200;
        padding: .25em;
        margin: .25em;
}

 div#news h6
 {
 text-align:right;
 line-height: 0em;
 font-size: 75%;
 font-style: italic;
 }

div#news p.center   
{
  text-align: center;
}

div#upcoming  {
 float: right;
 width: 200px;
 margin-left: 1em;
 margin-bottom: 1em;
 margin-right: 1em;
 color: black;
 border: 1px solid #c02d1b;
 background: #eee;
 line-height: 1em;
 text-align: left;
 font-size:75%;

 }
 
 div#upcoming h3 {
        padding: .25em;
        color: black;
        font-size: 175%;
        line-height: 1em;
        margin:0;
 }

 div#upcoming h4 {
   color: #754200;
   font-size:85%;
   margin-left: .25em;
   margin:0;
}

 div#upcoming h4.center {
   color: #754200;
   font-size:1em;
   margin: .25em;
   margin:0;
   text-align: center;
}

 div#upcoming h5 {
   color: #754200;
   padding: .25em;
   margin: .25em;
}

 div#upcoming h6
 {
 text-align:right;
 line-height: 0em;
 font-size: 75%;
 font-style: italic;
 }

 div#id p {
  margin-left:10px;
 }

div#upcoming p.center   
{
  text-align: center;
}


 div#content
 {
 margin-left: 205px;
 background: #fff url(/images/SCCBWLogowmk.gif) no-repeat bottom left;
 }
 

 div#content h2
 {
 font-size: 2em;
 color: #1010a8;
 margin: 0 .5em 1em 1em;
 padding-top: 1em;
 font-weight: normal;
 line-height: 1em;
 text-align: left;
 }

 div#content h3
 {
 font-size: 1.5em;
 color: #1010a8;
 margin: 0 .5em 1em 1em;
 font-weight: normal;
 line-height: 1em;
 text-align: left;
 }

 div#content h4.center
 {
 font-size: 1.25em;
 margin: 0 .5em 1em 1em;
 font-weight: normal;
 line-height: 1em;
 text-align: center;
 }

 div#content h3.center
 {
 font-size: 1.5em;
 margin: 0 .5em 1em 1em;
 font-weight: normal;
 line-height: 1em;
 text-align: center;
 }

 div#content h2.center
 {
 font-size: 2em;
 margin: 0 .5em 1em 1em;
 font-weight: normal;
 line-height: 1.25em;
 text-align: center;
 }

 div#content ul li h3
 {
        margin: 0;
}

 div#content h4
 {
 font-size: 1.25em;
 color: #1010A8;
 margin-left: 1em;;
 font-weight: normal;
 line-height: 1em;
 text-align: left;
 }
 
 div#content
 {
 line-height: 125%;
 }

 div#content p
 {
 text-align: left;
 }
 
 div#content ul, ol {
 display: block;
 text-align: left;

 }

 div#content li {
        line-height: 1.25em;
}

 div#content li a 
 {
 text-decoration: underline;
 }
 
 div#content li a:hover, a:focus 
 {
  text-decoration: underline;
  background: #e4b7b7;
  color: black; 
 }

div#content img.center-bare
{
        margin: 1em;
        border: 0;
        padding: 5px;
}

 #cleardiv
 {
 clear: both;
 height: 1em;
 }
 
div#clearleft {
        clear:left;
}

div#clearright {
        clear:right;
}


 div#footer 
 {
 clear: both;
 text-align: right;
 margin-right: 1em;
 font-size: 85%;
 line-height: 125%;
 }


div#footer h4
 {
        font-weight: bold;
        font-size: 150%;
}

img.rightbare
{
float:right;
margin: 0 0 1em 1em;
padding: .5em 1.5em .5em .5em;
}

img.leftbare
{
float:left;
margin: 0 1em 0 1em;
padding: .5em .5em .5em 1.5em;
}


em.underline {
font-style: normal;
font-weight: bold;
font-size:115%;
text-decoration: underline;
}


.left
{
  float: left;
  text-align: left;
}
  
.right
{
  float: right;
  text-align: right;
}

.center   
{
  float: none;
  text-align: center;
}
  
.justify
{
  float: none;
  text-align: justify;
}

.imagecontainer {
  padding: 5px 5px;
  margin: 10px auto;
  text-align: left;
  width: 80%;
  font-size: 95%;
  font-weight: 500;
  height: 260px;

}

.number
{
        text-align: right;
}

div#footerleft {
        position: relative;
        top: -40px;
        float:left;
  margin-left: 10px;
  text-align: center;
}

div#footerright {
        position: relative;
        top: -40px;
        float:right;
  margin-right: 10px;
  text-align: center;
}


p.indent {
        margin-left: 5em;
        margin-right: 10em;
}
p.indentx2 {
        margin-left: 10em;
        margin-right: 15em;
}

.thumbnail
{
float: left;
width: 120px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}

.clearboth { clear: both; }

li.nobutton {
         list-style-type: none;
}

textarea {
        background-color: #ddd;
        color: black;
}

table.people {
  table-layout: fixed;
  border: none;
  width:70%;
  padding: .25em .25em;
  font-size: 100%;
  line-height: 125%;
  text-align:left;
}

table.people th {
 text-align: center;
 font-size: 150%;
 font-weight: bold;
 border: none;
}
table.people td {
  vertical-align: top; 
 border-bottom: 1px solid #CCC;
}
  
.clearboth { clear: both; }

#lib {
text-align: left;
}

table.layout,
table.layout th,
table.layout td
{
  border: none;
  padding: .25em .25em;
  font-size: 100%;
line-height: 125%;
}

table.layout input,
table.layout select
{
  padding: 0 .25em;
  font-family: "Andale Mono";
  font-size: 85%;
}
table.layout tr {
  border-bottom: 1px solid #ccc;
}

div#datatable table
{
  width: 98%;
  border: 0px solid #000;
  margin: 10px auto;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
  white-space: nowrap;
}

div#datatable tr
{
  padding: 0;
  margin: 0;
}

div#datatable tr.alternate {
  background-color: #EEE;
}

div#datatable th
{
  border: 0px;
  text-align: left;
  font-size: small;
  font-weight: bold;
  margin: 2px;
  padding: 2px;
  white-space: nowrap;
}


div#datatable td
{
  border: 0px;
  margin: 2px;
  padding: 2px;
  white-space: nowrap;
  text-align: left;
}

div#datatable td.align
{
  text-align:right
}

div#datatable th.ASC
{
  padding-left: 13px;
  background: url(/images/down.gif) 2px 50% no-repeat;
}

div#datatable th.DESC
{
  padding-left: 13px;
  background: url(/images/up.gif) 2px 50% no-repeat;
}

div#content div.rightfigure {
  float: right;
  width: auto;
  margin: 0.5em;
  padding: 0.5em;
}
div#content div.centerfigure {
  width: 25%;
  display:block;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5em;
}
div#content div.leftfigure {
  float: left;
  width: auto;
  margin: 0.5em;
  padding: 0.5em;
}
div#content div.rightfigure p {
  text-align: right;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div#content div.centerfigure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div#content div.leftfigure p {
  text-align: left;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div#content img.scaled {
  width: 100%;
}

div#content div.leftfigure br {
  clear: both;
}
div#content div.rightfigure br {
  clear: both;
}
div#content div.centerfigure br {
  clear: both;
}