/* ****************End style-contentarea.css**************** */
/* ****************Fairfax County Original CSS file**************** */
/* BELOW ARE THE STYLES SPECIFIC TO THE ORIGINAL FAIRFAX COUNTY CSS FILE THAT ARE NOT REFERENCED ELSEWHERE.
These styles have been reformatted and slightly edited to fit in the new design and should be included to 
enable a smoother transition to the new design for the custom content pages. */
.agencysize {
	font-size: 100%;
}

.agencysizeb {
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}

.alternatevisitedclass {
	color: #084588;
}

.alternatevisitedclass:visited {
	color: #084588;
}

.alternatevisitedclass:hover,
.alternatevisitedclass:active {
	color: #02029A;
}

.bodytext {
	font-size: 100%;
}

.bodytextcolor1 {
	color: #4D4D4D;
	font-size: 100%;
}

.bodytextcolor1b {
	color: #4D4D4D;
	font-size: 100%;
	font-weight: bold;
}

.bodytextcolor2 {
	color: #C0C0C0;
	font-size: 100%;
}

.bodytextcolor2b {
	color: #C0C0C0;
	font-size: 100%;
	font-weight: bold;
}

.bodytextmedium {
	font-size: 95%;
}

.bodytextmediumb {
	font-size: 95%;
	font-weight: bold;
}

.bodytextmediumcolor1 {
	color: #4D4D4D;
	font-size: 95%;
}

.bodytextmediumcolor1b {
	color: #4D4D4D;
	font-size: 95%;
	font-weight: bold;
}

.bodytextmediumcolor2 {
	color: #C0C0C0;
	font-size: 95%;
}

.bodytextmediumcolor2b {
	color: #C0C0C0;
	font-size: 95%;
	font-weight: bold;
}

/*  Style bodytextsmall used on homepage new and more link will be moved to STYLE-HOMEPAGE.CSS
.bodytextsmall {
                font-size: 90%;
                
} */
.bodytextsmallb {
	font-size: 90%;
	font-weight: bold;
}

.bodytextsmallbox {
	border: 1px solid #636363;
	font-size: 90%;
	text-decoration: none;
}

.bodytextsmallboxb {
	border: 1px solid #636363;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}

.bodytextsmallcolor1{
	color: #4D4D4D;
	font-size: 90%;
}

.bodytextsmallcolor1b{
	color: #4D4D4D;
	font-size: 90%;
	font-weight: bold;
}

.bodytextsmallcolor2{
	color: #C0C0C0;
	font-size: 90%;
}

.bodytextsmallcolor2b{
	color: #C0C0C0;
	font-size: 90%;
	font-weight: bold;
}

/* Changed the class below from #77431C darkbrown to #82020b dark olive to fit better with new design */
.darkbrown {
	color: #82020B;
}

.header1 {
	background-image: none;
	color: #000000;
	font-family: sans-serif, Arial, Helvetica;
	font-size: 140%;
	margin: 20px 0 5px 0;
	padding: 0;
}

.header1alternate {
	background-image: none;
	color: #3C3C3C;
	font-family: sans-serif, Arial, Helvetica;
	font-size: 140%;
	margin: 20px 0 5px 0;
	padding: 0;
}

.header2 {
	background-image: none;
	color: #1E1E1E;
	font-family: sans-serif, Arial, Helvetica;
	font-size: 120%;
	margin: 18px 0 12px 0;
	padding: 0;
}

.header2alternate {
	background-image: none;
	color: #3C3C3C;
	font-family: sans-serif, Arial, Helvetica;
	font-size: 120%;
	margin: 18px 0 12px 0;
	padding: 0;
}

.header3 {
	color: #0E0E0E;
	font-size: 120%;
	margin: 15px 0 0 0;
	padding: 0;
}

.header3alternate {
	color: #3C3C3C;
	font-size: 120%;
	margin: 15px 0 0 0;
	padding: 0;
}

.lightbrown {
	color: #E7F0F8;
}

/*.tablecell_notselectedbg {
                background-color: #e7f0f8;
}*/
.tableheaderbg {
	background-color: #82020B;
	color: #FFFFFF;
}

.tableheadercell {
	background-color: #82020B;
	color: #FFFFFF;
	font-size: 105%;
	font-weight: bold;
	padding: 6px;
}

.youarehere, .youarehereb {
	color: #82020B;
}

/* START OF MASTER.CSS STYLE SHEET */
a {
}

a:hover {
	text-decoration: none;
}

/* body defines base font size and face for all elements */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

div.app-login-help {
	font-size: 85%;
	margin-bottom: 4px;
	margin-right: 2px;
	margin-top: 4px;
	text-align: right;
}

div.breadcrumbs {
	background-color: #FFFFFF;
	border: solid;
	border-width: 1px;
	font-size: .85em;
	padding: 5px;
	text-transform: lowercase;
}

div.breadcrumbs-container {
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
}

div.column-navigation {
	float: left;
	margin: 0px;
	padding-bottom: 54px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 189px;
}

div.content {
	clear: left;
	margin: 0px;
	padding: 0px;
}

div.content td p {
	font-size: 100%;
}

div.content td td {
	font-size: 100%;
}

div.content td ul {
	font-size: 100%;
}

div.content-container {
	margin-left: 7px;
	margin-right: 7px;
/*	margin-top: 80px;
*/	padding: 0px;
}

div.content-container-full {
	height: 1%; /* triggers IE sizing compliance */
	margin-bottom: 30px;
	margin-left: 195px;
	padding-right: 10px;
/*	padding-top: 56px;
*/}
/*
div.content-container-wide {
	height: 1%;  triggers IE sizing compliance 
	margin-bottom: 30px;
	margin-left: 13px;
	padding-right: 10px;
	padding-top: 56px;
}
*/
div.corner-left {
	height: 55px;
	left: 7px;
	position: absolute;
	top: 80px;
	width: 189px;
	z-index: 2;
}

div.footer {
	margin: 0px;
	padding: 7px;
	text-align: center;
}

div.footer-container {
	clear: both;
	margin: 0px;
	padding: 0px;
}

div.header {
	left: 0px;
	position: absolute;
	top: 0px;
}

div.searchbox {
	color: #FFFFFF;
	font-size: 85%;
	position: absolute;
	right: 7px;
	text-align: right;
	top: 6px;
}

div.searchbox a, 
div.searchbox a:link, 
div.searchbox a:hover, 
div.searchbox a:visited {
	color: #FFFFFF;
}

div.searchbox label {
	clear: right;
}

h1 {
	font-size: 135%;
}

h1.title {
	margin-top: 0px;
	position: absolute;
	right: 18px;
	text-align: right;
	top: 100px;
	z-index: 3;
}

h2 {
	font-size: 125%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 110%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 90%;
}

input {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

li {
}

map {
	margin: 0px;
}

ol ol {
	font-size: 100%;
}

ol ul {
	font-size: 100%;
}

select {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul ol {
	font-size: 100%;
}

ul ul {
	font-size: 100%;
}

/* END OF MASTER.CSS STYLE SHEET */


/* START OF DEVELOPER.CSS STYLE SHEET */
/* 
Fairfax County Public Website Developer Style Sheet
This style sheet contains classes that are specifically intended for application by
web content and application developers. 
*/
/* used for text slightly smaller than base size */

/* End of Developer Styles*/
div.text-small, p.text-small, span.text-small {
	font-size: 85%;
}

/* used for headers that divide the page with a background color, commonly used
for subject headers on subject pages */
h1.subject {
	font-size: 125%;
	padding: 4px;
}

/* used to present tabular data */
table.data {
	border-spacing: 0px;
}

/* used for alternate row color (optional; increases readability) */
table.data td.alternate, table.data tr.alternate td {
	border: 1px solid #000000;
}

/* used for emergency text or validation/application error messages */
.text-alert {
	color: #FF0000;
}

/*END OF DEVELOPER.CSS SHEET*/




/*START OF COLOR.CSS STYLE SHEET*/
a {
	color: #084588;
}

body {
	background: #ffffff;
/*	background-image: url(/resources/public/web/templates/living/images/tpl_bg.gif);
*/	background-repeat: repeat-x;
}

div.breadcrumbs {
	background-color: #FFFFFF;
	border-color: #ffffff;
	color: #084588;
}

div.column-navigation {
	background: #e7f0f9;
/*	background-image: url(/resources/public/web/templates/living/images/tpl_fadedownbg.jpg);
*/	background-position: bottom;
	background-repeat: repeat-x;
}

div.content {
/*	background-image: url(/resources/public/web/templates/living/images/tpl_corner_right.gif);
*/	background-position: right top;
	background-repeat: no-repeat;
}

div.content-container {
	background-color: /*#e7f0f9*/#ffffff;
/*	background-image: url(/resources/public/web/templates/living/images/tpl_bg_topbar.gif);
*/	background-repeat: repeat-x;
}

div.corner-left {
/*	background-image: url(/resources/public/web/templates/living/images/tpl_corner_left_wide.jpg);
*/	background-repeat: no-repeat;
}

div.footer {
/*	background-image: url(/resources/public/web/templates/living/images/tpl_corner_bottom_left.gif);
*/	background-position: bottom left;
	background-repeat: no-repeat;
}

div.footer-container {
/*	background-image: url(/resources/public/web/templates/living/images/tpl_corner_bottom_right.gif);
*/	background-position: bottom right;
	background-repeat: no-repeat;
}

h1, h2, h3, h4, h5, h6 {
	color: #084588;
}

h1.subject {
	background-color: #e7f0f9;
}

table.data {
	background-color: #FFFFFF;
	border-bottom: 0px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 0px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
}

table.data td {
	background-color: #FFFFFF;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #aaaaaa;
	border-top: 1px solid #FFFFFF;
}

table.data td.alternate, table.data tr.alternate td {
	background-color: #e7f0f9;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #aaaaaa;
	border-top: 1px solid #FFFFFF;
}

table.data th {
	background-color: #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #aaaaaa;
	border-top: 1px solid #FFFFFF;
}
/* END OF COLOR.CSS STYLE SHEET */


