body {  
margin: 0px;  
background-color: #DAEFDE;  
background-image: url(images/bg.jpg);  
background-repeat: repeat-x;  
}  

td {  
font-family: Arial;  
font-size: 11px;  
color: #000000;  
line-height: 16px;  
}  

#container {  
width: 966px;  
border-left: 1px #085E21 solid;  
border-right: 1px #085E21 solid;  
border-bottom: 1px #085E21 solid;  
background-color: #FFFFFF;  
}  

/* header area start */  

#header {  
width: 966px;  
height: 109px;  
background-color: #39B34A;  
text-align: left;  
border-bottom: 4px #E6EA90 solid;  
background-image: url(images/bg_header.jpg);  
background-repeat: repeat-x;  
}  

#banner {  
width: 966px;  
background-color: #CCCCCC;  
border-top: 1px #000000 solid;  
border-bottom: 1px #000000 solid;  
}  

#utility_nav {  
width: 966px;  
font-weight: bold;  
text-align: right;  
padding-top: 6px;  
padding-bottom: 6px;  
background-color: #085E21;  
background-image: url(images/bg_utility.gif);  
background-repeat: repeat-x;  
}  

/* topnav area start */  

#topnav {  
width: 966px;  
text-align: center;  
padding-top: 24px;  
padding-bottom: 25px;  
background-color: #FFFFFF;  
white-space: nowrap;  
border-bottom: 1px #000000 solid;  
background-image: url(images/bg_topnav.gif);  
background-repeat: repeat-x;  
}  

/* main area start */  

#main {  
width: 966px;  
background-color: #F5FBF6;  
background-image: url(images/bg_main.jpg);  
background-repeat: repeat-x;  
}  

#leftnav {  
width: 240px;  
padding-top: 20px;  
padding-bottom: 260px;  
background-color: #F5FBF6;  
border-right: 1px #FFFFFF solid;  
background-image: url(images/bg_leftnav.jpg);  
background-repeat: repeat-x;  
}  

#content_area {  
width: 726px;  
padding-left: 15px;  
padding-right: 15px;  
padding-top: 20px;  
padding-bottom: 30px;  
}  

/* footer area start */  

#footer {  
width: 966px;  
height: 98px;
text-align: left;  
line-height: 18px;  
padding-top: 8px;  
padding-bottom: 0px;  
background-color: #005E20;  
background-image: url(images/bg_footer.jpg);  
background-repeat: repeat-x;  
}  

#thomas_info {  
width: 966px;  
font-family: Arial;  
font-size: 10px;  
color: #000000;  
text-align: right;  
padding-top: 2px;  
padding-bottom: 2px;  
}  

/* heading styles */  

h1 {  
font-size: 18px;  
font-weight: bold;  
color: #252525;  
}  

h2 {  
font-size: 12px;  
font-weight: bold;  
color: #FFFFFF;  
display: block;  
padding: 12px 10px 22px 38px;  
background-image: url(images/bg_h1.gif);  
background-repeat: no-repeat;  
}  

h3 {  
color: #252525;  
font-size: 16px;  
font-weight: bold;  
}  

h4 {  
color: #252525;  
font-size: 15px;  
font-weight: bold;  
text-align: center;  
}  

/* image styles */  

.img01 {  
border: 1px #007236 solid;  
}  

.img02 {  
border: 0px #007236 solid;  
float: left;  
margin-right: 10px;  
margin-bottom: 10px;  
}  

.img03 {  
border: 1px #007236 solid;  
float: right;  
margin-left: 10px;  
margin-bottom: 10px;  
}  

/* text & link syles */  

a {  
font-size: 11px;  
color: #0000FF;  
text-decoration: underline;  
}  
a:hover {  
color: #0000FF;  
text-decoration: none;  
}  
a:visited {  
color: #0000FF;  
text-decoration: underline;  
}  
a:visited:hover {  
color: #0000FF;  
text-decoration: none;  
}  

/* utility navigation */  

.utility_nav  
{  
font-family: Arial;  
font-size: 11px;  
font-weight: bold;  
color: #FFFFFF;  
}  
.utility_nav a:link, .utility_nav a:visited, .utility_nav a:active  
{  
font-family: Arial;  
font-size: 11px;  
font-weight: bold;  
color: #FFFFFF;  
text-decoration: underline;  
}  
.utility_nav a:hover, .utility_nav a:visited:hover  
{  
font-family: Arial;  
font-size: 11px;  
font-weight: bold;  
color: #FFFFFF;  
text-decoration: none;  
}  

/* top navigation */  

.topnav  
{  
font-family: Arial;  
font-size: 11px;  
font-weight: bold;  
color: #004A80;  
}  
.topnav a:link, .topnav a:visited, .topnav a:active  
{  
font-family: Arial;  
font-size: 11px;  
font-weight: bold;  
color: #004A80;  
text-decoration: none;  
padding: 24px 14px 25px 15px;  
background-image: url(images/div_topnav.gif);  
background-position: center left;  
background-repeat: no-repeat;  
}  
.topnav a:hover, .topnav a:visited:hover  
{  
font-family: Arial;  
font-size: 11px;  
font-weight: bold;  
color: #FFFFFF;  
text-decoration: none;  
padding: 24px 14px 25px 15px;  
background-image: url(images/bg_hover_topnav.gif);  
background-position: center left;  
background-repeat: repeat-x;  
}  

/* visit text & link */  

a.visit {  
font-family: Arial;  
font-weight: bold;  
font-size: 12px;  
color: #E6EA90;  
text-decoration: none;  
padding-right: 9px;  
}  
a.visit:hover {  
font-family: Arial;  
font-weight: bold;  
font-size: 12px;  
color: #FFFFFF;  
text-decoration: underline;  
padding-right: 9px;  
}  
a.visit:visited {  
font-family: Arial;  
font-weight: bold;  
font-size: 12px;  
color: #E6EA90;  
text-decoration: none;  
padding-right: 9px;  
}  
a.visit:visited:hover {  
font-family: Arial;  
font-weight: bold;  
font-size: 12px;  
color: #FFFFFF;  
text-decoration: underline;  
padding-right: 9px;  
}  

/* left navigation */  

.leftnav a:link, .leftnav a:visited, .leftnav a:active  
{  
font-family: Arial;  
font-size: 11px;  
font-weight: bold;  
color: #FFFFFF;  
text-decoration: none;  
display: block;  
padding: 8px 5px 8px 50px;  
background-image: url(images/arrow.gif);  
background-repeat: no-repeat;  
background-position: top left;  
}  
.leftnav a:hover, .leftnav a:visited:hover  
{  
font-family: Arial;  
font-size: 11px;  
font-weight: bold;  
color: #FFFFFF;  
text-decoration: none;  
display: block;  
padding: 8px 5px 8px 50px;  
background-image: url(images/bg_hover.gif);  
background-repeat: no-repeat;  
background-position: center left;  
}  

.lefthead  
{  
font-family: Arial;  
font-size: 12px;  
font-weight: bold;  
color: #FFFFFF;  
display: block;  
padding: 12px 10px 22px 50px;  
background-image: url(images/bg_lefthead.gif);  
background-repeat: no-repeat;  
}  

/* footer text & link */  

.footer  
{  
font-family: Arial;  
font-size: 11px;  
color: #FFFFFF;  
padding-left: 10px;  
}  
.footer a:link, .footer a:visited, .footer a:active  
{  
font-family: Arial;  
font-size: 11px;  
color: #FFFFFF;  
text-decoration: underline;  
}  
.footer a:hover, .footer a:visited:hover  
{  
font-family: Arial;  
font-size: 11px;  
color: #FFFFFF;  
text-decoration: none;  
}  

/* content bucket link */  

a.bucket {  
font-size: 12px;  
font-weight: bold;  
color: #FFFFFF;  
text-decoration: none;  
display: block;  
padding: 15px 10px 15px 10px;  
background-image: url(images/bg_bucket_button.gif);  
background-repeat: no-repeat;  
background-position: center;  
}  
a.bucket:hover {  
color: #FFFFFF;  
text-decoration: underline;  
}  
a.bucket:visited {  
color: #FFFFFF;  
text-decoration: none;  
}  
a.bucket:visited:hover {  
color: #FFFFFF;  
text-decoration: underline;  
}  

.bucket_bg {  
background-image: url(images/bg_bucket.gif);  
background-repeat: no-repeat;  
}  

/* text good for content bucket */  

.small  
{  
font-family: Arial;  
font-size: 10px;  
color: #000000;  
}  
.small a:link, .small a:visited, .small a:active  
{  
font-family: Arial;  
font-size: 10px;  
color: #0000FF;  
text-decoration: underline;  
}  
.small a:hover, .small a:visited:hover  
{  
font-family: Arial;  
font-size: 10px;  
color: #0000FF;  
text-decoration: none;  
}  

a.bg {  
font-size: 12px;  
font-weight: bold;  
color: #000000;  
text-decoration: none;  
}  
a.bg:hover {  
color: #000000;  
text-decoration: underline;  
}  
a.bg:visited {  
color: #000000;  
text-decoration: none;  
}  
a.bg:visited:hover {  
color: #000000;  
text-decoration: underline;  
}  

/* miscellaneous */  

hr {  
height: 1px;  
color: #007236;  
}  

li {  
list-style image: url(images/bullet.gif)  
}  