/* Changelog 

v. 0_4.css
- slash and burn old code
v. 0_3.css
- add contact form

*/

/* reset YUI's treatment, which set it to 12.5em */
input[type="text"], input[type="password"], textarea {
    width:auto;
}


html {
	height:100%;
	background:#eee;
	outline:0px solid red;
}
/* causes white background to end prematurely in right column */
/*
body.hp {
	background:#eee;
	height:100%;
}
*/

/* REVIEW THIS - this is overriding yahoo font stuff*/
p, table, th, td, tr, address, li, hr, h1, h2, h3, h4, h5 {
	/*font-family:verdana,arial,helvetica,geneva,"lucidasans",sans-serif;*/
	font-size:small;
	color: #222;
	/*line-height:150%;*/
}
p {
	/*font-family:verdana,arial,helvetica,geneva,"lucidasans",sans-serif;*/
	font-size:small;
	line-height:150%;
}
h1 {
	font-size:150%;
	/*color:#00008b;*/
	/*border-bottom:2px dotted #CCCCCC;*/
}
h2 {
	font-size:120%;
	/*color:#00008b;*/
}
h3 {
	font-size:120%;
	/*color:black;*/
}
h4,h5 {
	font-size:100%;
	/*color:#00008b;*/
}
a:link{color:blue;text-decoration:none;}
a:visited{color:purple;text-decoration:none;}
a:active{color:#00008b;text-decoration:underline;}
a:hover{/*color:#de5414;*/text-decoration:underline;}
div#wrap {
	width:980px;
	height:100%;
	margin:auto;
	padding-top:10px;
	outline:0px solid green;
}
div#title {
	float:left;
	background:#011E61;
	width:340px;
	height:52px;
	margin-bottom:0px;
	outline:0px solid red;
}
img#img_title {
	margin-left:25px;
	margin-top:5px;
}
div#nav_account {
	float:right;
	background:#011E61;
	color:white;
	width:640px;
	height:52px;
	margin-bottom:0px;
	outline:0px solid red;
}

/* upper right nav */
div#nav_account ul{
	background:#011E61;
	float:right;
	list-style:none;
	outline:0px solid orange;
}
div#nav_account ul li{
	background:#011E61;
	list-style:none;
	display:inline;
	padding:6px;
	outline:0px solid green;
}
div#nav_account ul li a {
	background:#011E61;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
div#nav_account ul li a:hover {
	color:#FF0;
	font-weight:bold;
}

/* header & nav
 light green background:#DBEDE6 
 Coding inspiration from Larry Ullman
 */
div#nav_topstrip {
	clear:both;
	height:6px;
	background:#B8CDC5;
}
div#nav {
	height:26px;
	background:#B8CDC5;
}
div#nav ul {
	list-style:none;
	padding:0;
	height:100%;
	margin:0;
	position:relative;
}
div#nav ul li {
	display:inline;
	float:left;
}
div#nav ul li.selected {
	background-color:#FFF;
}
div#nav ul li.selected a, div#nav ul li.selected a:visited {
	color:#000;
	margin:0;
	padding:0;
}
div#nav ul li.selected a span, div#nav ul li.selected a:hover span {
	display:block;
	cursor:pointer;
	padding:4px 8px 6px 8px;
}
div#nav ul li a, div.nav ul li a:visited {
	float:left;
	margin:0 5px;
	padding:4px 8px 6px 8px;
	text-decoration:none;
	color:#00008b;
	font-size:small;
	font-weight:bold;
}
div#nav ul li a:hover {
	padding:0;
}
div#nav ul li a:hover span {
	display:block;
	padding:4px 8px 6px 8px;
	cursor:pointer;
	background:#EEE;
}
/* data pages sub-nav */
div#nav_data {
	float:right;
	background:#E8F6F1;
	background:#ECEAF7;
	background:#EEEFFF;
	background:#F6F6FF;
	width:180px;
	margin-top:65px;
	outline:1px solid #CCC;
}
ul#nav_data li {
	list-style:none;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
	height:100%;
	margin:0;
	position:relative;
}
li.nav_data {
	text-decoration:none;
}

/* page layout */
#div_page {
	background:#fff;
	height:100%;
	width:980px;
	/* top right bottom left */
	margin:0px;
	padding-top:0px;
	outline:0px solid orange;
}
#left_66 {
	background:#FFF;
	float:left;
	width:620px;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	outline:0px solid red;
}
#right_33 {
	background:#FFF;
	float:left;
	width:300px;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	outline:0px solid red;
}
#left_16 {
	/*background:#CCC;*/
	float:left;
	height:100%;
	width:150px;
	margin:40px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	outline:0px solid purple;
}

/* Home Page */
#div_FreeMapViewerOffer {
	width:600px;
	text-align:center;
	outline: 0px solid red;
}
img#img_fmo_viewer {
	border:1px solid #AAA;
}
#div_SubscriptionOfferBox {
	margin-top:65px;
	background:#DBEDE6;
	padding:5px;
	border:1px solid green;
	width:285px;
}
#table_SubscriptionOfferBox {
	margin-left:auto;
	margin-right:auto;
	background:#FFE;
	border:1px solid #EEE;
}
#div_dataOffer {
	margin-top:20px;
	border:1px solid #CCC;
	padding:5px;
	width:285px;
}

#footer{
	clear:both;
	background:#fff;
	height:60px;
	/*padding:10px 0px 10px 0px;
	margin:0px auto 0px auto;*/
	margin-top:10px;
	padding-top:10px;
	border-top:2px dotted #CCCCCC;
	outline: 0px solid red;
}
p.footer{
	font-size:small;
	text-align:center;
	color:#444;
}


/* florida-maps-online-details.php */
/* florida-map-layer-directory */
td.data1{background:#EEFFEE;border-bottom:0px solid black;border-right:0px solid black;}
td.data2{background:#FFFFFF;border:0px solid black;}
td.home_table_body2{background:white;background:#E9F4FF;background:#EEEEEE;font-weight:bold;font-size:9pt;}
div#testimonialHead {
	margin-top:30px;
	border:1px solid green;
	border-bottom:0px solid black;
	font-weight:bold;
	background:#DBEDE6;
	background:#ECF6F2;
	height:20px;
	padding:5px;
	text-align:center;
}
div#testimonialBody {
	border:1px solid green;
	font-size:10pt;
	background:#F3F5F6;
	background:#ECF6F2;
	background:#FFF;
	padding:8px;
}

/* tutorial page */
ol.image_list {
	margin-top:80px;
	margin-left:80px;
	width:200px;
	outline:0px solid red;
}
li.image_list {
	padding-bottom:8px;
}
img.tool {
	padding-right:5px;
}
ul.tool_desc {
	padding-left:30px;
}
p.tool_desc {
	padding-left:20px;
}
p.tool_desc_level2 {
	padding-left:40px;
}
p.tool_desc_head
 {
	padding-top:10px;
}
img.tool_desc {
	padding-left:25px;
}

/* arials page */



/* florida-map-layer-directory */
#ul_dataDirectory li {
	list-style:none;
	padding:0;
	padding-top:10px;
	height:100%;
	margin:0;
	position:relative;	
}
strong.dataDirectory {
	font-size:medium;
	font-weight:bold;
}

/* parcels-appraiser.php */
td.parcels_col {border:1px solid #CCC;}
td.parcels_desc {border:1px solid #CCC;}


/* data layer pages */
/* GONE ?
table.data {
	width:620px;
	margin-right:0pt;
	margin-bottom:5pt;
	border:1px solid #CCCCCC;
} */
div.product_offer1 {
	background:#DBEDE6;
	padding:10pt;
}
div.data_description_cntr {
	width:620px;
	float:left;
	margin-bottom:20px;
	border:1px solid #CCC;
	outline:0px solid orange;
}
/* NOT USED - float right title right
h3.data_title {
	float:right;
	width:348px;
	padding:6px;
	padding-left:15px;
	margin:0px;
	background:#EEE;
	outline:0px solid blue;
} */
h3.data_title {
	width:606px;
	padding:6px;
	padding-left:8px;
	margin:0px;
	background:#EEE;
	outline:0px solid blue;	
}
div.data_list {
	float:left;
	padding:6px;
	padding-top:0px;
	outline:0px solid purple;
}
div.data_image {
	float:right;
	width:250px;
	height:250px;
	text-align:center;
	outline:0px solid green;
}
img.data_image {
}
p.data_image_caption {
}
dl.data_description_elements {
	/*padding:6px;*/
	margin:0px;
	width:358px;
	outline:0px solid red;
}
dt.description,dt.map_scale,dt.coverage {
	font-weight:bold;
	padding-top:6px;
	margin:0px;
	outline:0px solid yellow;
}
dd.data_def {
	padding-top:4px;
	padding-bottom:4px;
	outline:0px solid blue;
}
p.description {
	margin-top:10px;
	margin-bottom:3px;
}
div.data_more_info {
	clear:both;
	margin-top:5px;
	padding:5px;
	outline:0px solid green;
}
th.rec {
	background:#EEE;
	border:1px solid #CCC;
}
td.rec {
	border:1px solid #CCC;
	font-size:small;
	padding:5px;
}

/* CONTACT FORM 
CSS inspiration from CSS Mastery book 
*/
div.container_contact {
	outline:0px solid red;
}
div.contact {
	padding:5px 10px 5px 0px;
}
div.form {
	width:550px;
	padding:10px;
	margin-bottom:20px;
	background: #ECF6F2;
	border:1px solid #CCC;
}

form {
	/*margin:1em 0;
	padding: 1em;*/
	outline: 1px soilid purple;
	/*background: #f8f8f8;
	background: #ffffee;
	background: #DAE9F4;
	background: #ECF6F2;*/
}
fieldset {
	/*margin:1em 0;*/
	margin-bottom:20px;
	padding: 1em;
	border: 1px solid #CCC;
	background: #f8f8f8;
	background: #ffffee;
	background: #DAE9F4;
	background: #ECF6F2;
	
}
legend {
	font-weight:bold;
	font-size:medium;
	padding:0px 5px 0px 5px;
	margin:0px;
	/* for our IE friends :( */
	margin-top:-26px;
	outline:0px solid red;
}
label {
	display:block;
	cursor:pointer;
	font-weight:bold;
	color:#333;
	padding-top:0px;
}
input {
	width:30em;
	padding:3px;
	margin-top:3px;
}
textarea {
	width:100%;
	height:10em;
	padding:3px;
	margin-top:3px;
}
input.input_text_contact {width:20em;}
input.input_text_small {width:6em;}
em.required {color:red}
input.submit{width:200px;font-weight:bold;}
/* for firefox */
input[ type="text" ],[ type="password" ], textarea { 
	border: 1px solid #999; 
} 
input[ type="radio" ] { 
	margin:6px;
	outline: 0px solid red; 
} 
div#addressHead {
	margin-top:65px;
	padding:5px;
	background:#F6F6FF;
	font-weight:bold;
	border:1px solid #CCC;
}
div#addressBody {
	padding:10px;
	border:1px solid #CCC;
	border-top:0;
}


/* membership forms 
- TODO - review CSS frorm original code
*/


form input.formbutton {
	background:#363F50 none repeat-x scroll bottom left;
	color:#ffffff;
	font-size:0.8em;
	border:1px solid #2B3240;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

form input.error, textarea.error, select.error {
	border: 2px solid #800517;
}

span.error {
	/*color: #800517;*/
	color:red;
	font-weight: normal;
}

div#ad_160x600 {
	float:right;
	margin-top:20px;

}


/* NAVIGATION BAR and LEFT SUB-NAVIGATION */


/* OLD STUFF
td.taboff_nav{background:#B8CDC5;font-weight:bold;border-bottom:1px solid #011E61;text-align:center;font-size:9pt;}
td.tabon_nav{text-align:center;background:#FFFFFF;font-weight:bold;border-left:1px solid #011E61;border-right:1px solid #011E61;border-top:1px solid #011E61;font-size:9pt;}
td.taboff_nav_sub{background:#A6C2AC;background:#6895B1;text-align:center;font-size:8pt;}
td.tabon_nav_sub{text-align:center;background:#E9FFEC;font-size:9pt;}
td.tabon_nav_page{text-align:center;background:#E9FFEC;font-weight:bold;border-left:0px solid #C30000;border-top:0px solid #C30000;font-size:9pt;}
td.taboff1{background:#A6C2AC;font-weight:bold;border:0px solid #A6C2AC;}
td.tabon1{background:#CDF5FF;font-weight:bold;}
a.taboff:link{font-size:9pt;color:#00008b;text-decoration:none}
a.taboff:visited{font-size:9pt;color:#00008b;text-decoration:none}
a.taboff:active{font-size:9pt;color:black;text-decoration:underline}
a.taboff:hover{font-size:9pt;color:black;text-decoration:underline}
a.tabon:link{font-size:9pt;color:#00008b;text-decoration:none}
a.tabon:visited{font-size:9pt;color:#00008b;text-decoration:none}
a.tabon:active{font-size:9pt;color:black;text-decoration:underline}
a.tabon:hover{font-size:9pt;color:black;text-decoration:underline}
a.lefthead:link{color:blue;color:#0000cc;text-decoration:none}
a.lefthead:visited{color:#02038F;color:#551a8b;text-decoration:none}
a.lefthead:active{color:red;text-decoration:underline}
a.lefthead:hover{color:red;text-decoration:underline}
a.leftbody:link{color:blue;color:#0000cc;text-decoration:none}
a.leftbody:visited{color:#02038F;color:#551a8b;text-decoration:none}
a.leftbody:active{color:red;text-decoration:underline}
a.leftbody:hover{color:red;text-decoration:underline}
*/


/* PROBABLY FROM OLD USER MANAGEMENT CODE */
/*
p.indent{margin-left:20pt;margin-top:20pt;}

span.header{color:white;font-size:20pt;background:#000099;margin-left:0pt;text-indent:40px;}

table.noborder{margin-left:10pt;margin-right:10pt;}

table.multiple{font-size:9pt;border:#A6C2AC;background:#FDFFE9;border-style:solid;border-width:2px;margin-right:20pt;}
tr.multiple_header{background:#A6C2AC;background:#FDFFE9;}
tr.multiple_row1{background-color:#FFFFFF;}
tr.multiple_row2{background-color:#EEEEEE;}

table.single_main{margin-left:10pt;margin-right:10pt;border:#A6C2AC;border-style:solid;border-width:0px}
td.single_header{border:#A6C2AC;background:#A6C2AC;color:black;font-weight:bold;margin-left:10pt;}
span.single_header_small{color:black;font-weight:bold;font-size:100%;background:#A6C2AC;margin-left:10pt;}
td.single_colname{text-align:right;margin-right:3pt;font-weight:bold;vertical-align:top;}
td.single_colvalue,td.login_text1{}

a:link{color:#0000cc}
a:visited{color:#551a8b}
a:active{color:red}
a:hover{color:red}
*/