@charset "utf-8";

/*
nav btn color : #e5e3c3
content/footer bg color : #d9d6a9
footnote bg color : #3f403a
infobar btn bg color : #272723
yellow text color : #ffeda4
*/

html { height:100%; margin:0; padding:0; }
body { height:100%; margin:0; padding:0; }

div,span,img,p,h1,h2,h3,h4,h5,h6,ul,ol { margin:0; padding:0; display:block; position:relative; }
form,input,textarea,select,fieldset,label { margin:0; padding:0; display:block; position:relative; }
body,p,a,h1,h2,h3,h4,h5,h6,li,label { font-family:"helvetica","myriad pro","arial","sans-serif"; }
p,a,li,label,span,blockquote { font-size:12px; font-weight:normal; color:#666; }

h1 { font-size:26px; font-weight:bold; margin-bottom:15px; line-height:26px; }
h2 { font-size:24px; font-weight:bold; margin-bottom:15px; line-height:24px; }
h3 { font-size:22px; font-weight:bold; margin-bottom:15px; line-height:22px; }
h4 { font-size:20px; font-weight:bold; margin-bottom:15px; line-height:20px; }
h5 { font-size:18px; font-weight:bold; margin-bottom:15px; line-height:18px; }
h6 { font-size:16px; font-weight:bold; margin-bottom:15px; line-height:16px; }
ul,ol { margin-bottom:10px; }
li { list-style:disc; margin:0 0 0 15px; padding:0; }
p,blockquote { margin:0 0 15px 0; padding:0; line-height:20px; }
a { outline:none; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { display:block; border:none; padding:0; margin:0; }

#wrapper	{ width:100%; overflow:hidden; margin:auto; }
#header		{ width:100%; height:75px; overflow:hidden; }
#banner		{ width:100%; height:285px; overflow:hidden; }
#nav		{ width:100%; height:37px; overflow:hidden; }
#content	{ width:100%; overflow:hidden; }
#footnote	{ width:100%; overflow:hidden; }
#footer		{ width:100%; overflow:hidden; }

h1 { color:#272723; font-size:26px; font-weight:bold; }
h2 { color:#666666; font-size:18px; font-weight:normal; }
h3 { background:#533125; padding:5px; color:#FFF; font-size:12px; font-weight:bold; display:inline; }
h4 { background:url("images/header_arrow.gif") 0 4px no-repeat; padding-left:25px; color:#d9d6a9; border-bottom:1px dotted #d9d6a9; padding-bottom:5px; font-weight:normal; font-size:16px; }

#header { background:url("images/bg_header.gif") 0 0 repeat-x; position:relative; z-index:4; }
#header div.inside { width:1024px; margin:auto; position:relative; z-index:5; }
#header div.inside a.logo { width:220px; height:42px; display:block; background:url("images/logo_main.gif") 0 0 no-repeat; text-indent:-999px; overflow:hidden; position:absolute; top:18px; left:0; }

#header div.infobar { background:url("images/infobar_center.gif") 0 0 repeat-x; height:42px; float:right; width:auto; margin:0; padding:0 10px; position:relative; z-index:6; }
#header div.infobar div.left { position:absolute; top:0; left:0; width:10px; height:100%; background:url("images/infobar_left.gif") 0 0 no-repeat; }
#header div.infobar div.right { position:absolute; top:0; right:0; width:10px; height:100%; background:url("images/infobar_right.gif") 0 0 no-repeat; }
#header div.infobar a { background:#272723; margin:9px 0 0 15px; padding:3px 5px; float:left; color:#FFF; }
#header div.infobar a:hover { background:#383834; text-decoration:none; }
#header div.infobar p { color:#ffeda4; margin:12px 0 0 0; padding:0; float:left; line-height:normal; }
#header div.infobar span { color:#d4c2bc; margin:12px 10px 0 10px; padding:0; float:left; line-height:normal; }

#banner { background:url("images/bg_banner.gif") 0 0 repeat-x; }
#banner div.inside { width:1024px; margin:auto; }
#banner div.inside div.overlay { width:420px; margin:auto; position:absolute; z-index:3; top:79px; right:71px; }
#banner div.inside div.overlay p { color:#FFF; font-family:"arial","helvetica", sans-serif; font-size:17px; line-height:24px; margin:15px 0 0 0; }
#banner div.inside div.overlay a { display:block; width:133px; height:30px; margin-top:15px; }

#nav { position:absolute; z-index:1; top:73px; }
#nav ul { width:1024px; height:37px; margin:0; padding:0; margin:auto; }
#nav ul li { padding:0; margin:0 0 0 5px; height:37px; float:right; list-style:none; }
#nav ul li a { display:block; height:37px; padding:0 10px; margin:0; float:left; line-height:30px; background:#e5e3c3; color:#333; }
#nav ul li a:hover { background:url("images/nav_btn_hover.gif") #262622 0 0 repeat-x; color:#ffeda4; text-decoration:none; }

#content { background:url("images/bg_content.gif") #d9d6a9 0 0 repeat-x; padding-bottom:25px; }
#content div.inside { width:1024px; margin:auto; }
#content div.column-left { width:672px; float:left; position:relative; z-index:2; overflow:hidden; }
#content div.column-right { width:352px; float:right; position:relative; z-index:2; overflow:hidden; }

div.column-left div.holder { width:672px; min-height:200px; background:url("images/content_holder_mid.gif") 0 0 repeat-y; margin-top:16px; }
div.column-left div.holder div.holder-top { position:absolute; top:0; width:100%; height:120px; background:url("images/content_holder_top.gif") 0 0 no-repeat; }
div.column-left div.holder div.holder-bot { position:absolute; bottom:0; width:100%; height:70px; background:url("images/content_holder_bot.gif") 0 0 no-repeat; }
div.column-left div.holder div.holder-mid { width:auto; height:auto; padding:30px 40px; }

div.column-right div.holder { margin-top:20px; padding-left:30px; }
div.column-right div.holder div.rss { height:50px; }
div.column-right div.holder div.rss h3 { display:block; float:left; height:28px; line-height:28px; padding:0 5px; margin:0; }
div.column-right div.holder div.rss a { display:block; float:left; width:28px; height:28px; margin:0 0 0 10px; cursor:pointer; }
div.column-right div.holder ul.right-nav { margin:0; padding:15px 0; }
div.column-right div.holder ul.right-nav li { list-style:none; margin:0; padding:0; border-bottom:1px dotted #C0AF83; }
div.column-right div.holder ul.right-nav li a { font-weight:bold; display:block; background:url("images/list-arrow-2.gif") 30px 11px no-repeat; padding:0 0 0 45px; height:35px; line-height:35px; margin-left:-30px; }
div.column-right div.holder ul.right-nav li a:hover { background:url("images/list-arrow-3.gif") #e1dfbc 30px 11px no-repeat; text-decoration:none; color:#000; }

#footnote { background:url("images/bg_footnote_repeat.gif") #3f403a center 0 repeat-y; padding:0; margin:0; }
/*
#footnote div.bg-top { width:100%; height:5px; background:url("images/bg_footnote_top.gif") 0 0 repeat-x; position:absolute; top:0; z-index:99; }
*/
#footnote div.bg-bot { width:100%; height:5px; background:url("images/bg_footnote_bot.gif") 0 0 repeat-x; position:absolute; bottom:0; z-index:1; }
#footnote div.inside { width:1024px; height:auto; margin:0 auto; background:url("images/bg_footnote.gif") 0 100% no-repeat; position:relative; z-index:2; }
#footnote div.inside div.foot-left { width:310px; float:left; padding:20px; position:relative; z-index:1; }
#footnote div.inside div.foot-center { width:284px; float:left; padding:20px; position:relative; z-index:1; }
#footnote div.inside div.foot-right { width:310px; float:left; padding:20px; position:relative; z-index:1; }
#footnote div.inside ul li { list-style:none; background:url("images/list-arrow-1.gif") 3px 4px no-repeat; padding:0 0 0 15px; margin:20px 0; color:#d9d6a9; }
#footnote div.inside ul li p { line-height:normal; }
#footnote div.inside p { color:#d9d6a9; margin:0 0 5px 0; padding:0; }
#footnote div.inside a { color:#d9d6a9; margin:0; padding:0; }
#footnote div.inside blockquote { color:#d9d6a9; font-style:italic; }
#footnote div.inside div.inner { padding-left:25px; }

#footer { background:url("images/bg_footer.gif") #d9d6a9 0 0 repeat-x; width:100%; }
#footer ul { margin:20px 0 10px 0; padding:0; text-align:center; }
#footer ul li { list-style:none; margin:0 0 0 10px; padding:0 0 0 15px; display:inline; border-left:1px solid #272723; }
#footer ul li a { color:#272723; margin:0; padding:0; }
#footer ul li.first { border:none; margin:0; padding:0; }
#footer p { color:#666; text-align:center; font-size:10px; }

img.header { background:url("images/bg_image.gif") 0 0 no-repeat; padding:10px 11px 10px 11px; margin:0 0 15px 0; }

.infobar form { position:relative; z-index:7; }
.infobar form span.error-msg { color:#F00 !important; }

#subbanner	{ width:100%; height:45px; overflow:hidden; }
#subbanner { background:url("images/bg_banner.gif") 0 0 repeat-x; }

.loginbutton { float:left; margin:7px 0 0 5px; }
.loginbutton input { padding:2px 5px 1px 5px; cursor:pointer; position:relative; z-index:8; }

.loginemail {  width:150px; float:left; margin:9px 5px 0 5px; }
.loginpassword { width:175px; float:left; margin:9px 5px 0 5px; }
.loginemail label { font-size:12px; color:#ffeda4; line-height:24px; }
.loginpassword label { font-size:12px; color:#ffeda4; line-height:24px; }
.loginemail input { width:100px; float:right; background:#FFF; border:1px solid #000; padding:2px; position:relative; z-index:8; }
.loginpassword input { width:100px; float:right; background:#FFF; border:1px solid #000; padding:2px; position:relative; z-index:8; }

form#members label { display:block; min-height:0; color:#333; margin:5px 0; }
form#members input.text { display:block; background:#e5e3c3; border:1px solid #333; padding:2px; margin:0; color:#333; }
form#members input.button { display:block; padding:2px; margin:0; cursor:pointer; }
form#members textarea { display:block; background:#e5e3c3; border:1px solid #333; padding:2px; overflow:auto; }

.clearfix:after { content:"."; }
.clearfix { display:block; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

div#reports {padding-top: 20px;}
form#searchform {display:inline; padding-top: 20px;}
form#searchform input {display:inline-block;}
form#searchform a {margin-left: 10px; background:#272723; margin:9px 0 0 15px; padding:3px 5px; color:#FFF; }

form#members span.smallphone { margin-left:-3px; } 
form#members span.smallphone input { margin:0 3px; width:33px; text-align:center; display:inline !important; }