/* GFO - 11/2005
--- ( basics) -------------------------------- */
body { font: 11px Verdana, Helvetica, sans-serif; color: #333; text-align: center; margin: 0; padding: 0; background: #B3BCB7 url(/gui/bg.jpg) repeat; }
p {	line-height: 1.5em; margin: 0; padding: 0 0 0.7em; text-align: justify; }
h1 { margin: 0 0 0.8em 0; padding: 12px 0 0 0; color: #923; font-size: 1.4em; }
h2 { font: bold 1.2em Verdana, Helvetica, sans-serif; line-height: 1.4em; color: #D74; padding: 0.5em 0 0 0; margin: 0 0 0.8em 0; }
h2 a:link, h2 a:visited, h2 a:hover { color: #F96; text-decoration: none; }
h3 { font-size: 1em; font-weight: bold; font-style: italic; line-height: 1.7em; color: #600; padding: 0.2em 0 1em 0; margin: 0.75em 0 1em 0; background: url(/gui/dash.gif) repeat-x 100% 100%; }
h3 a:link, h3 a:visited, h3 a:hover { color: #036; text-decoration: none; }
h4, caption { color: #D74; font-size: 1em; font-weight: bold; line-height: 1.5em; padding: 0; margin: 0.75em 0 1em 0; }
h4 a:link, h4 a:visited, h4 a:hover { color: #D74; text-decoration: none; }
h5 { font-size: 1em; font-weight: bold; line-height: 1.4em; padding: 0; margin: 0.5em 0 1em 0; }
a:link { color: #F50; text-decoration: underline; }
a:visited {	color: #C00; text-decoration: underline; }
a:hover { color: #E00; text-decoration: none; }
ul { list-style-type: disc; line-height: 1.4em; padding: 0; margin: 0 0 0.7em 1.5em; }
ul li { padding: 0 0 0.4em 0; margin: 0; }
ul ul { margin-top: 0.7em }
ol { line-height: 1.4em; padding: 0 0 0 2.25em; margin: 0 0 0.7em; }
ol li { padding: 0 0 0.4em 0; }
dl { line-height: 1.5em; padding: 0.5em 0; margin: 0; }
dt { font-weight: bold; }
dd { padding: 0; margin: 0.4em 0 0.8em 0; }
dl dl { padding: 0.5em 0 0 2.5em; }
img { border: none; }
img.l { margin: 0.5em 2em 1em 0; float: left; }
img.r { margin: 0.5em 0 1em 2em; float: right; }
em { color: #F50; font-style: italic; }
.i { font-style: italic; }
strong, .b { font-weight: bold; }
blockquote {  }

/* --- ( structure ) ----------------- */
#global { position: relative; padding: 0; margin: 0 auto; text-align: left; width: 794px; }
#header { height: 102px; background: url(/gui/globg.jpg) repeat-y 0 50%; position: relative; }
#logo { position: absolute; top: 16px; left: 32px; width: 231px; height: 73px; }
#logo a { border-style: none; }
#logo h1 { display: none; }

#prom { background: #EEE; padding: 12px 18px 0 12px; }
#prom img { border-bottom: 10px solid #923; float: left; margin-right: 18px; }
#main { position: relative; background: url(/gui/globg.jpg) repeat-y 0 50%; margin: 0; padding: 12px 32px; }
#maincol { float: left; width: 455px; padding-right: 20px; }

#footer, #underfooter { font-size: 0.92em; }
#footer { background: url(/gui/footbg2.jpg) repeat-y; color: #FFF; padding: 12px 32px 10px 32px; }
#underfooter { background: url(/gui/underfootbg.jpg) no-repeat 0 0; padding: 12px 10px 0 0; }
#underfooter p { text-align: right; }
#footer a:link, #footer a:visited { color: #FFF; }
#footer a:hover { color: #555; }

#sidebar { float: right; width: 255px; background: url(/gui/dash_vert.gif) repeat-y 0 0; }
#sidebar p { text-align: left; } 
#sidebar div.morc { margin-left: 18px; padding: 0.7em 0 1em 0; background: url(/gui/dash.gif) repeat-x 100% 100%; }
#sidebar dl { padding: 0; }
#sidebar img { margin: 0 0 6px 1px; border-bottom: 10px solid #923; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#notes { clear: both; font-size: 0.92em; padding: 18px 0 6px 0; }
#notes p { padding-bottom: 0; display: inline; text-align:justify; }

/* --- ( navigation ) ------------------------ */
ul#nav {
	display: inline; padding: 0; margin: 0 0 0 0; text-align: right;
	position: absolute; right: 32px; bottom: 0px; width: 730px; height: 28px;
	background: url(/gui/dash.gif) repeat-x 100% 100%; 
}
ul#nav li { font-family: Arial, Helvetica, sans-serif; display: inline; text-align: center; padding: 0; margin: 0; }
ul#nav li a:link, ul#nav li a:visited {
	color: #923; padding: 0 5px 10px 5px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-decoration: none;
}
ul#nav li a:hover { text-decoration: none; border-bottom: 3px solid #923; }
ul#nav li#current a:link, ul#nav li#current a:visited, ul#nav li#current a:hover { color: #749A58; background: #FFF; }

ul#secnav { display: inline; padding: 0; margin: 0; position: absolute; right:32px; top: 12px; font-size: 0.92em; }
ul#secnav li { display: inline; padding: 0 3px 0 3px; margin: 0; border-right: 1px solid #CCC; }

/* --- ( body classes ) ------------------------ */
body.index #main h2 { margin-top: 1em; }
body.index #sidebar { margin-top: 12px; }
body.details #sidebar { position: absolute; right: 32px; top: 12px; width: 180px; } 
body.details #maincol { width: 532px; }
body.details #sidebar div.accinfo { background: #EEE; padding: 15px; }
body.details #sidebar div.morc { background: none; padding-right: 14px; }
body.details #sec h2 { background: #923 url(/gui/corner_top_left.gif) top left no-repeat; color: #FFF; font-size: 1.4em; padding: 0.1em 1em; margin-bottom: 1em;}
body.sitemap table#state_list { margin: 1em 0 0 0; }

/* --- ( forms ) --------------------------- */
form { padding: 0; margin: 0; }
fieldset { padding: 0 1.5em; margin: 0; border: none; }
legend { display: none; }
label { padding-right: 8px; }
input, textarea, select { color: #333; background-color: #FFF; border: 1px solid #333; 
	padding: 0; margin: 0; font: 11px Verdana, Helvetica, sans-serif;
}
input.button, input.backbutton {
	font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px; 
	color: #FFF; margin: 0; cursor: pointer; border: 1px solid #FFF; 
}
input.button { background: #923 url(/gui/button_arrow.gif) no-repeat 0 45%; padding: 0 0 0 8px; }
input.backbutton { background: #923 url(/gui/backbutton_arrow.gif) no-repeat 100% 45%; padding: 0 8px 0 0; }

input.simple { border: none; background: transparent; }
form#login_user {background-color: #B3BCB7; margin-bottom: 4px; padding: 10px 0 8px 0; }
#login_user h2 { margin: 0 0 1em 0; color: #FFF; padding: 0 0 0 18px; }
#login_user p, form#login p { text-align: right; }

/* --- ( tables ) -------------------------- */
table { width: 100%; padding: 0; margin: 0; border-collapse: collapse; }
caption {  }
th, td { font-size: 11px; padding: 0 0 0.75em 0; text-align: left; vertical-align: top; }
th { font-weight: bold; }
table.da img { margin-right: 8px; }
table.da h4 { margin: 2px 0 0 0; }
table.da td p { text-align: left; } /* to correct IE */
table#search_results td { paddign-right: 0.5em; }
table#search_results span { color: #F50; font-style: italic; }

/* --- ( amember ) --------------------------- */
body.popup { background: #FFF; padding: 2em; text-align: center; }
body.popup p { text-align: center; }
form#login { background-color: #B3BCB7; margin-bottom: 4px; padding: 16px 0 8px 0; width: 255px; } form#sendpass fieldset { padding: 0; }
table#signu { margin: 1em 0; }
table#signu th, table#vedit th { padding-right: 1em; width: 35%; text-align: right; }
.error { color: #F00; font-weight: bold; }
.desc { font-weight: normal; }
table.hedit, table.receipt { margin: 1em 0; }
table.hedit th, table.receipt th { background: #EEE; padding: 0.5em; }
table.hedit td, table.receipt td { border-top: 1px solid #CCC; padding: 0.5em; background-color: #FFF; }
.receipt td.total { background-color: #EEE; }
.box {background: #EEE; padding: 1.5em; margin-bottom: 1em; }

/* --- ( other ) --------------------------- */
p.arrow a, span.arrow a { background: url(/gui/arrow.gif) no-repeat 0 35%; display: inline; padding-left: 16px; margin-right: 8px; }
div#corp { float: left; width: 48%; }
div#ucc { float: right; width: 48%; }
div#other { clear: both; }
img#map { margin-bottom: 1em; }
p#fl_bar_statement {color:#f00;}
