﻿/* SCCC Style Sheet */
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 margin: 0px;
 background-color:#FFFFFF;
 background-image: none;
 color: #000000;
 padding: 0;
}

/* Main navigation styles */
 #mainnav .navoff {
 color: #FFFFFF;
 font-weight:bold;
 background-color:#999;
 background-image: none;
 padding: 2px 2px 2px 2px;
 border: 1px solid;
 border-color: #ddd #333 #000 #ddd;
 }
 #mainnav  .navon {
 background-color: #ccc;
 background-image: none;
 padding: 2px 2px 2px 2px;
 border: 1px solid;
 border-color: #333 #ddd #ddd #333;
 }
 #mainnav a:link, #mainnav a:visited {
 background-color:#999;
 color: #fff;
 text-decoration: none;
 }
 #mainnav a:hover, #mainnav a:active {
 background-color: #ccc;
 color: #333;
 text-decoration: none;
 }
 /* Main Navigation ends */
 
/* Left Navigation Rules Begin */
#navlist {
 position: relative;
 float:left;
 left: 0px;
 top: 2px;
 width: 136px;
 min-height: 400px;
 background-color: #8888aa;
 min-height: inherit;
}
#navlist ul {
 margin: 0; /*removes indent IE and Opera*/
 padding: 0; /*removes indent Mozilla and NN7*/
 list-style-type: none; /*turns off display of bullet*/
 font-size: 12px;
 margin-bottom: 16px;
 margin-top: 8px;
}
#navlist li {
 margin: 0;
 font-weight: bold;
 margin-bottom: 2px;
 border-bottom: 1px solid #ccc;
}
#navlist a {
 display: block;
 padding: 2px 2px 2px 6px;
/* border: 1px solid;
 border-color: #ddd #000 #000 #ddd;
 background-color: #8888aa;
 background-image: none;
 background-repeat: no-repeat;
 background-position: 0% 50%; */
}
#navlist .on {
 background-color: #ccc;
}
#navlist .off {
 background-color: #88a;
}
#navlist a:link, #navlist a:visited {
 color: #fff;
 text-decoration: none;
}
#navlist a:hover, #navlist a:active {
 color: #333;
 background-color: #ccc;
}
#navlist img {
 background-color: #fff;
 margin-bottom: 0px;
 padding-bottom: 0px;
}
/*#navlist a:link, #navlist a:visited {
 background-color: #8888aa;
 color: #fff;
 text-decoration: none;
}
#navlist a:hover, #navlist a:active {
 background-color: #bbd;
 background-image: none;
 background-repeat: no-repeat;
 background-position: 0% 50%;
 color: #333;
}
#navlist a:hover, #navlist a:active {
 background-color: #bbd;
 background-image: none;
 background-repeat: no-repeat;
 background-position: 0% 50%;
 color: #333;
} */
/* Left Navigation Rules End */

/* Content Styles */
.content {
float: left;
width: 604px;
/*min-height: 400px;*/
padding: 6px 6px 8px 8px;
font: 12px/150% Arial, Geneva, Helvetica, sans-serif;
/* background-color:#f3f3f3; */
border-left: 1px solid #88a;
border-right: 1px solid #88a;
}
.content p {
margin: 0 0 1em 0;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content h7 {
margin: 0 0 8px 0;
color: #339;
}
.content h1 {
font: bold 23px Helvetica, Arial, sans-serif;
}
.content h2 {
font: bold 19px Helvetica, Arial, sans-serif;
}
.content h3 {
font: bold 17px Helvetica, Arial, sans-serif;
}
.content h4 {
font: bold 15px Helvetica, Arial, sans-serif;
}
.content h5, .content h6 {
font: bold 13px Helvetica, Arial, sans-serif;
}
.content a:link, .content a:visited {
color: #339;
text-decoration: underline;
}
.content a:hover, .content a:active {
color: #66c;
text-decoration: underline;
}
.content li {
list-style-image:url(/images/li-evenews.gif);
}
.content li li {
list-style-type: disc;
}
.content li li li {
list-style-type: circle;
}
.content hr {
border: 1px inset #339;
}
#evenews ul {
list-style-image: url(/images/li-evenews.gif);
margin: 4px 0 10px 10px; /*removes indent IE and Opera*/
padding: 4px 0 10px 10px; /*removes indent Mozilla and NN7*/
}
#evenews li {
margin: 0 0 3px 0;
padding: 0 0 3px 0;
/* border-bottom: 1px solid #ccc; */
}

/* Content Styles End */

/* Footer Styles */
div.clearAll {
clear: both;
width: 1px; /* necessary to prevent IE character echos when there are comments are between floats. See "IE6/Win: floats, comments and characters echo" at http://www.brunildo.org/test/IEecho.html */
background-color: transparent; /* for IE so as to render vertically small enough */
font-size: 1px; /* for IE so as to render vertically small enough */
}

.footer {
float: left;
width: 740px;
margin: 0 auto;
padding: 4px 1px 20px 12px;
border-top: 1px solid #339;
}
.footer p {
margin: 0;
margin-left: 135px;
font: 10px/150% Arial, Helvetica, sans-serif;
color:#668;
}

/* Specific styles */
#othrTable th, #othrTable td {
border-top: 1px solid #009;
}
.formattedTable {
border: 1px solid #ccc;
border-collapse: collapse;
/* padding: 2px 2px 2px 2px;
margin: trbl; */
}
.formattedTable th {
border: 1px solid #ccc; 
color: #fff;
font-weight: bold;
background-color: #696999;
padding: 2px 2px 2px 2px;
}
.formattedTable td { 
border: 1px solid #ccc;
empty-cells: show;
padding: 1px 4px 1px 4px;
}
.formattedTable #ctr {
text-align: center;
vertical-align: top;
}
.formattedTable .gray {
background-color: #dcdcdc;
}
.rhighlight {
padding: 4px 4px 4px 4px;
margin-left: 4px;
background-color: #eef;
float: right;
}
.rhighlight h5 {
margin-bottom: -14px;
}
.leftpict {
margin: 1px 6px 1px 0px;
}
.rightpict {
margin: 1px 0px 1px 6px;
}
.important {
color:#AA0000;
}
