html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

html,body {background: #1e1612 url("/images/page/bodybg.gif") repeat-x top left; color: #fff; text-align: center;}

#container {width: 100%; margin: 1em auto 5em auto; background: #1e1612 url("/images/page/containerbg.jpg") no-repeat top center; font-size: 62.5%;}

#memberlogin {width: 930px; height: 20px; margin: 0 auto; background: #1e1612 url("/images/page/memberloginbg.jpg") no-repeat top center;}

#navbar {position: relative; width: 930px; height: 155px; margin: -1em auto 0 auto; background: url("/images/page/navbar.jpg") no-repeat top center; text-align: center;}
#navbar li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navbar li, #navbar a {height: 155px; display: block;}
#panel1b {left: 0; width: 155px;}
#panel2b {left: 155px; width: 72px;}
#panel3b {left: 227px; width: 81px;}
#panel4b {left: 308px; width: 80px;}
#panel5b {left: 388px; width: 125px;}
#panel6b {left: 513px; width: 117px;}
#panel7b {left: 630px; width: 105px;}
#panel8b {left: 735px; width: 98px;}
#panel9b {left: 833px; width: 97px;}
#panel1b a:hover {background: transparent url("/images/page/navbar.gif") 0 -155px no-repeat;}
#panel2b a:hover {background: transparent url("/images/page/navbar.gif") -155px -155px no-repeat;}
#panel3b a:hover {background: transparent url("/images/page/navbar.gif") -227px -155px no-repeat;}
#panel4b a:hover {background: transparent url("/images/page/navbar.gif") -308px -155px no-repeat;}
#panel5b a:hover {background: transparent url("/images/page/navbar.gif") -388px -155px no-repeat;}
#panel6b a:hover {background: transparent url("/images/page/navbar.gif") -513px -155px no-repeat;}
#panel7b a:hover {background: transparent url("/images/page/navbar.gif") -630px -155px no-repeat;}
#panel8b a:hover {background: transparent url("/images/page/navbar.gif") -735px -155px no-repeat;}
#panel9b a:hover {background: transparent url("/images/page/navbar.gif") -833px -155px no-repeat;}

#indexcontent {clear: both; width: 930px; margin: 0 auto;}
#memberindexcontent {background: #1e1612; font-size: 62.5%;}
#map {width: 890px; height: 760px; margin: 0 auto; border: 2px solid #000;}

#footer {clear: both; height: 5.5em; margin-bottom: 2em; background: #533e32 url("/images/page/footerbg.gif") repeat-x top left; font-size: 62.5%;}
#sitemenu {width: 930px; padding-top: 2em; font: 500 1em verdana, sans-serif; text-align: right;}

/* Misc Classes */
br.spacer {clear: both; visibility: hidden;}
.subcontent {float: left; clear: right; position: relative; width: 160px; margin-left: 2.15em;}
.contentbox {background: #39281f; padding: 1.5em 1em; color: #a79185; font: 500 1.2em arial, verdana, sans-serif; border: 2px solid #000; text-align: left;}
#sidebar {float: left; clear: right; width: 200px; text-align: left;}
#member {width: 600px; height: 480px;}
#membermap {position: relative; width: 870px; height: 760px; margin: 0 auto; background: url("/images/page/member_map.gif") no-repeat top left;}
#membermap li {margin: 0; padding: 0; list-style: none; position: absolute;}
#membermap a {display: block;}
#jay {left: 85px; top: 15px; width: 35px; height: 15px;}
#chipley {left: 220px; top: 10px; width: 55px; height: 15px;}
#marianna {left: 235px; top: 27px; width: 65px; height: 15px;}
#blountstown {left: 260px; top: 90px; width: 80px; height: 15px;}
#perry {left: 425px; top: 90px; width: 45px; height: 15px;}
#live_oak {left: 470px; top: 60px; width: 60px; height: 15px;}
#lake_city {left: 535px; top: 80px; width: 65px; height: 15px;}
#starke {left: 580px; top: 105px; width: 45px; height: 15px;}
#gru {left: 535px; top: 120px; width: 65px; height: 50px;}
#pga {left: 605px; top: 145px; width: 70px; height: 40px;}
#williston {left: 530px; top: 190px; width: 60px; height: 15px;}
#leesburg {left: 615px; top: 225px; width: 70px; height: 15px;}
#ouc {left: 680px; top: 245px; width: 100px; height: 30px;}
#fmpa {left: 565px; top: 260px; width: 100px; height: 30px;}
#kua {left: 665px; top: 285px; width: 120px; height: 30px;}
#lakeland {left: 610px; top: 315px; width: 65px; height: 15px;}
#clearwater {left: 540px; top: 330px; width: 75px; height: 15px;}
#ft_meade {left: 620px; top: 355px; width: 65px; height: 15px;}
#vero_beach {left: 730px; top: 370px; width: 80px; height: 15px;}
#fpua {left: 710px; top: 385px; width: 115px; height: 35px;}
#lake_worth {left: 780px; top: 460px; width: 65px; height: 25px;}
#sunrise {left: 790px; top: 540px; width: 60px; height: 15px;}
#homestead {left: 745px; top: 605px; width: 80px; height: 15px;}
#jay a,#chipley a,#marianna a,#blountstown a,#perry a,#live_oak  a,#lake_city a,#williston a,#leesburg a,#lakeland a,#clearwater a,#ft_meade a,#vero_beach a,#sunrise a,#homestead a {height: 15px;}
#ouc a,#fmpa a,#kua a {height: 30px;}
#gru a {height: 50px;}
#pga a {height: 40px;}
#fpua a {height: 35px;}
#lake_worth a {height: 25px;}

/* Text Classes */
h1,h2,h3,h4,p {text-align: left}
h1.member,h2.content,h2.links {margin-bottom: 1em; color: #725440; font: 500 2.4em arial,verdana, sans-serif;}
h1.member,h2.documents {margin-bottom: 1em; color: #725440; font: 500 2.4em arial,verdana,sans-serif;}
.subcontent h2 {margin-bottom: 1em;}
h2.documents {float: left; clear: right; width: 33%; font-weight: 600; font-size: 1.2em; text-decoration: underline;}
h2.links {float: left; clear: right; width: 30%;}
h3 {color: #62c3f2; font: 500 1.7em arial,verdana, sans-serif;}
h3.form {margin: 2em 1.85em .35em .85em;}
h3.content {margin: 0 1.85em .35em .85em; text-decoration: underline;}
h4 {clear: both; margin: 0 2.5em 0 1.25em; padding-top: 1.5em; color: #62c3f2; font: 600 1.2em arial,verdana, sans-serif;}
h4.headerdouble {border-top: 2px solid #000;}
h4.headersingle {border-top: 1px solid #000;}
p.content,p.contentspace,p.bold {margin-bottom: 1em; padding: 0 1em; color: #a79185; font: 500 1.6em arial, verdana, sans-serif; text-align: justify;}
p.contentspace {margin-bottom: 2em;}
p.bold {font-style: italic; text-decoration: underline;}
p.form,p.formintro {color: #fff; font: 500 1.4em arial, verdana, sans-serif; text-align: justify;}
p.form {font-weight: 600; margin-top: .5em; padding: 0 1.25em;}
p.formintro {margin-top: 1.5em; padding: 0 2.5em 0 1.25em;}
p.sidebar {margin-bottom: 1em; font: 500 1.4em arial, verdana, sans-serif;}
span.blue {color: #62c3f2}

/* Image Classes */
img.memberlogin {float: right; margin: -1em 1.75em 0 0;}
.mission {padding: 20.75em 0 0 32.25em;}
.readmore {position: absolute; right: 2px; bottom: 2px;}
.reports {float: left; clear: right; margin: 0 0 1em 2.5em; border: 2px solid #000;}
.logo {float: left; margin: 0 1.5em;}
.pageleft {float: left; clear: right; margin: 0 1em .25em 0; border: 2px solid #000;}
.pageright {float: right; clear: left; margin: 0 0 .5em 1em; border: 2px solid #000;}
.home {float: left; clear: both; margin-top: 1em;}
#index {width: 930px; height: 266px; background: url("/images/banner/indexbanner.jpg") no-repeat; margin-bottom: 3em;}
#about,#members,#annualmeetings,#annualreports,#links,#employment,#contact,#mission,#capacity,#pipeline,#regulatory,#risk,#supply,#presentations,#thanks,#login,#portal,#quarterly,#agendas,#billing,#service,#statements {width: 930px; height: 116px; margin-bottom: 3em; text-indent: -500em; text-align: center;}
#about {background: url("/images/banner/aboutbanner.jpg") no-repeat;}
#members {background: url("/images/banner/membersbanner.jpg") no-repeat;}
#annualmeetings {background: url("/images/banner/annualmeetingsbanner.jpg") no-repeat;}
#annualreports {background: url("/images/banner/annualreportsbanner.jpg") no-repeat;}
#links {background: url("/images/banner/linksbanner.jpg") no-repeat;}
#employment {background: url("/images/banner/employmentbanner.jpg") no-repeat;}
#contact {background: url("/images/banner/contactbanner.jpg") no-repeat;}
#mission {background: url("/images/banner/missionbanner.jpg") no-repeat;}
#capacity {background: url("/images/banner/capacitybanner.jpg") no-repeat;}
#pipeline {background: url("/images/banner/pipelinebanner.jpg") no-repeat;}
#quarterly {background: url("/images/banner/quarterlybanner.jpg") no-repeat;}
#regulatory {background: url("/images/banner/regulatorybanner.jpg") no-repeat;}
#risk {background: url("/images/banner/riskbanner.jpg") no-repeat;}
#presentations {background: url("/images/banner/presentationsbanner.jpg") no-repeat;}
#supply {background: url("/images/banner/supplybanner.jpg") no-repeat;}
#thanks {background: url("/images/banner/thanksbanner.jpg") no-repeat;}
#login {background: url("/images/banner/loginbanner.jpg") no-repeat;}
#portal {background: url("/images/banner/portalbanner.jpg") no-repeat;}
#quarterly {background: url("/images/banner/quarterlybanner.jpg") no-repeat;}
#agendas {background: url("/images/banner/agendasbanner.jpg") no-repeat;}
#billing {background: url("/images/banner/billingbanner.jpg") no-repeat;}
#service {background: url("/images/banner/servicebanner.jpg") no-repeat;}
#statements {background: url("/images/banner/statementsbanner.jpg") no-repeat;}

/* List Classes */
ul {margin-bottom: 1em; padding-left: 1em; list-style: none; font-size: 100%; text-align: left;}
ul.member {margin: 0 0 1em 2em;}
ul.links,ul.documents {float: left; clear: right; width: 45%;}
ul.documents {padding: 0; width: 33%;}
ul.content li,ul.sidebar li,ul.member li,ul.links li,ul.documents li {margin-bottom: 1em; background: url("/images/page/fgu_list_item.jpg") no-repeat 0 .1em;}
ul.member li {padding-left: 2em; color: #fff; font: 600 1.2em arial, verdana, sans-serif;}
fieldset ol {padding: 1em 1em 0 0; list-style: none;}
fieldset li {float: left; clear: left; width: 100%; padding-bottom: 1em; color: #fff; font: 500 1.2em arial, verdana, sans-serif;}
fieldset li.bold {font-weight: 600;}

/* Form Classes */
form {font-size: 100%; text-align: left;}
form.contact,form.meetings {float: right; clear: right; width: 710px; background: #39281f; border: 2px solid #000;}
form.directions {float: left; clear: right; width: 200px;}

/* Fieldset */
fieldset {clear: both; margin-left: 1.5em; padding-top: 1em; color: #725440;}
fieldset.contactinterior,fieldset.meetinginterior {float: left; clear: right; position: relative; width: 30%;}
fieldset.textarea {clear: both; position: relative;}
fieldset.directions {margin: 0;}
fieldset.submit {float: none; width: auto;}

/* Input */
form.contact input.hidden,form.meetings input.hidden {display: none;}
form.contact label,form.meetings label,form.directions label {float: left; width: 15em; display: block; padding-bottom: .25em; color: #fff; font-weight: 500;}
form.meetings label.checkbox {float: left; width: auto; margin-left: 1em; padding: 0;}
form.contact input,form.contact textarea,form.meetings input, form.meetings select {float: left; display: block; margin-bottom: .75em; padding: .25em 0; background: #d2bbaf; border: 1px solid #000;}
form.contact input.required, form.meetings input.required {background: #f0e68c; border: 1px solid #000;}
form.meetings input.checkbox {float: left; width: auto; margin: 0; padding: 0; vertical-align: top;}
form.contact input,form.meetings input,form.directions input {width: 15em;}
form.meetings select {width: 200px; margin: 0;}
form.directions input {width: 12.7em;}
form.contact textarea {width: 646px; height: 12em;}
form input.submit, form input.directionbutton {width: 100px; height: 35px; border: none;}
form input.submit {background: url("/images/page/submit_button.gif") no-repeat;}
form input.directionbutton {background: url("/images/page/submit_directions.gif") no-repeat top left;}

/* hcard */
div.vcard {margin-bottom: 1em; font: 500 1.4em arial, verdana, sans-serif;}

/* Link Styles */
a {color: #62c3f2; text-decoration: none;}
a:visited,ul.content li a:visited,.sidebar a:visited,#getDirections a:visited {color: #d2bbaf}
a:hover,ul.content li a:hover,.sidebar a:hover,#getDirections a:hover {color: #fff; text-decoration: underline;}
.subcontent h2 a,.subcontent h2 a:visited,.subcontent h2 a:hover {color: #725440; font: 600 1.5em arial, sans-serif; letter-spacing: -0.025em;}
.subcontent h2 a:hover {text-decoration: underline;}
.contentbox a:visited {color: #f4c1a5; text-decoration: none;}
.contentbox a:hover {text-decoration: underline;}
#sitemenu a {padding: 0; color: #f4c1a5; text-decoration: none;}
#sitemenu a:hover {text-decoration: underline;}
ul.content li a,ul.links li a,.sidebar a,ul.documents li a,#getDirections a {padding-left: 2em; font: 600 1.2em arial, verdana, sans-serif; text-decoration: underline;}
#getDirections a {padding: 0;}
ul.content li a,ul.links li a {font-size: 1.2em;}
#getDirections a {padding: 0;}