body {
 background:#FEFDF0 url("./bg.gif") repeat 0 0;
 margin:20px;
 padding:0;
 font:x-small arial, helvetica, sans-serif;
} body>html {font-size:small;}

.hidden {
 display:none;
}

#everythingWrapper {
 margin:0;
 padding:0;
 border:1px solid #2E2D29;
 background-color:#DDD4B9;  /* if not set, sees body bg color on top and bottom of div... */
}

#headerWrapper {
 margin:0;
 padding:0;
}

#header {
 margin:0;
 padding:0;
 width:100%;
}

#header div {
 background: #2E2D29 url("./SCC-logo-1-3-webtile.jpg") repeat-x 0 0;
 text-align:left;
 width:100%;
 overflow:hidden;
}

#header img {
 display:block;
 padding:0;
}

#header #headerLinks {
 background-image:none;
 background-color:#2E2D29;
 text-align:right;
}

#header div a {
 padding-right:12px;
 font-size:1.1em;
 color:#FEFDF0;
 text-decoration:none;
}

#header div a:hover {
 text-decoration:underline;
}

#tabContent {
 margin:0;
 padding:0;
 font-size:1.4em;
 font-weight:bold;
 width:100%;
}

#tabs {
 padding: 3px 0 3px 179px;
 margin:6px 0 0;
 border-bottom: 1px solid #003471;
}

#tabs li {
 list-style: none;
 margin: 0;
 display: inline;
}

#tabs li a {
 padding: 3px 0.5em;
 margin-right: 3px;
 border: 1px solid #003471;
 border-bottom: none;
 background-color:#EDE6CE;
 text-decoration: none;
}

#tabs li a:link {
 color: #003471;
}
#tabs li a:visited {
 color: #003471;
}

#tabs li a:hover {
 color: #000;
 background: #FEFDF0;
 border-color: #000;
}

#tabs li a#current {
 background: #FEFDF0;
 border-bottom: 1px solid #FEFDF0;
}

/* search */
#tabContent div {
 float:right;
 position:relative;
 right:0;
 top:6px;
 padding:0;
 margin: 0 3px 0 0;
 width:75px;
 border: 1px solid #003471;
 background-color:#FEFDF0;
} html>body #tabContent div { top: 0; }

#tabContent div form fieldset, #tabContent div form {
 padding:0;
 margin: 0 1px;
 border:0;
 background-color:#FEFDF0;
}

#tabContent div form fieldset input {
 padding:0;
 margin:0;
 border:0;
 width:100%;
 text-decoration:none;
 background-color:#FEFDF0;
 color:#003471;
}

#body {
 background:#FEFDF0 url("lc-bg.gif") repeat-y 0 0;
}

/* this hack is used to "drag down" the body div so as to see the background */
.clearFloats {
 clear:both;
 height:0;
 line-height:0;
}

#leftContent {
 float:left;
 width:180px;
 background-color:#C4B48B;
 color:#2E2D29;

}

#leftContent ul {
 margin:2px 10px 20px 10px;
 padding:0;
 width:172px;
 overflow:hidden;
} * html #leftContent ul { width:152px; } /* must account for IE's broken box model, 172 - 10 - 10 = 152 */

#leftContent ul li {
 list-style-type:none;
 margin:0;
 padding: 4px 0;
}

#leftContent ul li a {
 padding:0;
 margin:0;
 color:#2E2D29;
 text-decoration:none;
 font-size:1.25em;
 font-weight:bold;
}

#leftContent ul li a:hover {
 text-decoration:underline;
}

#leftContent h3 {
 margin:20px 4px 0px 4px;
 padding-left: 12px;
 background: url("./arrow.gif") no-repeat 0 3px;
 font-size:1.35em;
 font-weight:bold;
 border:solid #003471;
 border-width: 0 0 1px 0;
}

#rightWrapper {
 margin-left:180px;
}

.centerContent {
 margin-right:175px;
 font-size:1.2em;;
 padding:1px;
}

.centerContent div, .centerContentFull div {
 margin:14px;
 padding:0 4px 4px;
 border:1px solid #2E2D29;
 background-color:#EDF3FD;
 color:#000;
}

.centerContent div h3, .centerContentFull div h3{
 margin:4px auto 6px;
}

.centerContentFull {
 clear:right;
 font-size:1.2em;
 padding:1px;
}

.centerContent div table tr td, .centerContentFull div table tr td {
 padding:4px;
}

#rightContent {
 float:right;
 width:175px;
 font-size:1.1em;
}

#rightContent div {
 padding:4px;
 border:1px solid #2E2D29;
 background-color:#EDE6CE;
 margin:15px 15px 15px 0;
}

#rightContent img {
 display:block;
 border:0;
 margin:0;
}


#footerWrapper {
 clear:both;
 display:block;
 background:#DDD4B9;
 padding:0;
 margin:0;
 width:100%;
 border: solid #003471;
 border-width: 1px 0 0;
}

#footer {
 margin:1px;
 padding:0;
 text-align:center;
 background-color:#DDD4B9;
 color:#003471;
}

#footer p {
 margin:3px;
}

#footer a {
 color:#003471;
}

/* IE sometimes has problems with backgrounds not showing, this is fixed with a simple "position:relative" */
#rightWrapper, #rightWrapper div {
 position:relative;
}