/* BODY */

body, html{
padding: 0;
margin: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: #333;
background: #EDEDED url(../images/site/background.jpg) repeat-x top;}


/*CONTENT*/

#wrap{
width: 754px;
background: #FFF url(../images/site/sidebar_left.jpg) repeat-y left top;
border: 1px solid #999;
border-left: none;
margin: 0px auto;
color: #333;
float: left;} 

#content_right{
border-left: 1px dotted #666;
width: 500px;
float: right;
padding: 10px 10px 20px 10px;
margin: 5px 0 0 0;}

#navbar_left{
height: 170px;
width: 190px;
float: left;
padding: 35px 0 15px 25px;}

#content_left_lower{
width: 180px;
float: left;
padding: 20px 5px 10px 30px;
margin: 0;
border-right: thin #666;}

.clear {
clear: both;}


/* BANNER */

#banner {
width: 100%;
height: 123px;
background: url(../images/site/banner2.jpg) no-repeat left;
float:left;}

/* NAVIGATION, VERTICAL LEFT*/ 
ul.vertical {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
font-size: 11px;}

ul.vertical a {
color:#333300;
display: block;
width: 170px;
height: 20px;
line-height: 20px;
text-decoration: none;
background: url(../images/site/local_navbar.jpg) no-repeat left bottom;
text-indent: 25px;}

li.item a {
height: 19px;
line-height: 20px;}

li.itemactive a {
height: 19px;
line-height: 20px;
background: url(../images/site/local_navbar_active.jpg) no-repeat left bottom;}

li.first a {
height: 20px;
line-height: 20px;}

li.firstactive a {
height: 20px;
line-height: 20px;
background: url(../images/site/local_navbar_active.jpg) no-repeat left bottom;}
	
li.item a:hover{
background-position: right bottom;
color: #FFFFFF;}

li.first a:hover{
background-position: right bottom;
color: #FFFFFF;}


/* FOOTER */


#footer{
width: 734px;
height: 80px;
float: left;
text-align: left;
padding: 20px 0px 0px 20px;
font-size: 10px;
}

#footer a:link {
color:#039; text-decoration:none;}

#footer a:visited {
color:#039; text-decoration:none;}

#footer a:active {
color:#039; text-decoration:none;}

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



/* TYPOGRAPHY */

h1 {
padding-left: 15px;
margin-right: 5px;
color: #333;
background-color: #FFFFFF;
font-size: 13px; 
border-bottom: 1px solid #CCCCCC;
background: url(../images/site/bullet10x10.jpg) no-repeat left center;}

h2 {
color: #000066;
background-color: #FFFFFF;
padding-right: 10px;
font-size: 16px;}

h3{
font-size: 13px;
font-weight:bold;
color: #000;
background-color: #FFFFFF;
padding-left: 10px;
background:url(../images/site/bullet5x5.jpg) no-repeat left center;}

h3.second{
font-size: 12px;
font-weight:bold;
color: #006;
background-color: #FFFFFF;
padding-left: 10px;
background:url(../images/site/bullet5x5.jpg) no-repeat left center;}

h3.third{
font-size: 11px;
font-weight:bold;
color: #000;
background-color: #FFFFFF;
padding-left: 10px;
background:url(../images/site/bullet5x5.jpg) no-repeat left center;
margin-left: 20px;}

h4 {
color: #666666;
background-color: #FFFFFF;
font-size: 11px;
padding-bottom: 2px;}

p{
font-size: 12px;
color: #000;
padding-right: 10px;
background-color: #FFFFFF;}

p.home{
font-size: 12px;
color: #000;
padding-right: 10px;
background-color: #FFFFFF;}

p.bottom{
background-color: #EDEDED;}

p.footnote{
font-size: 10px;
color: #006;
margin-left: 15px;
line-height: 1em;
padding-right: 10px;
background-color: #FFFFFF;
width: 420px;}

.header{
font-size: 12px;
color:#666;
font-weight: bold;}

/* LINKS */

.button a:link{
display: block;
text-decoration: none;
font-weight: bold;
width: 60px;
height: 11px;
text-align: center;
color: #FFF;
border: 1px solid #666666;
font-size: 10px;
background: #669ACC;
padding-bottom: 2px;}
	
.button a:visited{
display: block;
text-decoration: none;
font-weight: bold;
width: 60px;
height: 11px;
text-align: center;
color: #FFF;
border: 1px solid #666666;
font-size: 10px;
background: #669ACC;
padding-bottom: 2px;}	
	
.button a:active{
display: block;
text-decoration: none;
font-weight: bold;
width: 60px;
height: 11px;
text-align: center;
color: #FFF;
border: 1px solid #666666;
font-size: 10px;
background: #669ACC;
padding-bottom: 2px;}	
	
.button a:hover{
display: block;
text-decoration: none;
font-weight: bold;
width: 60px;
height: 11px;
text-align: center;
color: #000;
border: 1px solid #666666;
font-size: 10px;
background: #EDEDED;
padding-bottom: 2px;
}
		
a:link {
color:#6699CC; text-decoration:none;}

a:visited {
color:#6699CC; text-decoration:none;}

a:active {
color:#6699CC; text-decoration:none;}

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