/* -----------------------------------------------
Reset Style Sheet

Author: Jeremy Douglas Hoover | www.jeremydouglas.ca
 
Version: 2008 06
----------------------------------------------- */

/*///// Reset Styles ////*/

/*Reset*/

* {padding:0; margin:0; border:0;}

html, body, div, span, applet, object, iframe, 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; vertical-align: baseline; font-family: Helvetica, Arial, sans-serif; }
/* remember to define focus styles! */
:focus { outline: 0;}
.hide {display: none; }
html {text-align: center;}

body { line-height: 140%; color: #fff; height: 100%; min-width: 780px; text-align: center; text-align:left; font-size: 13px;}

/* 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: "" "";}
.clear { clear: both; }

#flash_notice, #flash_error, #flash_warning { padding: 5px 8px; margin: 0 0 5px 0; position: absolute; /* Using absolute so it doesn't interfere with rest of layout */ top:10px; left: 20px; z-index: 5000;}
#flash_notice { background-color: #51b629; border: solid 1px ##6df538;}
#flash_warning { background-color: #DD9A24; border: solid 1px #DD9A24;}
#flash_error { background-color:#b62927;}

.fieldWithErrors { display: inline;}
.fieldWithErrors input{ background-color:red; font: #fff;}
#errorExplanation { width: 400px; border: 2px solid #CF0000; padding: 0px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0;}
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: 0px; background-color: #c00; color: #fff;}
#errorExplanation p { color: #333; margin-bottom: 0; padding: 8px;}
#errorExplanation ul { margin: 2px 24px;}
#errorExplanation ul li { font-size: 12px; list-style: disc; color: #f00;}

div.col1, div.col2 {width:310px; float: left; clear: none;}
div.col2 {margin-left: 40px;}
div.highlight_box {padding: 15px; background:#459d26; border: #fff 3px solid; color: #fff; }

/* --------------------------------
 Typoography
----------------------------------- */
p {font-size: 13px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; padding-bottom: 1em; line-height: 26px;}
a, p a {font-size: 12px; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #fff;}
a:hover {color: yellow; text-decoration: none;}
em {font-style: italic;}
h1 {font-size: 20px; color: #fff; padding-bottom: 20px;}
h2 {font-size: 20px; padding-bottom: 20px;}
h4 {font-size: 16px; padding: 10px 0;}
b, strong {font-weight: bold;}
a.edit {background: #459d26; color: #fff; padding: 5px 8px; text-decoration: none; margin: 25px 0; display: block; width: 4em; text-align:center}
a.edit:hover {background: #444;}
/* --------------------------------
 Main Layout
----------------------------------- */
html {background:#000c5e url(/img/bgd_rpt.jpg) 0 0 repeat-x;}
div.wrap {width:780px; position: relative; margin: 0 auto; text-align: left;}
div.subhead {float: left; clear: both; width:100%; text-align: center}
div.subhead p {padding: 10px 120px 40px 120px; color: #b6c0f9} 
div.foot {float: left; clear: both; width:100%; text-align: center}
div.foot p {text-transform: uppercase; padding: 50px 150px 40px 150px; color: #b6c0f9}
div#content {clear: both; margin-top: 70px; float: left; margin-left: 120px; width:660px }
div.block {padding-bottom: 3.5em;}

/* --------------------------------
 Page Backgrounds
----------------------------------- */
body.executive, body.guest, body.supplier, body.municipal {background: url(/img/bgd_handshake.jpg) center -100px no-repeat; min-height: 700px;}
body.benefits {background: url(/img/bgd_benefits.jpg) center -100px no-repeat; min-height: 700px;}
body.events {background: url(/img/bgd_events.jpg) center -50px no-repeat; min-height: 700px;}
body.welcome {background: url(/img/bgd_welcome.jpg) center 0px no-repeat; min-height: 700px;}
body#home {background: url(/img/front_main.jpg) center top no-repeat; min-height: 700px;}
body#forms, body#events, body#signup, body#notes {background: url(/img/bgd_forms.jpg) center top no-repeat; min-height: 700px;}

/* --------------------------------
 Headlines
----------------------------------- */
h1#headline {text-indent: -5000em; background-position: top center; background-repeat: no-repeat; width:540px; height: 100px;}
h1.hl_executive {background: url(/img/hl_exec_meoa.jpg);}
h1.hl_guest {background: url(/img/hl_guest_meoa.jpg);}
h1.hl_municipal {background: url(/img/hl_municipal_meoa.jpg);}
h1.hl_supplier {background: url(/img/hl_supplier_meoa.jpg);}
h1.hl_benefits {background: url(/img/hl_benefits.png);}
h1.hl_reports {background: url(/img/hl_reports.png);}
h1.hl_generate_forms {background: url(/img/hl_generate_forms.png);}
h1.hl_meoa_events {background: url(/img/hl_meoa_events.png);}
h1.hl_welcome {background: url(/img/hl_welcome.png);}

/* --------------------------------
 Main Menu (Welcome Page)
----------------------------------- */
ul#main_menu {position: relative; list-style: none; left: 100px; float: left; clear: both; top:-25px;}
ul#main_menu li {list-style: none;}
ul#main_menu li a {background-image: url(/img/btn_main_menu2.png); background-repeat: no-repeat; text-indent: 95px; cursor: pointer; display:block; width: 370px; height:60px; text-decoration: none; font-size: 20px; line-height: 50px; margin: 0;}

/* --------------------------------
 Nav
----------------------------------- */
ul.nav {z-index: 5000; position: relative;}
ul.nav li {list-style: none; }
ul.nav a {padding: 5px 0; width: 20%; float: left; clear: none; filter:alpha(opacity=80); opacity: 0.8; background: #000; text-decoration: none; border-bottom: 1px solid #393939;}
ul.nav a:hover {background: #f9f9f9; color: #111;}
ul.nav li.active a {background: #459d26; color: #fff;}

ul.nav h2 {float: left; clear: both;}

ul.details_nav {padding: 20px;}
ul.details_nav li {list-style: none; display: inherit; padding: 10px; display: inline}

div.login_status {width:100%; text-align: center;}
div.login_status ul.nav {}
div.login_status ul.nav li {display: inline; clear: none;}

ul#nav-sub  {float: left; clear: both; margin-top: 50px;}
ul#nav-sub li {display: inline; float: left; clear: none; list-style: none; }
ul#nav-sub a {float: left; clear: none; padding: 5px 10px; width: 90px; filter:alpha(opacity=80); opacity: 0.8; background: #000; text-decoration: none; border-bottom: 1px solid #393939;}
ul#nav-sub li a.here {background: #ddd; color: #000; border-bottom: 1px solid #fff}

/* --------------------------------
 Forms
----------------------------------- */
input[type="text"], textarea, input[type="submit"], input[type="password"] {margin: 0.5em 0.5em 1em 0.5em; padding: 0.5em; border: #010101 1px solid; width: 250px;}
body#forms input[type="text"]{margin: 0.5em 0.5em 0 0.5em;}
label {margin: 0.5em 0.5em 0 0.5em;}
input[type="submit"], .submit {background: #ae1f15; color: #fff; padding: 5px 8px; text-decoration: none;}
input[type="submit"]:hover {background: #3e3e3e; color: #fff; cursor: pointer;}
span.price {padding-left: 10px;}
span.price input {width:50px;}
form h4, .COD_check {font-size:14px; font-weight: bold; text-transform: uppercase; color: #fff; background: #00092d; width:340px; padding: 5px 10px; margin: 20px 0 10px 0; border: 2px solid #c0c5dd; }

body#forms div.wrap h2 {margin-top: 20px; padding-top:15px; padding-left: 10px; border-top: 1px solid #a3a3a3; width: 70%;}

/* --------------------------------
 Benefits
----------------------------------- */
body#benefits ul#main_menu {top:300px;}

/* --------------------------------
 Events
----------------------------------- */
div.event_links_box {position: absolute; width:550px; height: 400px; left: 130px; top:190px;}
div.event_links_box a {color: #fff; width:220px; height: 180px; float: left; clear: none; text-decoration: none; padding: 0 20px;}
div.event_links_box a.first {text-align: right; padding-top: 130px; height: 50px}
div.event_links_box a.second {padding-top: 130px; height: 50px}
div.event_links_box a.third {text-align: right; clear: both;}
div.event_links_box a.fourth {}
div.event_links_box a:hover {color: yellow;}

/* --------------------------------
 Home Page
----------------------------------- */
body#home div#content a {text-indent: -5000em; top:506px; left:339px; width:135px; height: 87px; background: url(/img/home_enter.jpg) 0 135px no-repeat; position: absolute;}
body#home div#content a:hover { background-position: 0 0; cursor: pointer;}


/* --------------------------------
 Welcome
----------------------------------- */
ul.member_links { position: absolute; left: 460px; top:155px; display: none;}
ul.member_links li { list-style: none; display: block; float: left; clear: both; }
ul.member_links a { width:113px; height: 38px; background: url(/img/welcome-pop-up.jpg) 0 0 no-repeat; text-indent: -5000em; float: left;}
ul.member_links li.executive_btn a {}
ul.member_links li.municipal_btn a { background-position: 0 -38px; }
ul.member_links li.supplier_btn a { background-position: 0 -76px; }
ul.member_links li.executive_btn a:hover { background-position: -113px 0; }
ul.member_links li.municipal_btn a:hover { background-position: -113px -38px; }
ul.member_links li.supplier_btn a:hover { background-position: -113px -76px; }


/* --------------------------------
 Notes
----------------------------------- */
body#notes h2 {padding-top: 30px;}


/* --------------------------------
	 Members List
----------------------------------- */

div.users_table {width:90%; display: none; margin-bottom: 40px;}
body.member_list h2 a {padding: 10px; margin: 5px; background: #459d26;  width:50%; display: block; font-size: 18px;}
body.member_list h2 a:hover {background: #fff; cursor: pointer; color: #333;}
div.users_table h3 a { border-bottom:#444 solid 1px; color: #fff; padding: 2px 3px; width:90%; display: block; margin:25px 0 5px 0; text-transform: capitalize; font-size: 14px; font-weight: bold;  }
div.users_table h3 a:hover {cursor: pointer; background: yellow; color: #000;}

div.users_table h3.active_member a {background: #fff; color: #000;}
div.users_table h3.active_member .lt {display: block;}
div.users_table h3.active_member .gt {display: none;}

div.users_table table {width:90%; display: none;}
div.users_table table td {border-bottom: 1px solid #444; padding: 3px;}
div.users_table h4 {color: #999; font-size: 12px; font-weight: bold;}