body{
background:url(../images/layout/bodyBG.gif);
}

/* index page */

#mainContainer{
line-height:0px;
width:772px;
text-align:left;
}

#mainTop{
width:772px;
height:241px;
}

#mainMid{
width:771px;
height:98px;
padding-left:1px;
}

#mainBottom{
width:772px;
height:106px;
}

#newsContainer{
float:right;
}

#leftNews{
padding:5px;
height:37px;
width:225px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:White;
}
#newsPic{
height:47px;
width:47px;
background-color:White;
}
#rightNews{
padding:5px;
height:37px;
width:225px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:White;
}

#rightNews a{
text-decoration:none;
color:White;
}
#rightNews a:hover{
text-decoration:underline;
color:White;
}
#leftNews a{
text-decoration:none;
color:White;
}
#leftNews a:hover{
text-decoration:underline;
color:White;
}
/* inside */

#container{
line-height:0px;
width:780px;
text-align:left;
background-color:#ffffff;
background-image:url(../images/layout/leftBG.gif);
background-repeat:repeat-y;
}

#contentContainer{
background:url(../images/layout/contentBG.gif);
background-repeat:no-repeat;
padding:0px;
width:780px;
min-height:530px;
}

#nav{
padding:0px;
line-height:0px;
font-size:0px;
font-size:inherit !important;
}

#nav td{
line-height:0px;
}


/* Left hand content */
#leftContainer{
padding-top:1px;
width:205px;
float:left;
}

* html #leftContainer{
height:200px;
}

#leftHandImage{
background-repeat:no-repeat;
height:71px;
width:205px;
padding-bottom:10px;
}

#leftContainer td{
padding-bottom:2px;
}


/* right hand content */
#copyContainer{
float:none !important;
float:right;
margin-left:205px !important;
margin-left:0px;
padding-top:1px;
line-height:0px;
}

#mainImages{
height:165px;
width:575px;
left:0px !important;
left:-3px;
}

#copy{
	padding:22px 15px 20px 26px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
}
#copyImage{
	background-image: url(/vpera/images/background.jpg);
	background-repeat: no-repeat;
}

#copyFoot{
height:10px;
clear:both;
}

#copyRight{
float:right;
width:170px;
text-align:left;
}

#copyImage{
padding-bottom:10px;
}

#thirdNav{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:11px;
}

a{
color:#377797;
text-decoration:none;
}

a:hover{
color:#377797;
text-decoration:underline;
}

#thirdNav a{
color:#377797;
text-decoration:none;
}

#thirdNav a:hover{
color:#12681B;
text-decoration:underline;
}

#copyText{
width:525px;
}

img{
border:none;
}

h2{
color:#5F89AA;
padding:0px 0px 10px 0px;
margin:0px;
font-weight:bold;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:20px;
}

strong{
color:#1A5F3E;
}
.green{
color:#004524;
}

#copy ul{
padding-left:14px;
}

.nopad{
padding:0px;
line-height:0px;
margin:0px;
}

.img{
padding:0px;
margin:0px;
}
.imgon{
padding:0px;
margin:0px;
}

#secondaryNav td{
padding-bottom:2px;
}

.nospace{
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
}

.black{
color:#000000;
}

.newsCopyPic{
float:right;
padding:0px 0px 10px 10px;
}


/* css buttons 

<div class="button<? print ($page == "overview" ? "On" : ""); ?>">
<a href="overview.php"><span class="alt">Overview</span></a>
</div>

*/
.button, .buttonOn{
width:205px;
height: 16px;
padding-bottom:2px;
}

.button a{
display: block;
width: 205px;
height: 16px;
background-image: url(../images/button_off.gif);
text-decoration:none;
}

.buttonOn a{
display: block;
width: 205px;
height: 16px;
background-image: url(../images/button_on.gif);
text-decoration:none;
}

.buttonOn a:hover {
background-image: url(../images/button_on.gif);
text-decoration:none;
}

.button a:hover {
background-image: url(../images/button_on.gif);
text-decoration:none;
}

a .alt { 
padding:1px 0px 0px 48px !important;
padding:2px 0px 0px 48px;
display:block;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height:11px;
color: #435f48;
}
/* css buttons with 2 lines

<div class="button<? print ($page == "overview" ? "On" : ""); ?>">
<a href="overview.php"><span class="alt">Overview</span></a>
</div>

*/
.buttonTwo, .buttonOn2{
width:205px;
height: 28px;
padding-bottom:2px;
}

.buttonTwo a{
display: block;
width: 205px;
height: 28px;
background-image: url(../images/button2_off.gif);
text-decoration:none;
}

.buttonTwoOn a{
display: block;
width: 205px;
height: 28px;
background-image: url(../images/button2_on.gif);
text-decoration:none;
}

.buttonTwoOn a:hover {
background-image: url(../images/button2_on.gif);
text-decoration:none;
}

.buttonTwo a:hover {
background-image: url(../images/button2_on.gif);
text-decoration:none;
}

a .alt { 
padding:1px 0px 0px 48px !important;
padding:2px 0px 0px 48px;
display:block;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height:11px;
color: #435f48;
}
/* css buttons indented

<div class="buttonIndent<? print ($page == "overview" ? "On" : ""); ?>">
<a href="overview.php"><span class="alt">Overview</span></a>
</div>

*/
.buttonIndent, .buttonIndentOn{
width:205px;
height: 16px;
padding-bottom:2px;
}

.buttonIndent a{
display: block;
width: 205px;
height: 16px;
background-image: url(../images/buttonIndent_off.gif);
text-decoration:none;
}

.buttonIndentOn a{
display: block;
width: 205px;
height: 16px;
background-image: url(../images/buttonIndent_on.gif);
text-decoration:none;
}

.buttonIndentOn a:hover {
background-image: url(../images/buttonIndent_on.gif);
text-decoration:none;
}

.buttonIndent a:hover {
background-image: url(../images/buttonIndent_on.gif);
text-decoration:none;
}

a .alt { 
padding:1px 0px 0px 48px !important;
padding:2px 0px 0px 48px;
display:block;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height:11px;
color: #435f48;
}
/* css buttons indented two lines

<div class="buttonIndent<? print ($page == "overview" ? "On" : ""); ?>">
<a href="overview.php"><span class="alt">Overview</span></a>
</div>

*/
.buttonTwoIndent, .buttonTwoIndentOn{
width:205px;
height: 28px;
padding-bottom:2px;
}

.buttonTwoIndent a{
display: block;
width: 205px;
height: 28px;
background-image: url(../images/buttonTwoIndent_off.gif);
text-decoration:none;
}

.buttonTwoIndentOn a{
display: block;
width: 205px;
height: 28px;
background-image: url(../images/buttonTwoIndent_on.gif);
text-decoration:none;
}

.buttonTwoIndentOn a:hover {
background-image: url(../images/buttonTwoIndent_on.gif);
text-decoration:none;
}

.buttonTwoIndent a:hover {
background-image: url(../images/buttonTwoIndent_on.gif);
text-decoration:none;
}

a .alt { 
padding:1px 0px 0px 48px !important;
padding:2px 0px 0px 48px;
display:block;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
line-height:11px;
color: #435f48;
}