/* GENERIC CONTENT STYLES
-------------------------------------------------*/

html {
	font-size: 100%;
}

body {
	margin: 17px 0px;
	font-size: 62.5%;
	font-family: Arial, Verdana, sans-serif;
	background-color: #fff;
}

p,
li,
input,
label,
textarea {
	font-size: 1.2em;
	line-height: 1.3em;
	font-family: Arial, Verdana, sans-serif;
}

h1 {
	font-size: 2.6em;
	color: #fff;
	font-weight: normal;
	padding: 10px 16px;
	margin: 0px;
	line-height: 1.1em;
	background-color: #005a88;
}

h2 {
	font-size: 1.6em;
	line-height: 1.2em;
	color: #9f5419;
	font-weight: bold;
	margin: 0em 0em .2em;
}

h2 span {
	position: absolute;
	left: -9999em;
}

h3 {
	font-size: 1.1em;
	margin: 0px 0px 1px;
	font-weight: normal;
	text-transform: uppercase;
}

h4 {
	font-size:1.1em;
}

p {
	color: #464646;
	margin-top:0em;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin-bottom:1.3em;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 15px 0px;
}

li {
	margin-bottom:.5em;
}

ul li {
	padding: 0px 0px 0px 14px;
	margin: 0px 0px 5px;
	background: transparent url('../images/bullet_brown.gif') no-repeat 0px 5px;
}

li li {
	font-size:1.0em;
}

hr {
	width: 100%;
	display: block;
	clear: both;
	margin: 15px 0px;
	border: 0px;
	height: 0px;
	padding: 1px 0px 0px;
	background-color: #666;
}

li p,
p label {
	font-size: 1em;
}

/* = TABLES
-------------------------------------------------*/

table {
	margin-top:1.3em;
	margin-bottom:1.3em;
}


table.datatable td,
table.datatable th {
	padding-left: 11px;
	padding-right: 11px;
	padding-bottom: 9px;
	padding-top: 9px;
	vertical-align: top;
	font-size: 1em;
}

table.datatable {

}

table.datatable td {
	font-size: 1.1em;
}

table.datatable th {
	color: #0b5f91;
	text-align: left;
	font-size: 1.1em;
	padding-top: 9px;
	padding-bottom: 4px;
}

table th {
	text-align: left;
	font-weight: normal;
	font-size: 1.1em;
	color: #464646;
}

table td {
	font-size: 1.1em;
}

table p {
	font-size: 1.091em;
}

th.align-right,
td.align-right {
	text-align: right;
}

th.align-left,
td.align-left {
	text-align: left;
}


/* = LINKS
-------------------------------------------------*/

a:link {
	color: #005a88;
	text-decoration: underline;
}

a:visited { 
	color: #005a88;
	text-decoration: underline;
}

a:active {
	color: #005a88;
}

a:hover {
	color: #005a88;
	text-decoration: none;
}

/* = IMAGES
-------------------------------------------------*/

a img {
	border: 0px;
}

.image-left-no-border,
.image-left {
	float: left;
	margin: 0px 15px 15px 0px;
	border: 1px solid #6a6a6a;
}

.image-right-no-border,
.image-right {
	float: right;
	margin: 0px 0px 15px 15px;
	border: 1px solid #6a6a6a;
}

.image-right-no-border,
.image-left-no-border {
	border: 0px;
}



/* = FORMS
-------------------------------------------------*/

form {
	margin: 0px;
	padding: 0px;
}

form fieldset {
	border: 1px solid #888;
	padding: 10px 10px 5px;;
	margin:  5px 0px;
}

form fieldset h3 {
	text-transform: uppercase;
	color: #9f5419;
}

form fieldset input {
	border: 0px;
	padding: 3px 4px;
	font-size: 1em;
	color: #464646;
	background-color: #e1eef5;
}

form fieldset table {
	margin: 5px 0px;
}

form fieldset p {
	font-size: 1.1em;
	margin-bottom: 10px;
}

input.submit {
	padding: 0px;
}

input.x-short {
	width: 29px;
}

input.short {
	width: 65px;
}

input.short-medium {
	width: 163px;
}

input.medium {
	width: 187px;
}

input.long {
	width: 280px;
}

/* = UTILITY STYLES
-------------------------------------------------*/

.clear {
	height: 0px;
	clear: both;
}

.clear span {
	position: absolute;
	left: -9999em;
}

/* = PAGE LAYOUT
-------------------------------------------------*/

#page-area {
	width: 84.8em;
	margin: 0px auto;
	font-size: 1em;
	padding-top: 14.6em;
	position: relative;
}

/* = HEADER
------------------------------------------------*/

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 7.6em 0px 0px;
	width: 100%;
	margin-bottom: 14px;
	height: 6em;
}

#logo {
	display: block;
	position: absolute;
	top: 0px;
	left: 1px;
	z-index: 99;
	margin: 0px;
	padding: 0px;
}

#logo img {
	display: block;
}

/* = TOP NAV
-------------------------------------------------*/

#top-nav {
	list-style: none;
	font-size: .9em;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	display: inline;
	float: right;
	width: 35em;
}

#top-nav li {
	display: inline;
	float: left;
	padding: 7px 10px;
	font-size: 1em;
	line-height: 1.6em;
	position: relative;
	background: transparent none;
}

#page-area #top-nav a:link,
#page-area #top-nav a:visited,
#page-area #top-nav a:active {
	color: #361e0f;
	text-decoration: none;
	font-size: 1.2em;
}

#page-area #top-nav a:hover {
	text-decoration: none;
}

#top-nav ul {
	position: absolute;
	left: -9999em;
	display: block;
	float: left;
	list-style: none;
	top: 27px;
	z-index: 99;
	border: 1px solid #807268;
	border-width: 1px 0px 1px 1px;
	background: #fff url(/images/top_nav_border_bg.gif) repeat-y 100% 0%;
	text-align: left;
	margin: 0px;
	width: 152px;
	padding: 2px 0px 2px 5px;
}

#top-nav ul li {
	display: block;
	margin: 0px;
	float: none;
	padding: 0px;
	font-size: 1em;
	width: 140px;
	padding: 3px 5px 3px 7px;
}

#top-nav li.hover {
	position: relative;
}

#top-nav li.hover ul {
	left: 10px;
}

#top-nav li.hover li.hover {
	background: transparent url(/images/bullet_drop_down.gif) no-repeat 0px 7px;
}

#top-nav li li a:link,
#top-nav li li a:visited,
#top-nav li li a:active,
#top-nav li.hover li.hover li a:link,
#top-nav li.hover li.hover li a:visited,
#top-nav li.hover li.hover li a:active {
	color: #807268;
}

#top-nav li li.hover a:link,
#top-nav li li.hover a:visited,
#top-nav li li.hover a:active,
#top-nav li.hover li.hover li.hover a:link,
#top-nav li.hover li.hover li.hover a:visited,
#top-nav li.hover li.hover li.hover a:active,
#top-nav li li a:hover {
	color: #42240c;
	text-decoration: none;
}

#top-nav #quicklinks {
	background: transparent url(/images/bullet_top_nav.gif) no-repeat 100% 50%;
}

#quicklinks h2 {
	font-size: 1.2em;
	color: #807268;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}

#quicklinks h2 a:link,
#quicklinks h2 a:visited,
#quicklinks h2 a:active {
	font-size: 1em;
}

#top-nav ul ul,
#top-nav li.hover ul ul {
	position: absolute;
	left: -9999em;
	display: block;
	float: left;
	list-style: none;
	top: -3px;
	z-index: 99;
	border-width: 1px 0px 1px 1px;
	text-align: left;
	margin: 0px;
	width: 140px;
	padding: 2px 12px 2px 5px;
}


#top-nav li.hover li.hover ul {
	left: 151px;
}

/* = SEARCH
-------------------------------------------------*/

#search {
	color: #361e0f;
	display: inline;
	float: right;
	margin: 0px;
	padding: .4em 0px 0px;
}

#search p {
	margin: 0px;
	padding: 0px;
	display: inline;
	font-size: 1em;
	line-height: 1.6em;
}

#search label {
	padding-right: 7px;
	vertical-align: middle;
	font-size: 1.2em;
}

#search input {
	vertical-align: middle;
}

#searchQuery {
	width: 121px;
	height: 13px;
	background: #fff url(/images/search_query_bg.gif) no-repeat 0px 0px;
	border: 0px;
	font-size: 1em;
	line-height: 1.3em;
	padding: 3px 2px 1px;
}

/* = MAIN NAV
-------------------------------------------------*/

#main-nav {
	float: left;
	display: inline;
	background-color: #6d913c;
	width: 100%;
	list-style: none;
	margin: 2px 0px 11px;
	padding: 0px;
}

#main-nav li {
	float: left;
	display: inline;
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	position: relative;
	background: transparent none;
}

#main-nav li a {
	color: #fff;
	display: block;
	width: 100%;
	padding: 12px 0px;
	white-space: nowrap;
	font-size: 1.2em;
	text-align: center;
}

#main-nav li a:link,
#main-nav li a:visited,
#main-nav li a:active {
	text-decoration: none;
}

#main-nav ul {
	position: absolute;
	left: -9999em;
	top: 3.6em;
	margin: 0px;
	padding: 4px 8px 4px;
	width: 150px;
	z-index: 99;
	list-style: none;
	background-color: #577430;
}

#main-nav li.hover,
#main-nav li.last-hover {
	position: relative;
}

#main-nav li.hover ul {
	left: 0px;
}

#main-nav li.last-hover ul {
	left: -52px;
}

#main-nav li li {
	display: inline;
	float: left;
	width: 136px;
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	border: 0px;
	padding-left: 14px;
	background: transparent url(/images/bullet.gif) no-repeat 0px 7px;
}

#main-nav li li a {
	text-align: left;
}

#main-nav li.last-hover li a,
#main-nav li.hover li a {
	padding: 3px 0px;
	white-space: normal;
	font-size: 1.1em;
	display: block;
	width: 100%;
	
}
#section-nav a:hover{
	color: #ffff99;
}
#main-nav li.hover a:link,
#main-nav li.hover a:visited,
#main-nav li.hover a:active,
#main-nav li.hover a:hover,
#main-nav li.last-hover a:link,
#main-nav li.last-hover a:visited,
#main-nav li.last-hover a:active,
#main-nav li.last-hover a:hover,
#main-nav li.current a:link,
#main-nav li.current a:visited,
#main-nav li.current a:active,
#main-nav li.current a:hover {
	background-color: #577430;
	color: #ffff99;
}

#main-nav li.hover li.hover a:link,
#main-nav li.hover li.hover a:visited,
#main-nav li.hover li.hover a:active,
#main-nav li.hover li.hover a:hover,
#main-nav li.last-hover li.hover a:link,
#main-nav li.last-hover li.hover a:visited,
#main-nav li.last-hover li.hover a:active,
#main-nav li.last-hover li.hover a:hover {

	color: #fff;
}

/* MAIN NAV WIDTHS BECAUSE OF CRAPPY FONT RENDERING IN WINDOWS */

#about {
	width: 11.5em;
}

#government {
	width: 12.6em;
}

#living {
	width: 12.8em;
}

#employment {
	width: 9.8em;
}

#business {
	width: 14.5em;
}

#visiting {
	width: 12.2em;
}

#news-events {
	width: 11.4em;
}

/* = CONTENT AREA
-------------------------------------------------*/

#content-area {
	margin: 11px 0px;
	width: 84.8em;
	background: #fff url('../images/content_area_bg.png') repeat-y 0% 0%;
}

#fp #content-area {
	background: #9f5419 none;
}

/* = FOOTER
-------------------------------------------------*/

#footer {
	margin-top: 11px;
	color: #a09185;
	position: relative;
	padding-top: 5px;
}

#footer #newva-logo {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 124px;
	height: 45px;
}

#footer p {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	color: #a09185;
}

#page-area #footer a:link,
#page-area #footer a:visited,
#page-area #footer a:active {
	text-decoration: none;
	color: #a09185;
}

#page-area #footer a:hover {
	text-decoration: underline;
}

/* = Newsletter Form */

#form-newsletter {
	position: relative;
	background: #ffffff;
	z-index: 1;
	zoom: 1;
}

#form-newsletter h2 {
	color: #005a88;
	margin-bottom: 10px;
}

#form-newsletter p {
	position: absolute;
	left: 332px;
	top: 30px;
}

#form-newsletter label {
	float: left;
	color: #464646;
	font-size: 1.2em;
	display: block;
	margin-bottom: 10px;
	width: 316px;
	position: relative;
}

#form-newsletter label span {
	float: left;
	display: inline;
}

#form-newsletter label input {
	display: inline;
	font-size: 1.2em;
	height: 11px !important;
	width: 239px;
	border: none;
	background: transparent url('../images/form-newsletter-input.png') no-repeat 0 0;
	padding: 3px;
	margin: 0;
	font-size: .9em;
	float: right;
}

#form-newsletter input.submit {
	position: relative;
	left: 70px;
	display: block;
	background: transparent url('../images/form-newsletter-subscribe.png') no-repeat 0 0;
	width: 113px;
	height: 26px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
}

#header {
	z-index: 30;
}

#content-area {
	z-index: 1;
}


/* = Generic Clases 
------------------------*/

.nav-titles {
	margin-top: 0;
}

.nav-titles li {
	font-size: 16px;
	font-weight: bold;
}


/* = Google Custom Search
-------------------------*/

.gsc-control-cse {
	float: right;
	height: 34px; 
	padding: 0px;
	margin-top: -45px;
	margin-bottom: 0px;
}

#googlecustomsearch table {
	margin-top: 0px;
	margin-bottom: 0px;	
}

#googlecustomsearch .gsc-control-cse-en {
	padding-left: 0px;
	padding-right: 0px; 
	padding-top: 35px;
	padding-bottom: 0px;
	width: 100%;
}

#googlecustomsearch .gsc-search-button {
	padding-right: 0px;
	padding-left: 3px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#googlecustomsearch .gsc-input {
	padding-right: 3px;
	line-height: 20px;
	font-size: 13px;
}

#googlecustomsearch .gscb_a {
	font-size: 16px;	
}

.gsc-results-wrapper-overlay.gsc-results-wrapper-visible a:link, 
.gsc-results-wrapper-overlay.gsc-results-wrapper-visible a:visited,
.gsc-results-wrapper-overlay.gsc-results-wrapper-visible a:hover {	
	color: blue !important;
	text-decoration: none;
}

.gsc-results-wrapper-visible {
	height: 70% !important;
	margin: 95px 0 0 0 !important;	
}