html, body {height:100%; margin:0; padding:0}
img {margin:0; padding:0; border:0 none}
body { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height:1.3em}
body {background-image: url(../imageswoce/bgblackfade.jpg); background-repeat: repeat-x; background-color: white} /*  #eee8aa  bf1e2d */
/* body {background-image: url(../images/bg.jpg); background-repeat: repeat} */
p, ol { color:#000000; margin: 0em 0 .5em 0} /*  1d2877  */
h1 {font-size:1.4em; margin:0 0 0 0; line-height:1.5em; padding:0}
h2 {font-size: 1.2em; } /*  color: #1d2877 */
h3 {font-size: 1.1em; font-weight: bold}
td { }
label {color:#000000}
.bold {font-weight: bold}

.spacer {clear:both}



a:link { color:#903; text-decoration: underline} /*  859575  669999  */
a:visited {color:#c00a47; text-decoration: underline }
a:hover { color:#c00a47; text-decoration: none }
a:active { color:#c00a47; text-decoration: underline}

.wocelogo {margin: 150px auto 50px auto; width: 500px; text-align: center; border: 1px solid black; padding: 20px; background-color: white}
.wocelogo img {margin-bottom: 50px}
.wocelogo a, .wocelogo a:visited, .wocelogo a:active {color: #ffcc00; font-weight: bold; margin:0; text-decoration: none}
.wocelogo a:hover {color:#859575; font-weight: bold; text-decoration: none}



.container {width: 760px; margin: 20px auto 20px auto; padding: 0; background-color: transparent; border: 1px solid #bf1e2d}
.top {background-color: gray}
.navmain {border-top: 1px solid #bf1e2d; border-bottom: 1px solid #bf1e2d; background-color: black; color:white; padding-left: 0}
.navmain ul {margin:5px 0 5px 0; padding-left: 10px}
.navmain li {display:inline; padding-right:30px; margin:0; padding-left: 0;}
.navmain a, .navmain a:visited, .navmain a:active {text-transform: uppercase; color: #ffcc00; font-weight: bold; margin:0; text-decoration: none}
.navmain a:hover {color:#859575; font-weight: bold; text-decoration: none}

.sidelinks {float:left; width: 205px; background-color: transparent; padding: 10px}
.sidelinks li {list-style-type: none; margin-left: 0px; padding-left: 0px; margin-bottom: .5em}
.sidelinks ul {margin-left: 0px; padding-left: 0px}
.sidelinks a, .sidelinks a:visited, .sidelinks a:active {color: #ffcc00; font-weight: bold;  margin:0; text-decoration: none}
.sidelinks img {padding-left: 10px}

.content {padding: 10px; background-color: white; width: 510px; margin-left: 225px}
.content img {padding: 10px 0 10px 0}


/* "* html" is the Holly Hack for IE/Win which makes these rules only be seen by IE6 */
/*  use for float and regular div to make up for 3px jog bug */
* html .content {height: 1%; margin-left: 0}
* html .sidelinks {margin-right:-3px} /* reduce the right margin to account for 3pixels*/
.contentcontainer {background-image: url(../imageswoce/black225.gif); background-repeat: repeat-y; background-color: white; width: 760px}
.subtitle {font-weight: bold; margin-bottom: 0px; text-transform: uppercase}
img.logo {padding:0; margin: 0}

/* eompensate for 3px jog in IE Windows */
* html .content {height: 1%;}
* html .sidelinks {margin-right:-3px}

.rule {border-top: 1px solid black; margin: 1em 0 1em 0}
.footer {border-top: 1px solid black; background-color: white; padding: 10px; vertical-align:bottom; }
.footer img {float: left; margin: 0 20px 0px 0px; padding: 0}
.footer p {margin-left: 235px; margin-top: 0; padding: 0; background-color: transparent; margin-bottom:0}
.footerbanner {margin: 0 0 0 0px;  background-color: black;  width: 740px; text-align: left; padding:0}
.footerbanner img {float: none; margin:0; padding:0 ; display:block}
.footertext {margin: .5em 0 1em 0; text-align: center}
.footerlogos {text-align: center}
.footerlogos img {float:none; margin:0; padding:0}
.logos {text-align: center; margin-top: 20px }
.logos img {margin: 0 10px 0 10px}
.footerbusiness {padding-top: 10px; border-top: 1px solid black ; margin-top: 1em}