/* 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: #395F22 url(bgk.jpg) top center no-repeat;
 font-family: "Verdana", Verdana, Geneva, sans-serif;
 font-size: 11px;
 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:#AAC857; }
a:hover { text-decoration: underline; }

a:active, a:focus {
outline: 0;
      }



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

#wrapper { 
background-color: #fff;
 margin: 0 auto;
 padding: 0;
 width: 896px;
 padding-bottom: 20px;
}

#header {
 width: 896px;
 height: 80px;
 margin: 0px auto;
 color: #F0923E;
 border-bottom: 5px solid #ccc;
 border:0;
 background: url(headerbg.jpg) bottom no-repeat;
 padding: 20px 0;
}

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

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

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

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

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

h1 { }
	
	#content h1 {
	color: #1f1f1f;
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 10px;
	text-transform: uppercase;
	}

h2 { }
	#content h2 {
	color: #B7D658;
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: uppercase;
	}
	
	#content h2.dir {
	color: #B7D658;
	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;
	}
	
	.quote { text-align: center; color: #553600; font: italic 1.1em "Georgia"; padding: 10px; width: 80%; margin: 0 auto; }
	

a { }
	
	#content a {
	font-weight: bold;
	color: #AAC857;
	}
	
	#footer a { color: #fff;} 
	
	.on { color: #000 !important;}

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

img { }
    
    .centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }


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

#nav { 
	float: left;
	margin: 0; padding: 0;
	margin-top: 15px;
	}
	
#nav li{
	list-style-type: none;
	margin: 0; padding: 0;
}
#nav a {
	display:block; 
	width:195px; 
	height:31px; 
	border:0px;
	margin: 0;
	margin-bottom:10px; 
	padding: 0; 
	overflow:hidden;
	font-size: 5px; text-indent: -9999px; text-decoration: none;
	}


.services a { background: url(nav_services.gif) top right no-repeat;}
.services a:hover  { background: url(nav_services_on.gif) top right no-repeat; }
#service .services a  { background: url(nav_services_on.gif) top right no-repeat; }

.about a { background: url(nav_about.gif)  top right no-repeat;}
.about a:hover  { background: url(nav_about_on.gif)  top right no-repeat; }
#about .about a  { background: url(nav_about_on.gif)  top right no-repeat; }

.portfolio a { background: url(nav_portfolio.gif)  top right no-repeat;}
.portfolio a:hover  { background: url(nav_portfolio_on.gif)  top right no-repeat; }
#portfolio .portfolio a { background: url(nav_portfolio_on.gif)  top right no-repeat; }

.contact a { background: url(nav_contact.gif) top right no-repeat;}
.contact a:hover  { background: url(nav_contact_on.gif)  top right no-repeat; }
#contact .contact a  { background: url(nav_contact_on.gif)  top right no-repeat; }



#subnav {
	width: 130px;
	margin: 0px 0;
	text-align: right;
}	

#subnav li{
	list-style-type: none;
	margin-bottom: 5px;
	line-height: 10px;
}

#subnav a {
	display: inline;
	background: none;
	color: #4C711D;
	font-size: 10px !important;
}

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

/* ---------->>> Twitter Styling <<<-----------*/
#twitter_div {
	width: 155px;
	height: 155px;
	background-image:url(../images/twitter.png);
	overflow:hidden;
	margin-left: 20px;
}
#twitter_update_list {
	font-size:10px;
	color: #FFFFFF;
	line-height:13px;
	list-style-type:none;
	margin-top:36px;
	}
/* ---------->>> Press Room Accordian STUFF <<<-----------*/
#acc_container {
	margin-top: 20px;
	float: left;
}

.accordion_toggle {
	display: block;
	width: 600px;
	background: url(acc_toggle_on.gif) top left no-repeat ;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	cursor: pointer;
	margin: 0;
	}
	
h1.accordion_toggle  {
	margin: 0 !important;
	font-size: 14px !important;
	padding-top: 10px !important;
	padding-bottom: 10px;
	padding-left: 40px;
	color: #ccc;
	}

h1.accordion_toggle:hover {
	color: #ABC36D !important;
	}
	
h1.accordion_toggle_active {
	background: url(acc_toggle.gif) top left no-repeat;
	color: #ABC36D !important;
	}
	
.accordion_content {
	width: 600px;
	background-color: #F2F5E9;
	color: #444;
	overflow: hidden;
	padding: 20px;
	}

.accordion_content p {
	padding: 5px !important;
	}
	
.accordion_content p.small {
	padding: 5px !important;
	font-weight: normal;
	font-size: 10px;
	}	
.accordion_content img {
	margin: 4px;
	}

/* ---------->>> 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 <<<-----------*/


	

.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;}

#gallery { 
width: 430px;
margin-top: 0px;
float: right;
}

#gallery img { margin: 3px; border: 5px solid #ccc; }

#gallery img:hover { border: 5px solid #B3CD6E;}

.address { 
color: #999;
text-transform: none;
letter-spacing: 1px;
}

.address a { color: #999; }