/*
|| NOTES ||
- Style Sheet for Version 5 and later Browsers
- Styles apply to all Web pages across all organizations.
- This file contains the standard CSS code used across the Board of County Commissioners
  Web sites. This file is part of the "Look and Feel" Standard.
- Edit this file ONLY in text mode. DO NOT edit this file using Dreamweaver's style editor.
  It may introduce non-compliant and buggy CSS.
- Style sheets are case-sensitive.
- The browser will load this into cache the first time it is used and subsequently use the cache
	version.

|| NOTES ||
01/07/2008, Earl Chassee.  Added margin-top and margin-bottom properties to .imagecenter, .imageonleft, and .imageonright rules.
07/07/2006, Earl Chassee: Added .box width rule.
06/27/2006, Earl Chassee: Added div#pagetbl rule.
06/26/2006, Earl Chassee: Added table#mosaictbl and table#wholefooter rules and width.
							Changed body font from 1em to 12 pt.
							Changed .content font-size from 0.75em to 9pt.
							Changed .content h1 from 2em to 17pt.
							Changed .content h2 from 1.7em to 15pt.
							Changed .content h3 from 1.5em to 14 pt.
							Changed .content h4 from 1.4em to 12pt.
							Changed .content h5 from 1.2em to 10pt.
							Changed .content h6 from 0.8em to 8pt.
							Changed .box from 1em to 9pt.
							Changed .boxhdrblue from 1.1em to 9pt.
							Changed .boxhdrkhaki from 1em to 9pt.
							Changed .content table from 1em to 9pt.
							Changed .content table th from 1em to 9pt.
							Changed li from 1em to 10pt.
							Changed p.txtquoteleft from 1em to 10pt.
							Changed p.txtquoteright from 1em to 10pt.
							Changed .formlabel from 0.7em to 8pt.
							Changed div#footer from 0.7em to 8pt.
06/22/2006, Earl Chassee: Completely rewrote footer rules to accomodate new template.
03/16/2006, Earl Chassee: Change ol and ul rule color from #233762 to #000000.
12/27/2005, Earl Chassee: Changed CSS Rule for .box padding.
12/09/2005, Earl Chassee: Changed CSS Rules for .content a:link, .content a:visited, .content a:hover and
							div.box a:hover.
11/15/2005, Earl Chassee: Changed CSS Rule H5 letter spacing.
11/09/2005, Earl Chassee: Changed CSS Rule 	.boxhdrblue from #004A97 to #083E64 and 
											.boxhdrkhaki from #BDBCAE to #884D15.
11/04/2005, Earl Chassee: Changed CSS Rule div#footer from #999 to #444444.
10/28/2005, Earl Chassee: Changed H1 - H6 color per Kimberly Prosser.  Changed letter spacing of H3, H4 and H5.
Author: Earl Chassee, 06/30/2003.
*/

/* ------------------------------- General Rules ------------------------------- */
/* Explicitly set margin & padding to override unpredictable browser defaults */
html {
	margin : 0;
	padding : 0;
}


/* Start with a white background and black text as default. List multiple fonts in case client
    computer does not have one of them. */
body {
	font : 12pt Verdana, Arial, Helvetica, sans-serif;
	color : black;
	background-color : white;
	margin : 0;
	padding : 0;
	text-align : center;  /* MSIE6.0SP1 (with xml declaration) bug workaround to center images 
									 using nested layers */
}

/* Center entire page in FireFox, IE v7 Beta 2 centers page without this. */
div#pagetbl {
	width : 800px;
	margin-left : auto;
	margin-right : auto;
	border : 1px solid #DDDDDD;
}

/* Control template fixed width */
table#mosaictbl {
	width : 800px;
}

/* Neutralize different browser defaults to a common one */
h1, h2, h3, h4, h5 { line-height : 1em; }

/* ------------------------------- Content Section Rules ------------------------------- */
.content {
	/* border-left : 1px dotted #CCCCCC; */
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	padding : 0em 0.5em 0.25em 0.5em; /* Spacing from left side or nav column, right side & bottom */
	margin : 0.25em;  /* No effect on content in td cells */
	text-align : left; /* Placed here to counteract the text-align : center placed in the body tag. */
}

/* Note: Padding/margin in .content contextual selectors compounds that specified in .content */
.content p {
	line-height : 1.3em;   /* Spread lines vertically a little for easier readability */
	padding : 0;
	margin : 0.5em 0 0 0.5em;  /* Page top column alignment */
}

.content h1 {
	font : bold 17pt Arial, Helvetica, sans-serif;
	color : #CB6304;  /* brownish, H1 - H6 was #8A897B (10/27/2005) */
	text-align : left;
	letter-spacing : 1.5pt;
	padding : 0;
	margin : 0.25em 0 0 0;  /* Page top column alignment */
}

.content h2 {
	font : bold 15pt Verdana, Arial, Helvetica, sans-serif;
	color : #CB6304;
	text-align : left;
	letter-spacing : 0.5pt;
	padding : 0;
	margin : 0.25em 0 0 0;
}

.content h3 {
	font : bold 14pt Verdana, Arial, Helvetica, sans-serif;
	color : #CB6304;
	text-align : left;
	letter-spacing : 0.2pt;
	padding : 0em;
	margin : 0.25em 0 0 0;
}

.content h4 {
	font : bold 12pt Verdana, Arial, Helvetica, sans-serif;
	color : #CB6304;
	text-align : left;
	letter-spacing : 0;
	padding : 0;
	margin : 0.3em 0 0 0;
}

.content h5 {
	font : bold 10pt Verdana, Arial, Helvetica, sans-serif;
	color : #CB6304;
	text-align : left;
	letter-spacing : 0;
	padding : 0;
	margin : 0.4em 0 0 0;
}

.content h6 {
	font : bold 8pt Verdana, Arial, Helvetica, sans-serif;
	color : #CB6304;
	text-align : left;
	letter-spacing : 0;
	padding : 0;
	margin : 0.5em 0 0 0;
}

/* Must be in LVHA order */
.content a:link { color : #005FA7; }
.content a:visited { color : #60509B; }
.content a:hover { color : #884D15; }

/* ------------------------------- Navigation Button Rules ------------------------------- */
/* Inline navigation link buttons. This turns the link text into a button.
They can be placed anywhere inside text. These must be placed after the content a rules above. */
.navinlinebtn a {
	display : inline;
	color : #333333;
	background-color : #FAFAF3;
	border : 1px solid #6A6F87;
	padding : 0.25em;
	margin : 0.25em;
	text-decoration : none;
}

/* Inline navigation link buttons hover CDC9D8 */
.navinlinebtn a:hover {
	color : #FFFFFF;
	background-color : #BDBCAE;
	border : 1px solid #6A6F87;
	text-decoration : none;
}



/* ------------------------------- Box Square Corner Container Rules ------------------------------- */
/* This is used when you want content to be titled nicely and surrounded by a border */
.box {
	width : 100%;		/* Added to keep right side from collapsing into content in IE v7 Beta 3 */
	font-size : 9pt;     /* Re-state font size to overcome browser differences in
                           determining pt size for this element */
	text-align : left;
	padding : 0 0.25em;  /* Controls width & height of background color area in box
									in relation to the border */
	margin : 0.5em 0;  /* Controls vertical separation of box from other items */
	border : 1px solid gray;
}

/* div#boxone { background-color : #E9F0E0; }   For test only */

/* White text on dark blue background, square corner box */
.boxhdrblue {
	font : bold 9pt Verdana, Arial, Helvetica, sans-serif;
	color : white;
	text-align : center; 
	background : #083E64;
	padding : 0.2em 0.1em;
}

/* White text on brown background, square corner box */
.boxhdrkhaki {
	font : bold 9pt Verdana, Arial, Helvetica, sans-serif;
	color : white;
	text-align : center;
	background : #884D15;
	padding : 0.2em 0.1em;
}

/* Provide spacing for text/image links, square corner box */
div.box a {
	display : block;
	padding : 0.25em 0.25em 0.25em 0.25em;
	margin : 0;
	/* text-decoration : none;  Remove underline */
}
/* Provide anchor rollover background color, square corner box */
div.box a:hover {
	background : #B3C6F0;
	/* text-decoration : none; Remove underline */
}



/* ------------------------------- XHTML Table Processing Rules ------------------------------- */
/* Continue to use <table cellspacing="0"> in XHTML because border-spacing (CSS2) does not work
	in MSIE 6.0SP1 */
table {
	width : 100%;
	margin : 0;
}

/* Needed for page layout tables */
table td {
	padding : 0;
}

/* Apply to content tables only, not page layout tables. Use 1em to avoid compounding in nested tables. */
.content table {
	font : 9pt Arial, Verdana, Helvetica, sans-serif;
	padding : 0;
	border-width : 0;
	vertical-align : middle;  /* Default */
}

/* Apply to content tables only, not page layout tables. Use 1em to avoid compounding in nested tables. */
.content table th {
	font : bold 9pt Verdana, Arial, Helvetica, sans-serif;
	text-align : center;  /* Needed for NN7.01 */
}

/* ------------------------------- Image Processing Rules ------------------------------- */
/*Turns off borders around hyperlinked images*/
img {
	border : 0;
	display : block;
}

/* Image displays on left, text flows around on right */
.imageonleft {
	float : left;
	margin-top : 0.5em;
	margin-right : 0.5em;
	margin-bottom : 0.5em;
}

/* Image is in center with text above and below */
.imagecenter {
	text-align : center;  /* MSIE 6.0 SP1 workaround */
	margin-top : 0.5em;
	margin-right : auto;
	margin-left : auto;
	margin-bottom : 0.5em;
}

/* Image displays on right, text flows around on left */
.imageonright {
	float : right;
	margin-top : 0.5em;
	margin-left : 0.5em;
	margin-bottom : 0.5em;
}

/* Results in a new inline image box on the same line as the previous content */
.imageinline {
	display : inline;
	vertical-align : middle;
}

/* ------------------------------- XHTML List Rules ------------------------------- */
li {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;  /* Use 10pt to avoid compounding in nested lists. */
	margin-top : 0.8em;
	margin-right : 3em;
	margin-bottom : 0.8em;
}

/* Dark Blue */
ol { color : #000000; }  /* Was #233762 */
ul { color : #000000; }  /* Was #233762 */

/* ------------------------------- Text Quote Rules ------------------------------- */
/* Text quote floats on left, text flows around right */
p.txtquoteleft {
	float : left;
	font : bold 10pt Arial, Helvetica, Verdana, sans-serif;
	border : solid #C2D3FC;  /* #C2D3FC(med blue) */
	border-width : 7px 0px;
	color : #888888;
	width : 140px;
	padding : 3px 2px;
	margin : 1px 7px 1px 1px;
}

/* Text quote floats on right, text flows around left */
p.txtquoteright {
	float : right;
	font : bold 10pt Arial, Helvetica, Verdana, sans-serif;
	border : solid #C2D3FC;
	border-width : 7px 0;
	color : #888888;
	width : 140px;
	padding : 3px 2px;
	margin : 1px 1px 1px 7px;
}

/* ------------------------------- XHTML Form Rules ------------------------------- */
/*Styles Applied to Form Elements */
/*
form {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 1em;  Works in NN7.01 but not MSIE6.0SP1
	padding : 0em;
	margin : 0em;
}
*/

/* Hack since the above form does not work in MSIE6.0SP1 */
.formlabel {
	font-size : 8pt;
}

/*
input {
	background-color : #FEFEFE;
	border : 5px solid #999999;
}
*/

/* CSS2 feature */
/*
input:focus { background : #FFFFFF; }
*/

/*
textarea { 
	background-color : #FAE4A5;
	border : 1px solid #999999; 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
}
*/

/*
.checks {
	background-color : #FFFFFF;
	border : 1px none
}
*/

/* Style Applied to Form Submit and Reset Buttons */
.formbutton {
	background-color : #B3BEEB;  /* B3BEEB(med blue) E0E1F0(lt blue) */
	padding : 0;
	border-width : 1px;
	margin : 0;
}

/* ------------------------------- Icon Image Rules ------------------------------- */
/* For icons along the left side */
.icononleft {
	border-bottom : 1px solid #CCC;
	border-left : 0 solid #CCC;
	border-right : 1px solid #CCC;
	border-top : 1px solid #CCC;
}

/* For icons along the right side */
.icononright {
	border-bottom : 1px solid #CCC;
	border-left : 1px solid #CCC;
	border-right : 0 solid #CCC;
	border-top : 1px solid #CCC;
}

/* ------------------------------- PDF required statement Rules ------------------------------- */
/* For "Viewing pdf documents requires the free Acrobat Reader v4.0+ statement." */
.pdfstatement {
	color : #6495ED;
	font-size : 8pt;
}

/* ------------------------------- Footer Rules ------------------------------- */



/* ========== NEW footer CSS rules ========== */
div#footercontainer {
	border-top : 1px solid gray;
	padding-top : 5px;
	color : #444444;
	width : 800px;
}

/* Control template fixed width */
table#wholefooter {
	width : 800px;
}
/* ========== NEW footer CSS rules ========== */



/* ========== DEPRECATE AFTER NEW FOOTER IMPLEMENTATION WITH EMAIL DISCLAIMER ========== */
/* Clear both prevents this element from being placed on either side of any floating elememnts. */
div#footer {
	color : #444444;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	letter-spacing : 0.75px;
	line-height : 1.4em;
	padding : 0.1em 0 0;
	border-top : 1px solid gray;   /* Give it a top rule line to set it apart */
	margin : 1.0 0 0;   /* Give it a larger top margin */  
	/* clear : both; */
	text-align : center;
}

/* div#footer { background-color : #E0E1F0; }  For test only */

/* ========== DEPRECATE AFTER NEW FOOTER IMPLEMENTATION WITH EMAIL DISCLAIMER ========== */
div#footerarea1 {
	float : left;
	margin-left : 0.25em;
}

/* ========== DEPRECATE AFTER NEW FOOTER IMPLEMENTATION WITH EMAIL DISCLAIMER ========== */
div#footerarea1a {
	text-align : right;
	margin-right : 0.25em;
	font-size : 9pt;
}

/* ========== DEPRECATE AFTER NEW FOOTER IMPLEMENTATION WITH EMAIL DISCLAIMER ========== */
div#footerarea2 {
	margin : 0.5em 0;
}

/* ========== DEPRECATE AFTER NEW FOOTER IMPLEMENTATION WITH EMAIL DISCLAIMER ========== */
div#footerarea3 {
	float : left;
	margin-left : 0.25em;
}

/* ========== DEPRECATE AFTER NEW FOOTER IMPLEMENTATION WITH EMAIL DISCLAIMER ========== */
div#footerarea4 {
	float : right;
	text-align : left;
	margin-left : 1em;
	margin-right : 0.25em;
}

/* ========== DEPRECATE AFTER NEW FOOTER IMPLEMENTATION WITH EMAIL DISCLAIMER ========== */
/* Tone down the link color to go with the footer text */
.footerlink a:link { color : #778 }
.footerlink a:visited { color : #878 }