/* Virginia's Heartland/commonwealth Regional Council

Author: Christina Reeser
Site design: The O'Connor Group
Date Created: 1/2/2008
Copyright: Commonwealth Regional Council. All rights reserved. */

/* ---------->>> GLOBAL <<<-----------*/

html, body { margin: 0; padding: 0;}

body {
 background: #000 url(white_bg.gif) 50% repeat-y;
 font-family: "Trebuchet" Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #010101;
 line-height: 20px;
}

h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, li, ol, dl, fieldset, address { 
	padding:0;
	margin:0; 
	}
p { margin-top: 15px; margin-bottom: 15px; }
li, dd { margin-left:5%; padding: 0; }
fieldset { padding: .5em; }

a { text-decoration: none; color:#0A4431; }
a:hover { text-decoration: underline; }

/* ---------->>> DIVS <<<-----------*/

#wrapper { 
 margin: 0 auto;
 padding: 0;
 width: 896px;
}

#header {
 background: #fefefe url(header_bkg.jpg) top left no-repeat;
 width: 896px;
 height: 177px;
 margin: 0px auto;
 color: #F0923E;
}

#faux { 
 background: #fefefe url(sub_bkg.gif) top left repeat-y;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}

#leftcol {
 width: 275px;
 float: left;
 display: inline;
/* background-color: #33A5A5;*/
}

#content {
 width: 560px;
 color: #000;
 margin-top: 20px;
 float: right;
 margin-right: 20px;
}

#footer { 
 width: 896px;
 clear: both;
 margin: 0px;
 padding: 0px;
 background-color: #fff;
}

/* ---------->>> HEADER ITEMS <<<-----------*/

h1 { }

	#leftcol h1 {
	height:100px; /* height of logo */
	width:235px; /* width of logo */
	background: url(vaheart_sub_logo.gif) bottom left no-repeat;
	text-indent:-9000px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	/*margin-top: 35px;
	margin-left: 140px;*/
	}
	
	#content h1 {
	color: #1f1f1f;
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 10px;
	text-transform: uppercase;
	}

h2 { }
	#content h2 {
	color: #33A5A5;
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: uppercase;
	}
	
	#content h2.dir {
	color: #33A5A5;
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: uppercase;
	line-height: 16px;
	margin-bottom: 7px;
	}
	
	#content h2.dir span { 
	font-weight: normal;
	color: #666 !important; 
	line-height: 16px;
	}
	
h3 { }
	#content h3 {
	color: #000;
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: uppercase;
	}

p { }
	#header p {
	float: right;
	width: 300px;
	height: 17px;
	color: #F0923E;
	text-align: right;
	padding-right: 70px;
	}
	
	#content p {
	color: #010101;
	line-height: 20px;
	margin-top: 0;
	}
	
	#leftcol p {
	color: #fff;
	padding: 20px;
	}
	
	#footer p { 
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 5px;
	margin-top: 0;
	}
	
	p#to_top {
	width: 100px;
	margin: 0; padding: 0;
	float: right;
	background: url(top_icon.gif) center right no-repeat;
	font-size: .8em;
	text-align: right;
	padding-right: 15px;
	}
	
	p#to_back {
	margin: 0; padding: 0;
	background: url(back_icon.gif) center left no-repeat;
	font-size: .8em;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 10px;
	}

a { }
	#header a {
	color: #fff;
	padding-left: 5px; 
	padding-right: 5px;
	text-transform: uppercase;
	}
	
	
	#leftcol h1 a {
	display:block;
	width:100%;
	height:98%;
	outline:none;
	}
	
	#content a {
	font-weight: bold;
	color: #F0923E;
	}
	
	#footer a { color: #fff;} 

dl { margin-top: 10px;}
dt { font-weight: bold;}
dd { margin-bottom: 10px;}
li { }
	
	#content li {
	margin-left: 5%;
	margin-bottom: 10px;
	line-height: 18px;
	}

img { }
	#header img { margin-right: 30px; }
	
	#leftcol img.styled {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 5px;
    margin-top: 10px;
    }


/* ---------->>> Global NAVIGATION <<<-----------*/

#nav, #nav2 { 
	width: 180px;
	float: left;
	margin-top: 15px;
	text-transform: uppercase;
	}
	
#nav a, #nav2 a {
	display:block; 
	width:170px; 
	height:22px; 
	background: url(nav.gif) no-repeat; 
	border:0px;
	margin-top:10px; 
	text-align:left; 
	text-decoration:none; 
	font-size:11px; 
	color:#000; 
	line-height:25px; 
	overflow:hidden;
	}

#nav a:hover {
	color:#fff;
	/*padding-left: 20px;*/
	background: url(nav_on.gif) no-repeat;}

#nav2 a:hover {
	color:#fff;
	/*padding-left: 20px;*/
	background: url(nav_about_on.gif) no-repeat;}

#nav a:active {color:#fff; background: url(nav_on.gif);}
#nav2 a:active {color:#fff; background: url(nav_about_on.gif);}

#home .home, #work .work, #life .life, #demo .demo, #edu .edu, #agriculture .agriculture, #recreation .recreation, #sites .sites, #tourism .tourism, #map .map, #directions .directions  {
	color:#fff; 
	/*padding-left: 20px;*/
	background: url(nav_on.gif) no-repeat;
	}

#mission .mission, #crc .crc, #staff .staff, #meetings .meetings, #projects .projects, #pubs .pubs, #links .links  {
	color:#fff; 
	/*padding-left: 20px;*/
	background: url(nav_about_on.gif) no-repeat;
	}	

#subnav {
	width: 160px;
	margin-left: 20px;
	margin-bottom: 30px;
}	

#subnav li{
	list-style-type: none;
	margin-top: 5px;
}

#subnav a {
	display: inline;
	background: none;
	line-height: 12px;
	color: #fff;
}

#subnav a:hover, #subnav a.on { background: none; color: #0C4532; padding-left: 0px; }


/* ---------->>> FORM TAGS <<<-----------*/


table.data {
	border-collapse: collapse;
	background-color: #C9DFD7;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
 
table.data th {
	background-color: #7EC2BE;
	text-align: left;
	padding: 5px;
	color: #fff;
	font: bold 12px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 8px 12px 4px 12px;
        /* background: #CAE8EA url(bg_header.jpg) no-repeat; */
        vertical-align:middle;
}

table.data td {
	padding: 5px;
	border-top: 1px solid #fff;
	font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 12px 6px 12px;
	color: #333;
}

.odd { background: #C9DFD7; }
.even { background: #E4EFEB; }
.long { width: 275px; }

table.small {
	width: auto;
}


/* ---------->>> TEXT SIZE TAGS <<<-----------*/
	div.textsizer {
	text-align: right;
	font: bold 12px "Helvetica", "Verdana", sans-serif !important ;
	padding-bottom: 3px; 
	margin: 0; 
	color: #000;
	}
	div.textsizer a {
	color: #fff;
	text-decoration: none;
	}
	div.textsizer a span {
	width: 20px;
	height: 30px;
	padding-left: 5px;
	padding-right: 5px;
	}
	
	div.textsizer a:hover {
	color: #333;
	}
	div.textsizer a:hover span {
	background: #eee;
	}
	
	#regsize {
	font-size: 11px;
	}
	#medsize {
	font-size: 18px;
	}
	#lrgsize {
	font-size: 24px;
	}

/* ---------->>> MISC TAGS <<<-----------*/

#photobar { width: 200px; float: right; }

#photobar img { border: 1px solid #000; margin-top: 5px; float: right; }

 .button a {
 	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
 	text-align: center;
 	padding: 5px; margin-bottom: 10px; margin-right: 3px;
 	border: 1px solid #c60; 
 	font-size: 10px; 
 	color: #fff !important;
	background-color: #F0923E;
	text-decoration: none !important;
	float: left;
 }
 
  .button a:hover { background-color: #F8C99F; color: #000 !important; } 

.blue { color: #333; font-weight: bold;}
/* ---------->>> FOOTER TAGS <<<-----------*/

.partners {
	width: 870px; 
	margin: 0 auto; 
	margin-top: -40px;
}

.partners img {
padding-top: 40px;
}

.contact { 
	width: 260px; height: 160px;
	margin: 5px;
	float: left;
	}

.contact img { margin-right: 10px; border: 1px solid #7D7861; }	
	

.footernav, .address { 
	margin: 40px; 
	line-height: 16px; 
	color: #F0923E; 
	text-transform: uppercase; 
	font-size: 10px; 
	text-align: center; 
	clear: both;
	}	

.title { font-weight: bold; color: #33A5A5; }
.footernav a  { color: #333 !important; }
.clear { clear: both; background: none; }
.address { color: #333; margin-top: 40px; }

.partnertext {
margin-top: 50px;
width: 105px;
float: left;
line-height: 14px;
}
.small { font-size: 10px;}