@charset "UTF-8";

/* CSS Document */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1.9; text-align:center; background:#fff; color:#11111; scrollbar-base-color:#777; scrollbar-face-color:#666; scrollbar-arrow-color:#fff; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }

table.default, table.contacttable {width:100%;}

table.default td { padding:5px;border-bottom:1px solid #777;}

table.contacttable td { padding:5px;vertical-align:text-top!important;  }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* -------------------------------------------------------------- 

   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. */
html { font-size:100.01%; }

body, input, textarea { font-size: 83%; font-family: Arial, Helvetica, sans-serif; }

/* Headings
-------------------------------------------------------------- */


h1, body.home #content h2 { font-size: 2.2em; line-height: 1.2; margin-bottom: 0.5em; color:#000; letter-spacing:-1px; color:#000 }

h2 { font-size: 1.85em; margin-bottom: 0.5em; color:#c11e16; letter-spacing:-1px }

h3 { font-size: 1.65em; line-height: 1.2; margin-bottom: .5em; color:#c11e16; }

#content h3 {letter-spacing:-1px}

div.submenu h4 { color:#ccc; margin:0 0 10px 0;color:#c11e16; }

h4 { font-size: 1.3em; margin-bottom: .5em;color:#c11e16;  }

h5 { font-size: 1em; font-weight: bold; margin-bottom: .5em; }

h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

#rightcol h4 { font-size:1.2em; }

/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; line-height:170%; font-size:1.1em }

#rightcol p { font-size:13px; margin:0 0 20px 0; clear:both; display:block; }

p img.left_top { float: left; margin: .4em 1.4em 1.4em 0; }

p img.right_top { float: right; margin: .4em 0 1.4em 1.4em; }

p img.left_inside { float: left; margin: 1.4em 1.4em 1.4em 0; }

p img.right_inside { float: right; margin: 1.4em 0 1.4em 1.4em; }

p img.inlinephoto { clear:both; display:block; margin:1.4em 0; }

#scrollbox p img.left_top { float: left; margin: .2em 1.2em .75em 0; }

#scrollbox p img.right_top { float: right; margin: .2em 0 .75em 1.0em; }

#scrollbox p img.left_inside { float: left; margin: 1.2em .75em 1.0em 0; }

#scrollbox p img.right_inside { float: right; margin: 1.2em 0 .75em 1.2em; }

#scrollbox p img.inlinephoto { clear:both; display:block; margin:1.0em 0; }

a:focus, a:hover { text-decoration: none; }

a { color: #000; }

a { outline: none; } /* Getting rid of that dotted border in FF	*/

blockquote { margin: 1.5em; }

strong { font-weight: bold; }

em, dfn { font-style: italic; }

dfn { font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color:#666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists
-------------------------------------------------------------- */

li ul, li ol { margin: 0; }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul { list-style-type: square; }

ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; width:100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

/* Misc classes
-------------------------------------------------------------- */

.small { font-size: 11px; }

.hide { display: none; }

.l { float:left; }

.r { float:right; }

.red { color:#c11e16; }

/* -------------------------------------------------------------- 

   layout.css
   * page layout.
   
-------------------------------------------------------------- */
 
 
 /* Forms
 -----------------------------------------------*/
 
 /* Recaptcha Styles */  
 

td.recaptcha_image_cell { border:1px solid #000!important }

.recaptchatable .recaptcha_image_cell, #recaptcha_table, .recaptchatable td { background-color:transparent!important; border:none!important /* reCaptcha widget background color*/ }

.recaptchatable { line-height:0px; border: 1px solid #fff !important; }

.recaptchatable td img { display: block; border:0px solid #fff!important; }

.recaptchatable td { margin:auto; border:1px solid #000 !important; }

#recaptcha_response_field { border: 1px solid #333333!important; /* Text input field border color*/ }

.recaptchatable img#recaptcha_image { border:none!important; /* stop spam read books removing border from this image*/ }

.recaptchatable label.recaptcha_input_area_text { border:1px solid #fff !important; }

#recaptcha_table .recaptchatable .recaptcha_image_cell center img { border:none!important; }

#content input[type="text"], #content textarea, #content select /* To keep form fields consistent when FireFox overrides them*/ { background: #fff!important; border: 1px solid #333333; padding:4px; margin:2px 0 3px 0; }

#content textarea, #content input[type="text"] { width:93%; }

#content textarea { height:100px; }

#content input[type="button"], #content input[type="submit"]  /* To keep form fields consistent when FireFox overrides them*/ { border: 1px solid #333333; background:#333333; color:#fff; font-weight:normal; font-size:14px; padding:3px; }

#content input[type="submit"]:hover, #content input[type="button"]:hover { background:#333333; }

label { font-size: 12px; margin:5px 0 2px 0; font-weight:bold; padding:5px 5px 0 0; }

label span { font-size:10px; font-weight:normal; }

/*****************************************************************/
 /***************** CONTACT FORM ***************/
/*****************************************************************/
 

.contactform { /*width of contact form */ margin:0 0 20px 0px; width:100%; }

.contactform label { /*all labels are bold */ font-weight:bold; font-size:12px; }

.contactform div { /*this makes the form fields and labels not so squished together */ margin:5px 0; }

.contactform fieldset legend { /*the legend does not display */ display:none; }

.contactform .textarea textarea, .contactform .textfield input, .contactform .select select { /*general field styles */ font-size:14px; padding:5px; }

.contactform .textfield label, .contactform .textarea label, .contactform .select label { /*labels inside these divs are blocks */ display:block; width:100%; margin:0 0 3px 0; }

.contactform .textarea textarea { /*width and height of the textarea field */ height:100px; width:95%; }

.contactform p, .contactform h3, .contactform p, .contactform h2 { /*If you add text inside the your form this is where you set the formats up if you override the main css */ padding:2px 0!important; }

.contactform div.clear { /*assign a class e.g., textfield clear after a floated div */ clear:both; }

div.textfield input { /*the text field input width and styles */ }

.contactform div.select select { /*width of the select field */ }

.contactform span { /*spans inside the form are blocks, display inline if necessary */ display:block; }

.contactform span.error { font-size:14px; color:#c40d15; font-weight:bold; display:block; margin:2px 0 8px 0; }

div.error_message { padding:0 0 20px 0; color:#c40d15; font-size:14px; }

div.error_message h2 { color:#c40d15!important; font-weight:bold!important; }

div.error_message span { display:block; }

p.required { font-size:11px; }

p.smalltext { font-size:11px!important; }

fieldset.spam { /*this is the spam fieldset class */ background:#fff!important; /*the width of the contact form minus the padding */ }

fieldset.spam .textfield input { /*the textfield inside the spam fieldset */ }

fieldset.spam span { /*the text inside the spam fieldset is in a span */ font-size:12px; font-weight:bold; }

fieldset.spam img { /*give the spam image some pizazz */ border:0px solid #333; }

#outterwrapper { width:100%; background:#000; text-align:center; position:relative; padding-top:46px; }

#pagewidth { width:980px; text-align:left; margin:0 auto; position:relative; }

#header { position:relative; height:147px; width:100%; background:url(../images/header-florida-generator.png) center top no-repeat; }

#header h1, #header h2 { position:absolute; width:500px; height:102px; padding:0; top:0; left:0; overflow:hidden; margin:0; }

#header h1 span, #header h2 span { position:absolute; width:50px; margin-left:-5000px; }

#header h1 a, #header h2 a { position:relative; display:block; width:500px; height:147px; margin:0; padding:0; overflow:hidden; }

#header h3 { position:absolute; width:400px; height:102px; padding:0; top:0; right:0; overflow:hidden; margin:0; }

#header h3 span { position:absolute; width:50px; margin-left:-5000px; }

#rightcol { width:235px; float:right; position:relative; }

#rightcol img.logo { float:left; margin:0 10px 10px 0; }

#content_container { margin:0; background:#fff }

#content_wrapper { clear:both; background:#fff url(../images/bodyrule.png) center center repeat-y; width:925px; margin:0 auto 20px auto; }
body.used-generators #content_wrapper {background-image:none;}
body.used-generators #rightcol {display:none;}
body.used-generators #content {width:925px;}
#content { float: left; display:inline; position: relative; width:625px; }

#content_footer { clear:both; background:#282828 url(../images/footer-bar.png) top left no-repeat; padding:70px 0 20px 0; border-bottom:12px solid #c6261e; }

#content_footer * { color:#ddd; }

#content_footer h2, #content_footer h3 { font-size:18px; line-height:22px; font-weight:bold; text-transform:uppercase; }

#content_footer div.r h3 { font-size:16px; line-height:20px; font-weight:bold; text-transform:uppercase; }

#content_footer div.l { width:426px; margin:0 30px; }

#content_footer div.r { width:426px; margin:0 30px; }

#content_footer div.l ul.r, #content_footer div.l ul.l { float:left; list-style-type:none; margin:0 20px 0 0; padding:0 }

#content_footer img { float:left; margin:0 15px 0 0; }

#footer { padding:10px 0 50px 0; clear:both; width:980px; margin:0 auto; text-align:left; }

#footer p, #footer a { color:#ccc; font-size:10px; text-decoration:none; }

#footer a span { display:block; float:left; text-indent:-3000px; width:1px; height:1px; overflow:hidden; }

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

/* -------------------------------------------------------------- 

   menu.css
   * menu.
   
-------------------------------------------------------------- */

div.submenu { margin:0 0 20px 0; padding-bottom:10px; border-bottom:5px solid #c11e16; }

div.submenu ul { margin:0 0 0 15px; padding:0; }

div.submenu ul li { list-style-type:square; font-size:14px; padding:3px 0; margin:0; }

div.submenu ul li a { text-decoration:none; }

div.submenu .currentpage { color:#c11e16; }

#menu_horiz { width:950px; position:absolute; top:103px; left:20px; text-align:left; }

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }

#menu_container { /* Fix for Opera 8 */ /*   overflow: hidden;  */ width: 950px; z-index:1000000; margin:0 auto; }

#main_menu li { padding:0; margin:0; font-size:14px; }

#main_menu li li { font-size:12px; z-index:1000000 }

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#main_menu li li { width: 200px; }

/* Unless you know what you do, do not touch this */ 
#main_menu, #main_menu ul { list-style: none; margin: 0px; padding: 0px; }

#main_menu ul { position: absolute; top: auto; display: none; }

#main_menu ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; }

#main_menu li { margin-left: -1px; margin-right: 10px; float: left; }

#main_menu li li { margin-left: 0px; margin-top: 0; border-bottom:1px solid #fff; float: none; position: relative; }

/* Styling the basic apperance of the menu elements */
#main_menu a { color:#fff; display: block; margin: 0px; padding: 0 5px 0; text-decoration: none; line-height:43px; }

#main_menu li a:hover { color:#fff; }

#main_menu li li a { color:#333333!important; background-color:#dddddd; line-height:28px; }

#main_menu li li a:hover { color:#fff!important; background:#c11e16; }

#main_menu li, #main_menu li.menuparent { color: #c11e16; }

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#main_menu li.menuactive a, li.currentpage, #main_menu ul li a { color:#fff; }

#main_menu li.menuactive a { text-decoration:underline }

#main_menu li.menuactive ul li a { text-decoration:none }

#main_menu li.menuactive ul li a { color:#333333; }

#main_menu li.menuactive ul li a:hover { color:#c11e16; }

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#main_menu ul li.menuparent, #main_menu ul li.menuparent:hover, #main_menu ul li.menuparenth { /* arrow for menuparents 
   background-image: url(../../../images/../../images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; */ }

/* Styling the apperance of menu items on hover */

#main_menu li:hover, #main_menu li.menuh, #main_menu li.menuparenth, #main_menu li.menuactiveh {background:#000; }

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#main_menu li:hover ul ul, 
#main_menu li.menuparenth ul ul ul,
for fourth level 
*/
#main_menu ul, #main_menu li:hover ul, #main_menu li:hover ul ul, #main_menu li.menuparenth ul, #main_menu li.menuparenth ul ul { display: none; }

/* add 
#main_menu ul ul ul li:hover ul, 
#main_menu ul ul ul li.menuparenth ul,
for fourth level
*/
#main_menu li:hover ul, #main_menu ul li:hover ul, #main_menu ul ul li:hover ul, #main_menu li.menuparenth ul, #main_menu ul li.menuparenth ul, #main_menu ul ul li.menuparenth ul { display: block; }

/* IE Hacks */
#main_menu li li { float: left; clear: both; }

#main_menu li li a { height: 1%; }

#main_menu li li li a { height: 1%; }

/* Accessibility
-------------------------------------------------------------- */

/* 
menu links accesskeys 
*/
span.accesskey { text-decoration:none; }

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr { position: absolute; top: -999em; left: -999em; }

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn { position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }

/* end accessibility */


/* *** Float containers fix:*** */ 

.cf:after, #sidegallery:after, #rightcol p:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .cf, * html #sidegallery, * html #rightcol p { zoom: 1; } /* IE6 */

*:first-child+html .cf, *:first-child+html #sidegallery, *:first-child+html #rightcol p { zoom: 1; } /* IE7 */

/* Search
-------------------------------------------------------------- */
div#search { width:331px; position:absolute; top:-48px; right:0px; background:url(../images/search.png) no-repeat left 0; height:46px; display:block; overflow:hidden; }

input[type=text]:focus, input[type=password]:focus { outline: 0 none; }

fieldset.search { border: none; width: 218px; margin:0; padding:0; }

.search input { border: none; float: left; }

div#search .search input.box { font-size: 12px; font-weight:bold; width: 225px; height: 22px; padding:0; background-image:none; background-color:transparent; margin-right: 0px; position:absolute; top:19px; left:68px; color:#fff; font-weight:normal; }

.search .btn { width: 30px; height: 46px; cursor: pointer; text-indent: -9999px; position:absolute; top:0px; right:0px; background:url(../images/search.png) no-repeat right top; }

.search .btn:hover { background:url(../images/search.png) no-repeat bottom right; }

#slidefade { float:left; width:597px; height:187px; overflow:hidden; background:url(../images/slide-1of5.png) no-repeat; }

#slidefade h2 { position:absolute; top:0; left:0; text-indent:-3000px; width:10px; height:10px; overflow:hidden }

#scrollbox { float:right; width:378px; height:187px; background:#454545 url(../images/h_announcements.png) top left no-repeat; border-left:5px solid #000; overflow-y:auto; overflow-x:hidden; }

#scrollbox .container { padding:10px 10px 10px 40px; }

#scrollbox * { color:#fff; line-height:1.3; }

#scrollbox p { font-size:95% }

#scrollbox h3.scrollboxtitle { font-size:1.2em; font-weight:bold; }

#homeheader { display:none; }

body.home #homeheader { display:block; height:187px; margin:0 0 30px 0; position:relative; }

body.home #subheader { display:none; }

#subheader { width:100%; background:url(../images/sub_header_strip.png) 0 0 no-repeat; border-bottom:1px solid #000; height:68px; margin:0 0 30px 0; }

 
/* Printer Styles
-------------------------------------------------------------- */

 @media print {

/*hide the left column when printing*/ 
#rightcol { display:none; }

#twocols, #maincol { width:100%; float:none; }
}