body {
 background: white;
 color: #ccc;
 margin: 0;
 padding: 0;
 font-family: verdana, sans-serif;
}

a {
 text-decoration: none;
}

#wrapper {
 height: 550px;
 width: 975px;
 position: absolute;
 left: 50%;
 margin: 0 0 0 -487px;
}

#left {
 float: left;
 position: absolute;
 top: 0;
 width: 125px;
 height: 500px;
 background: white;
}

#menu {
 position: absolute;
 float: left;
 top: 50px;
 width: 125px;
 height: 400px;
 padding: 0;
}

#leadermenu {
 position: absolute;
 float: left;
 top: 0;
 left: 0;
 width: 200px;
 height: 400px;
 padding: 0;
}

#topbar {
 float: right;
 position: absolute;
 left: 125px;
 width: 850px;
 height: 50px;
 Background: url(images/topmenu.jpg);
}

#content {
 float: right;
 position: absolute;
 top: 50px;
 left: 125px;
 width: 850px;
 height: 400px;
 background-image: url(images/content.jpg);
}

#sector {
 float: right;
 position: absolute;
 top: 0;
 left: 0;
 width: 850px;
 height: 400px;
}

#footer {
 position: absolute;
 top: 450px;
 left: 125px; 
 height: 50px;
 width: 850px;
 overflow: hidden;
 margin: 0;
 Background: url(images/footer.jpg);
}


#bottom {
 position: absolute;
 top: 500px;
 width: 975px;
 height: 50px;
}

#logo {
 Background: url(images/wwcot_logo_75.png);
 background-repeat: no-repeat;
 position: absolute;
 top: 399px;
 left: 867px;
 width: 75px;
 height: 75px;
 z-index: 99;
}

#transbox {
 Float: right;
 height: 21px;
 width: 520px;
 margin: 85px 0 15px 330px;
 background: black;
 filter:alpha(opacity=60);
 opacity:0.6;
 -moz-opacity:0.6;
}

#transbox p{
 text-align: left;
 margin: 0 0 0 5px;
 Color: WHITE;
 font-size: 13pt;
 font-family: lucida sans unicode;
}

#transbox2 {
 Float: right;
 height: 45px;
 width: 390px;
 margin: 0 0 10px 260px;
 background: #5c7588;
 filter:alpha(opacity=80);
 opacity:0.8;
 -moz-opacity:0.8;
}

#transbox2 p{
 text-align: left;
 margin: 0 0 0 5px;
 Color: WHITE;
 font-size: 13pt;
 font-family: lucida sans unicode;
}

#transbox3 {
 float: left;
 position: absolute;
 height: 45px;
 padding: 0;
 width: 850px;
 margin-left: 125;
 margin-top: 204px;
 z-index: 98;
 text-align: right;
}

img.preload { 
 display: none; 
}

.mainmenu{
 text-align: right;
 font-size: 9pt;
 margin: 0 5px 5px 0;
 padding: 2px 5px 2px 0;
 display: block;
 font-family: lucida sans unicode;
 color: #c75e28;
 background: white;
 text-decoration: none;
 border-right-style: solid;
 border-right-width: 8px;
 border-color: #c75e28;
}

.mainmenu:link, .mainmenu:visited {
 color: #7b7b7b;
 background: white;
 text-decoration: none;
 border-right-style: solid;
 border-right-width: 8px;
 border-color: white;
}

.mainmenu:hover, .mainmenu:active, .mainmenu:focus {
 color: #c75e28;
 text-decoration: none;
 background:  white;
 border-right-style: solid;
 border-right-width: 8px;
 border-color: #c75e28;
}

.submenu {
 font-family: lucida sans unicode;
 text-align: right;
 font-size: 8pt;
 display: block;
 margin: 0 5px 1px 0;
 padding: 1px 5px 1px 0;
 color: #c75e28;
 background: white;
 text-decoration: none;
 border-right-style: solid;
 border-right-width: 8px;
 border-color: #c75e28;
}

.submenu:link, .submenu:visited {
 margin: 0 5px 1px 0;
 padding: 1px 5px 1px 0;
 color: #7b7b7b;
 text-decoration: none;
 border-right-style: solid;
 border-right-width: 8px;
 border-color: white;
}

.submenu:hover, .submenu:active, .submenu:focus {
 margin: 0 5px 1px 0;
 padding: 1px 5px 1px 0;
 color: #c75e28;
 text-decoration: none;
 border-right-style: solid;
 border-right-width: 8px;
 border-color: #c75e28;
}

.subsub {
 font-size: 7pt;
 font-family: lucida sans unicode;
 text-align: left;
 margin: 0 5px 5px 0;
 padding: 0;
 border-right-style: solid;
 border-right-width: 8px;
 border-color: #f4dece;
 list-style-type: none;
}

.subsub a{
 margin: 0 5px 2px 0;
 padding: 0 0 0 2px;
 display: block;
 Color: #c75e28;
 text-decoration: none;
 background: white;
}

.subsub a:link, .subsub a:visited {
 Color: #c75e28;
 background: white;
 text-decoration: none;
}

.subsub a:active, .subsub a:hover, .subsub a:focus {
 Color: white;
 text-decoration: none;
 background: #c75e28;
}


.greenmenu{
 text-align: right;
 font-size: 9pt;
 margin: 0 5px 5px 0;
 padding: 2px 5px 2px 0;
 display: block;
 font-family: lucida sans unicode;
 color: #8fb215;
 background: white;
 text-decoration: none;
 border-right-style: solid;
 border-right-width: 8px;
 border-color: #8fb215;
}

.greenmenu:link, .greenmenu:visited {
 color: #8fb215;
 background: white;
 text-decoration: none;
 border-right-style: solid;
 border-right-width: 8px;
 border-color: white;
}

.greenmenu:hover, .greenmenu:active, .greenmenu:focus {
 color: #8fb215;
 text-decoration: none;
 background:  white;
 border-right-style: solid;
 border-right-width: 8px;
 border-color: #8fb215;
}

.greensub {
 font-size: 7pt;
 font-family: lucida sans unicode;
 text-align: left;
 margin: 0 5px 5px 0;
 padding: 0;
 border-right-style: solid;
 border-right-width: 8px;
 border-color: #cfe388;
 list-style-type: none;
}

.greensub a{
 margin: 0 5px 2px 0;
 padding: 0 0 0 2px;
 display: block;
 Color: #8fb215;
 text-decoration: none;
 background: white;
}

.greensub a:link, .greensub a:visited {
 Color: #8fb215;
 background: white;
 text-decoration: none;
}

.greensub a:active, .greensub a:hover, .greensub a:focus {
 Color: white;
 text-decoration: none;
 background: #8fb215;
}


.hide{
display: none;
}

.show{
display: block;
}

#tagline {
 position: absolute;
 top: 249px;
 left: 250px;
 width: 700px;
 height: 50px;
 z-index: 99; 
}

.slogan {
 color: white;
 font-size: 14px;
 font-weight: bold;
 font-family: verdana;
}

.slogan span {
 color: #c75e28;
 font-weight: bold;
}

#tagline2 {
 position: absolute;
 top: 250px;
 left: 251px;
 width: 700px;
 height: 50px;
 z-index: 98; 
}

.slogan2 {
 color: black;
 font-size: 14px;
 font-weight: bold;
 font-family: verdana;
}

#tagline3 {
 position: absolute;
 top: 147px;
 left: 150px;
 width: 700px;
 height: 50px;
 z-index: 99; 
}

.slogan3 {
 color: black;
 font-size: 14px;
 font-weight: bold;
 font-family: verdana;
}

.slogan3 span {
 color: #c75e28;
 font-weight: bold;
}


.h1 {
 margin: 0 33px 0 0;
 padding: 0;
 Color: 7b7b7b;
 font-family: lucida sans unicode;
 font-size: 32px;
}

.b1 {
 text-align: left;
 margin: 0 0 0 200px;
 Color: #525252;
 font-size: 8pt;
 line-height: 150%;
 font-weight: bold;
}

.b1 a:link, .b1 a:visited {
 color: #525252;
 text-decoration: underline;
 font-weight: bold;
}

.b1 a:hover, .b1 a:active, .b1 a:focus {
 color: #c75e28;
 text-decoration: underline;
 font-weight: bold;
}

.h2 {
 text-align: right;
 margin: 77px 33px 0 0;
 padding: 0 0 85px 0;
 Color: #7b7b7b;
 font-family: lucida sans unicode;
 font-size: 36px;
}

.b2 {
 margin: 0 220px 10px 45px;
 Color: black;
 font-size: 8pt;
 line-height: 150%;
}

.b2 a:link, .b2 a:visited {
 color: #525252;
 text-decoration: none;
 font-weight: bold;
}

.b2 a:hover, .b2 a:active, .b2 a:focus {
 color: #c75e28;
 text-decoration: none;
 font-weight: bold;
} 

.h3 {
 margin: 0 0 0 680px;
 padding: 0 1px 0 5px;
 Color: white;
 background: #5c7588;
 font-weight: bold;
 font-size: 10pt;
}

.h4 {
 margin: 0 0 5px 680px;
 padding: 0 1px 0 5px;
 Color: #c75e28;
 background: #f4dece;
 font-size: 10pt;
}

.b3 {
 text-align: left;
 margin: 0 0 8px 680px;
 padding: 0;
 Color: #525252;
 font-size: 8pt;
}


.b3a {
 text-align: left;
 margin: 2px 0 8px 680px;
 padding: 0;
 Color: #525252;
 font-size: 6.5pt;
}


ul.pl1 {
 display: block;
 margin: 10px 10px 0 700px;
 padding-left: 0;
 list-style-type: square;
 text-align: left;
 Color: #525252;
 font-size: 8pt;
}


.b4 {
 margin: 0 220px 10px 45px;
 height: 175px;
 Color: #525252;
 font-size: 8pt;
 overflow-x: hidden;
 overflow-y: scroll;
}

.b4 img {
 border: 0;
}

.b4 a:link, .b4 a:visited {
 color: #525252;
 text-decoration: underline;
}

.b4 a:hover, .b4 a:active, .b4 a:focus {
 color: #c75e28;
 text-decoration: underline;
} 

.b5 {
 margin: 0 0 0 5px;
 padding: 0;
 Color: #7b7b7b;
 text-decoration: none; 
 font-size: 7.5pt;
 text-align: left;
 font-weight: bold;
 list-style-type: none;
 line-height: 16px;
 font-family: arial;
}

.b5 a:link, .b5 a:visited {
 color: #7b7b7b;
 text-decoration: none;
 font-weight: bold;
}

.b5 a:hover, .b5 a:active, .b5 a:focus {
 color: #c75e28;
 text-decoration: none;
 font-weight: bold;
} 

.b6 {
 text-align: left;
 margin: 10px 10px 60px 275px;
 Color: black;
 font-size: 8pt;
 line-height: 150%;
}

.b7 {
 text-align: left;
 margin: 0 110px 10px 205px;
 Color: black;
 font-size: 8pt;
 line-height: 150%;
}


.thumbnail img{
 Position: relative;
 left: 680px;
 z-index: 50;
 border: 0;
}

.thumbnail:active, .thumbnail:focus {
 background-color: transparent;
}

.thumbnail:active img, .thumbnail:focus img {
 border: 0;
}

.thumbnail span{
 background-color: transparent; 
 Position: absolute;
 top: 0; 
 left: -1000px;
 Visibility: hidden;
}

.thumbnail span img{
 border: 0;
}
 
.thumbnail:active span, .thumbnail:focus span {
 Visibility: visible;
 Position: absolute;
 z-index: 50;
 top: 0;
 left: -680px;
} 

.default img{
 Position: absolute;
 left: 0;
 top: 0;
 z-index: 0;
 border: 0;
}

.default {
 text-align: left;
 margin: 0;
 padding: 0;
 Color: #525252;
 font-size: 8pt;
}


.company {
 color: #9b8650;
 font-size: 54pt;
 font-weight: bold;
 float: right;
 line-height: 50px;
 margin: 0 -5px 0 0;
 padding: 0;
}

.topmenu {
}

.location {
}

.copyright {
 font-size: 8pt;
 float: right;
 margin: 1px 33px 0 0;
}

.fname {
 text-align: right;
 margin: 12px 33px 0 0;
 padding: 0;
 Color: #7b7b7b;
 font-family: lucida sans unicode;
 font-size: 20px;
}

.ftitle {
 text-align: right;
 margin: 0 33px 0 0;
 padding: 0;
 Color: #7b7b7b;
 font-family: lucida sans unicode;
 font-size: 12px;
}

#fphoto {
 position: absolute;
 top: 20px;
 left: 667px;
 width: 150px;
 height: 300px;
 z-index: 99;
}

#ftext {
 margin: 20px 200px 0 20px;
 height: 380px;
 Color: #525252;
 font-size: 8pt;
 overflow-x: hidden;
 overflow-y: scroll;
}

#ftext a:link, #ftext a:visited {
 color: #525252;
 font-weight: bold;
}

#ftext a:hover, #ftext a:active, #ftext a:focus {
 color: #c75e28;
 font-weight: bold;
}