html{color:#000;background:#FFF;}
a, a code {color:#0000de;} 
a:visited, a:visited code {color:#639;}
a:active, a:active code {color: #f00;}

BODY {
  font: 13px Arial, Lucida Grande, Arial;
  margin: 0px 20px 0px 20px;
}
H1 {
  font: 24px Arial, Lucida Grande, Arial;
  padding-top:25px;
}
H2 {
  font: 20px Arial, Lucida Grande, Arial;
  padding-top:15px;
}
H3 {
  font: 18px Arial, Lucida Grande, Arial;
  padding-top:5px;
}
#LHDlist Div
{float: left; width: 100px; padding: 10px;}
Div.Content{
  padding-left:35px;
  width="75%";
  align="left";
  valign="top";
}
Div.Footer{
  font: 13px Arial, Lucida Grande, Arial;
  width: 600px;
  height: 40px;
  margin: 0px auto -1px auto;
}


/* ******************************** */
/* General CSS - For Every Page */

A:link {color: #990000;}
A:visited {color: #660000}
A:active {color: #993333}
A:hover {text-decoration: underline; color: #CC3333;}

html, body {
font-family: Verdana, Arial, Tahoma, Trebuchet MS, Sans-serif;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #EEEEEE;
background-position: center;
}

.background_container {
background-image: url('css/background_wide2.jpg');
background-repeat: repeat-y;
background-height: 100%;
min-height:100%
height:100%;
width: 1027px;
margin-right: auto;
margin-left: auto
}

.header {
background-image: url('css/header_wide2.jpg');
width: 1000px;
height: 121px;
margin-left: auto;
margin-right: auto;
text-align: left;
clear: all
}

.footer {
font-size: 12px;
}

.logos_container {
}

.logo {
position: absolute;
padding-left: 45px;
top: 5px;
height: 73px;
width: 291px;
z-index: 1;
}

.stvp_logo {
position: absolute;
top: 20px;
padding-left: 707px;
}

.top_buttons {
color: #FFFFFF;
position: absolute;
top: 60px;
width: 951px;
text-align: right;
font-size: 13px;
}

#top_buttons a {
text-decoration: none; 
color: #FFFFFF;
}

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

#top_buttons a:link{
color: #FFFFFF;}

.nav_bar {
position: absolute;
width: 895px;
top: 92px;
padding-left: 53px;
z-index: 2;
}


ul#navlist
{
text-align: center;
list-style: none;
margin: 0 auto;
float: left;
}

ul#navlist li
{
width: 300px;
float: left;

}

ul#navlist li a
{
display: block;
border-width: 0px 0px 0px 0px;
border-style: solid;
color: #333333;
text-decoration: none;
padding: .1em 0em .1em 0em;
border-top : 4px solid white;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
display: block;
border-width: 0px 0px 0px 0px;
border-style: solid;
color: #800000;
text-decoration: none;
background: #dadada;
height: 20px;
border-top : 4px solid #dadada;
}

.outercontainer{ 
width: 894px;
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
text-align:left;
min-height:450px;
}
/* mac hide \*/
* html .outercontainer{height:450px}
/* end hide */

.small_outercontainer{ 
width: 894px;
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
text-align:left;
min-height:362px;
}
/* mac hide \*/
* html .small_outercontainer{height:362px}
/* end hide */

.outercontainer_title { 
width: 894px;
margin-left: auto;
margin-right: auto;
display: block;
clear: both;
text-align:left;
font-size: 14px;
font-weight: bold;
padding-top: 16px;
}

.final_footer {
width: 750px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
font-size: 12px;
height:75px;
clear: both;
}
.final_footer_background {
background-image:url('css/footer_bg.jpg'); 
width: 1000px; 
height: 28px; 
margin:auto; 
clear: both
}
/* Any page with grey, curved container, will need these styles*/
.final_footer_fade {
width: 884px;
height: 3px;
margin-left:auto;
margin-right: auto;
clear: both;
background-color: #EEEEEE;
background-image: url('css/footer_fade.jpg');
}
.box {
clear: both;
width: 896px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-bottom: 10px;
}

.box_collections {
clear:both; 
padding-left: -2px;
padding-top: 10px;
}

.box_small {
width: 300px;
float: left;
margin-left: 30px;
font-size: 13px;
}

.box_left {
width: 425px;
float: left;
font-size: 13px;
padding-bottom: 10px;
}

.box_right {
width: 425px;
float: right;
margin-left: 10px;
font-size: 13px;
}

.clear_small {
width: 744px;
clear: both;
height:5px;
}

.top-left {
width: 7px;
background: #EEEEEE;
height: 10px;
float:left;
}

.top {
background: #EEEEEE;
width: 882px;
height: 8px;
border-top: solid 2px #B7B7B7;
float:left;
}

.top_small {
background: #EEEEEE;
width: 410px;
height: 8px;
border-top: solid 2px #B7B7B7;
float:left;
}

.top-right {
width: 7px;
height: 9px;
background: #EEEEEE;
float: left;
}

.material {
width: 862px;
background: #EEEEEE;
clear:both;
border-left: solid 2px #B7B7B7;
border-right: solid 2px #B7B7B7;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
text-align: left;
}

.material_small {
width: 390px;
background: #EEEEEE;
clear:both;
border-left: solid 2px #B7B7B7;
border-right: solid 2px #B7B7B7;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
text-align: left;
}

.bottom-left {
width: 7px;
background: #EEEEEE;
height: 10px;
float:left;
}

.bottom {
background: #EEEEEE;
width: 882px;
height: 8px;
border-bottom: solid 2px #B7B7B7;
float: left;
}

.bottom_small {
background: #EEEEEE;
width: 410px;
height: 8px;
border-bottom: solid 2px #B7B7B7;
float: left;
}

.bottom-right {
width: 7px;
height: 10px;
background: #EEEEEE; 
float: left;
}