body{
background-image: url(images/bg.jpg); 
background-repeat: repeat-x;
background-color: #165f44;
margin:0px;
padding:0px;
}

OL.withroman { list-style-type: upper-roman }

img{
border:0px;
}

/* Hmm, it errors... I don't know much about this.
img, div { behavior: url(iepngfix.htc) }  */

p{
font-family: helvetica, arial, sans-serif;
font-size: 85%;
line-height: 130%;
}

h1{
font-family: helvetica, arial, sans-serif;
font-size: 110%;
color:#0c4531;
padding:0px;
margin:25px 0px 15px 0px;
}

h2{
font-family: helvetica, arial, sans-serif;
font-size: 100%;
color:#0c4531;
padding:0px;
margin:5px 0px 10px 0px;
}

.page-container{
width:950px;
margin: 0 auto 0 auto;
padding:0px;
}

.masthead{
border:0px;
margin: 5px 0px 0px 8px;
padding:0px;
}

.pagebody{
background-image: url(images/bodybg.png); 
width:100%;
height:870px;
position:relative;
}

/* NEW */
.pagebody a{
color: #165f44;
text-decoration:none;
}

.pagebody a:hover{
color:#000000;
text-decoration:underline;
}

.pagebody-second{
background-image: url(images/bodybg.png); 
width:100%;
position:relative;
margin:0px;
padding:0px 0px 10px 0px;
}

.toprow{
margin:0px 0px 0px 9px;
padding:0px;
}

.buffer{
display:block;
height:10px;
padding:0px;
margin:0px;
}

.nav{
border:0px;
float:left;
padding:0px;
margin-top:20px;
}

.home-main{
background-image: url(images/brushedmetal.jpg);
background-repeat:no-repeat;
height:350px;
padding:0px;
margin:0px 0px 0px 9px;
clear:both;
}

.main-text{
width:500px;
margin:10px 0px 0px 47px;
float:left;
padding:0px 5px 0px 5px;
}

.left-column{
width:540px;
margin:0px 0px 0px 25px;
float:left;
padding:0px 5px 0px 5px;  /* top right bottom left */ 
}

.homelogo{
padding:0px;
margin:32px 0px 0px 60px;
}

#thumbnail{
float:left;
margin:0px 20px 0px 0px;
}

.right-column{
float:left;
width:355px;
padding:0px;
margin: 0px 0px 0px 0px;
}

.right-column img{
float:left;
margin:10px 10px 0px 0px;  /* top right bottom left */ 
}

.right-column p{
font-size:80%;
color:#666666;
}

.footer{
background-image: url(images/footerbg.png);
background-repeat:no-repeat;
margin: 0px 0px 0px 1px;
height:47px;
padding:12px 0px 0px 0px;
position:relative;

}

.footer a{
color: #000000;
text-decoration:underline;
}

.footer a:hover{
color: #5a5a5a;
}


.footer p{
text-align:center;
margin:0px;
padding:0px;
font-size: 75%;
color: #2e2e2e;
}

#secondlevel{

}

.topnav{
background-image: url(images/topper.jpg); 
background-repeat:no-repeat;
height:42px;
width:934px;
margin:0px 0px 0px 9px;
padding:6px 0px 0px 0px;  /* top right bottom left */ 
}

/*  I am pretty sure this is crap and can be deleted

.tab1{
position:absolute;
left:460px;
top:6px;
z-index:70;
}

.tab2{
position:absolute;
top:5px;
left:630px;
z-index: 80;
}

.tab3{
position:absolute;
top:6px;
left:335px;
z-index:40;
}

.tab4{
position:absolute;
top:6px;
left:210px;
z-index: 30;
}


.tab5{
position:absolute;
top:6px;
left:120px;
z-index: 20;
}

*/

/* SECOND LEVEL PAGES */

.metal-bar{
background-image: url(images/metalbar.png);
background-repeat:no-repeat;
height:73px;
padding:0px;
margin:0px 0px 0px 9px;
clear:both;
}

.bodycopy{
background-image: url(images/lines.png);
background-repeat: repeat-y;
width:900px;
padding:0px;
margin:10px 0px 10px 20px;
}

.wide-bodycopy{
width:900px;
padding:0px;
margin:10px 0px 10px 20px;
}

.second-wide{
width:860px;
font-family: helvetica, arial, sans-serif;
margin:0px;
padding:0px 0px 0px 30px;
}

.second-wide a{
color: #165f44;
text-decoration:none;
}

.second-wide a:hover{
color:#000000;
text-decoration:underline;
}

.second-left{
width:245px;
font-family: helvetica, arial, sans-serif;
font-size:80%;
color: #999999;
padding:0px 15px 0px 15px;
float:left;
margin:0px;
}

.second-left a{
color: #5a5a5a;
text-decoration:none;
}

.second-left a:hover{
color:#165f44;
text-decoration:underline;
}

.second-right{
margin:0px 0px 0px 290px;
font-family: helvetica, arial, sans-serif;
padding:0px;
width:570px;
}

.second-right a{
color: #165f44;
}

.second-right a:hover{
color:#000000;
}

.second-right ol{
font-size:80%;
line-height: 140%;
margin: 5px 20px 0px 20px;
padding:0px;
}

.secondright ul{
font-size:85%;
line-height: 130%;
}

.second-right li{
margin:0px 10px 10px 10px;
}

.list{
list-style-type:none;
margin:0px 0px 0px 10px;
padding:0px;
}

.list li{
margin:0px 0px 6px 0px;
padding:0px;
}

.doublespace{
list-style-type:none;
padding:0px;
margin:30px 0px 0px 0px;;
}


.doublespace li{
margin: 5px 0px 20px 0px;
}

.second-right ul{
font-size:85%;
}

.transparent{
position:absolute;
}