/* 
Stylesheet to generate specific website layout
Created by Internet Vision Technologies
*/

body {
margin: 0 0 0 50%;
background-position: center;
background-color: #FFF;
}

#container {
position: relative;
margin: 0 0 0 -375px;
width: 750px;
}

#header {
width: 750px;
height: 81px;
background: url('images/webimages/bg-header.jpg');
}

#logo {
width: 261px;
height: 81px;
}

#content {
width: 750px;
}

#subnav {
width: 155px;
padding-top: 35px;
background: url('images/webimages/bg-subnav.jpg') repeat;
}

#contentarea {
position: absolute;
top: 108px;
left: 155px;
width: 595px;
border: 1px solid #000;
}

#footer {
width: 750px;
height: 305px;
background: url('images/webimages/bg-footer.jpg');
}

#nav {
position: absolute;
left: 0px;
top: 81px;
width: 750px;
height: 27px;
background: url('images/webimages/bg-navigation.jpg');
}

#copyright {
width: 750px;
height: 28px;
background: url('images/webimages/bg-copy.jpg');
}

#nav b, #copyright b {
display: none;
}

#sthBG, #sthOn {
position: absolute;
left: 0px;
background: url('images/webimages/bg-nav.jpg') no-repeat 0px 0px;
}

#staBG, #staOn {
position: absolute;
left: 60px;
background: url('images/webimages/bg-nav.jpg') no-repeat -60px 0px;
}

#stoBG, #stoOn {
position: absolute;
left: 111px;
background: url('images/webimages/bg-nav.jpg') no-repeat -111px 0px;
}

#stpBG, #stpOn {
position: absolute;
left: 179px;
background: url('images/webimages/bg-nav.jpg') no-repeat -179px 0px;
}

#stmBG, #stmOn {
position: absolute;
left: 255px;
background: url('images/webimages/bg-nav.jpg') no-repeat -255px 0px;
}

#stcBG, #stcOn {
position: absolute;
left: 346px;
background: url('images/webimages/bg-nav.jpg') no-repeat -346px 0px;
}

a#sth {
display: block;
width: 60px;
height: 27px;
}

a#sta {
display: block;
width: 51px;
height: 27px;
}

a#sto {
display: block;
width: 68px;
height: 27px;
}

a#stp {
display: block;
width: 76px;
height: 27px;
}

a#stm {
display: block;
width: 91px;
height: 27px;
}

a#stc {
display: block;
width: 75px;
height: 27px;
}

a:hover#sth, #sthOn {
background: url('images/webimages/bg-nav.jpg') no-repeat 0px -27px;
}

a:hover#sta, #staOn {
background: url('images/webimages/bg-nav.jpg') no-repeat -60px -27px;
}

a:hover#sto, #stoOn {
background: url('images/webimages/bg-nav.jpg') no-repeat -111px -27px;
}

a:hover#stp, #stpOn {
background: url('images/webimages/bg-nav.jpg') no-repeat -179px -27px;
}

a:hover#stm, #stmOn {
background: url('images/webimages/bg-nav.jpg') no-repeat -255px -27px;
}

a:hover#stc, #stcOn {
background: url('images/webimages/bg-nav.jpg') no-repeat -346px -27px;
}

#copytBG, #copytOn {
position: absolute;
left: 160px;
background: url('images/webimages/bg-copyright.jpg') no-repeat -160px 0px;
}

#copypBG, #copypOn {
position: absolute;
left: 214px;
background: url('images/webimages/bg-copyright.jpg') no-repeat -214px 0px;
}

#copyc {
position: absolute;
left: 0px;
display: block;
width: 160px;
height: 28px;
background: url('images/webimages/bg-copyright.jpg') no-repeat;
}

#copyi {
position: absolute;
left: 643px;
background: url('images/webimages/bg-copyright.jpg') no-repeat -643px 0px;
}

#copyd {
position: absolute;
left: 203px;
display: block;
width: 11px;
height: 28px;
background: url('images/webimages/bg-copyright.jpg') no-repeat -203px 0px;
}

a#copyt {
display: block;
width: 43px;
height: 28px;
}

a#copyp {
display: block;
width: 72px;
height: 28px;
}

a#copyi {
display: block;
width: 106px;
height: 28px;
}

a:hover#copyt, #copytOn {
background: url('images/webimages/bg-copyright.jpg') no-repeat -160px -28px;
}

a:hover#copyp, #copypOn {
background: url('images/webimages/bg-copyright.jpg') no-repeat -214px -28px;
}

.title1 {
font: 14px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #3F6193;
}

.fieldset_title {
font: 12px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #3F6193;
background: #fff;
padding: 3px;
border: 1px solid #E5E5E5;
}

p, td {
font: 11px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #6C756C;
}

a.menu2, a.menu2:hover {
font: 11px Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #3F6193;
text-decoration: none;
}

a.menu2:hover {
color: #FFA200;
}

.menu_off {
padding-left: 32px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
background: url('images/webimages/menu_off.jpg') no-repeat;
}

.menu_on {
padding-left: 32px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
color: #FFA200;
background: url('images/webimages/menu_on.jpg') no-repeat;
}