/*   
File Name: main.css
Notes: 
*/

@import "reset.css";

html, body { text-align:center; padding:0; margin:0; font-size:13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
body { background:#332f28 url(../images/bg_login.png) no-repeat fixed bottom center; overflow:auto; }

a, a:link, a:visited { color:#7c9033; outline:none; }
a:hover, a:active { color:#e4f98d; }
#login-container { width:610px; position:absolute; top:50%; left:50%; margin-top:-130px; margin-left:-305px; }
#login-box { background:transparent url(../images/bg_login_box.png) top left no-repeat; display:block; width:610px; height:259px; margin:0; padding:0; position:relative; }
#login-form { display:inline /* stupid IE6 */; width:249px; float:left; margin-left:303px; text-align:left; padding:60px 0 0 46px; color:#e4f98d; }
#login-form a, #login-form a:link, #login-form a:active { color:#e4f98d; }
#login-form legend { display:none; }
#login-form label { display:block; font-family: Georgia, Times, serif; font-size:120%; margin-bottom:4px; }
#login-form label.text-username { background: url('../images/text_username.gif') no-repeat scroll top left; width: 77px; height: 14px; text-indent:-4000em; }
#login-form label.text-password { background: url('../images/text_password.gif') no-repeat scroll top left; width: 77px; height: 14px; text-indent:-4000em; }
#login-form input { border:1px solid #384900; background:transparent url(../images/bg_input.gif) top left repeat-x; color:#666666; font-size:110%; padding:3px; }
#login-form input.radio, #login-form input.checkbox, #login-form input.submit { background:none; border:0 !important; }
#login-form input.fixed-width { width:200px; }
#login-form fieldset { width:200px; }
#login-form fieldset ol, fieldset li { margin:0; padding:0; list-style-type:none; }
#login-form fieldset li { clear:left; float:left; margin-bottom:5px; width:100%; }
#login-form fieldset li.remember { font-size:85%; color:#7c9033; }
#login-form fieldset li.submit-row { font-size:85%; margin-top:5px; }
#login-form .forgot { padding-left:15px; }

#sponsor-box { background:transparent url(../images/bg_sponsor_box.png) top left no-repeat; display:block; width:610px; height:60px; padding:0; margin-top:10px; }
#sponsor-box ul.sponsors { width: 555px; height:50px; display:block; padding-left:65px; }
#footer ul.sponsors { height:50px; display:block; padding-left:10px; }
ul.sponsors li { float:left; height:50px; margin-right:30px;}
ul.sponsors li a { text-indent: -5000px; margin-top: 4px; float:left; height:41px; display:block; background-position:top left no-repeat; }
ul.sponsors li a:hover, ul.sponsors li a:active { background-position: bottom left !important; outline:none; }
a#big-thicket { width:105px; background:transparent url(../images/logo_big_thicket_assoc.gif); }
a#harc { background: url('../images/logo_harc.gif'); width: 122px; }
a#national-park-service { background: url('../images/logo_natl_park_service.gif'); width: 84px; }
a#nbii { background: url('../images/logo_nbII.gif'); width:80px; }

#header-container { display:block; height:203px; background:transparent url(../images/header.png) top left no-repeat; position:relative; z-index:1; }
#branding { width:908px; margin:0 auto; position:relative; }
#logo { background: url('../images/atbi_header_logo.png') no-repeat scroll top left; width: 315px; height: 155px; position:absolute; top: 5px; left:0; }
#logo h1 { float:left; width:250px; height:60px; margin:20px 0 0 0; }
#logo h1 a { float:left; width:250px; height:60px; text-indent:-5000em; }
#salutation { float:right; margin:10px 10px 0 0; color: #7c9033; }

#container { width:908px; margin:-100px auto 0 auto; position:relative; text-align:left; z-index:5; }
#global-nav { display:block; position:absolute; right:0; top:-50px; padding:0; z-index:6; }
#global-nav li { float:left; display:block; cursor:pointer; position:relative; margin-right:20px; }
#global-nav li ul { background:transparent url('../images/global_nav_bg_top.png') no-repeat top left; width:196px; padding:15px 0; position:absolute; top:9px; left:-15px; display:none; }
#global-nav li ul li { display:block; float:none; background:transparent url('../images/global_nav_bg_middle.png') repeat-y; width:161px; padding:0 15px 0 20px; text-indent:0; }
#global-nav li ul li.last { background:transparent url('../images/global_nav_bg_bottom.png') no-repeat bottom left; padding-bottom:20px; }
#global-nav li ul li a { color:#97876d; display:block; width:138px; border-bottom:1px solid #97876D; padding:5px; text-decoration:none; }
#global-nav li ul li a:hover { color:#443F36; }
#global-nav li ul li.last a { border-bottom:none; }
#global-nav #nav-file { width: 41px; height:15px; background:transparent url('../images/nav_file.gif') no-repeat top left; text-indent:-5000em; }
#global-nav #nav-projects { width: 72px; height:15px; background: url('../images/nav_projects.gif') no-repeat scroll top left; text-indent:-5000em; }
#global-nav #nav-reports { width: 72px; height:15px; background: url('../images/nav_reports.png') no-repeat scroll top left; text-indent:-5000em; }
#global-nav #nav-help { width: 34px; height:15px; background: url('../images/nav_help.gif') no-repeat scroll top left; text-indent:-5000em; }

#content { display:block; background: url('../images/bg_content.png') no-repeat scroll top left; width: 908px; height: 530px; text-align:left; }
#content #top-strip { color:#97876d; width:877px; padding: 10px 8px 8px 15px; font-family: Georgia, Times, serif; font-size:20px; overflow:hidden; }
#content #content-pane-top { display:inline; float:left; line-height:1px; width:880px; height:9px; margin:0 0 0 9px; padding:0; background:transparent url(../images/bg_content_pane_top.gif) no-repeat top left; }
#content #content-pane { color:#97876d; display:inline; float:left; background-color:#443f36; width:850px; height:30px; margin:0 0 0 9px; padding:0 15px 10px 15px; overflow:hidden; }
#content #content-body-home { width:840px; height:380px; display:inline; position:relative; float:left; margin:0 0 0 9px; padding:20px; color:#fff; overflow-y:auto; overflow-x:hidden;}
#content #content-body-interior { width:880px; height:420px; display:inline; position:relative; float:left; margin:0 0 0 9px; padding:0; color:#fff; overflow-y:auto; overflow-x:hidden; }
#content #nav-interior-container { position:absolute; top:0; left:0; width:239px; height:420px; padding:0; overflow-y:scroll; overflow-x:hidden;}
#content #content-body { position:absolute; top:0; left:265px; width:613px; padding-top:15px;}

/* Project List */
ul#project-list { width:820px; }
ul#project-list li { display:inline-block; float:left; color:#BEB78D; position:relative; margin-bottom:10px; width:100%; }
ul#project-list li img { float:left; display:block; margin:0 20px 10px 0; border:1px solid #BEB78D; }
ul#project-list h2 { color:#83AA00; font-size:18px; font-weight:normal; border-bottom:1px solid #443F36; padding:0 0 5px 0; margin:0 0 10px 140px; }
ul#project-list p {  }
ul#project-list .project-info { float:right; margin:0; }
ul#project-list .project-info ul { display:block; }
ul#project-list .project-info ul li { color:#443F36; display:inline; margin-left:8px; width:auto; }
ul#project-list .project-info ul li em { color:#BEB78D; font-weight:normal; }
.hrule { display:block; float:left; width:100%; height:10px; padding:0; margin:5px 0; background:transparent url('../images/bg_hr.png') repeat-x top left; }

/* LEFT NAV */
#nav-interior { display:block; float:left; width:222px; border-right:1px solid #97876d; }
#nav-interior li { display:block; float:left; width:222px; position:relative; }
#nav-interior li a { background-color:#97876D; color:#F6EFBC; font-size:16px; border-bottom:1px solid #2A2621; display:block; float:left; width:207px; height:30px; line-height:30px; padding-left:15px; text-decoration:none;}
#nav-interior li a:hover {text-decoration:underline;}
#nav-interior li a.last { border-bottom:none; }
  #nav-interior li ul { display:none; float:left; width:216px;  padding:3px; }
  #nav-interior li ul li { background-color:#332F28; width:216px; margin-bottom:1px; position:relative; display:block; }
  #nav-interior li ul li a { background-color:#776115; background-image:none; font-size:14px; width:201px; padding:0 0 0 15px; color:#fff; }
  #nav-interior li ul li a.current { background-image: url(../images/arrow_icon.gif); background-repeat: no-repeat; background-position: 200px center; } 
  #nav-interior li ul li a.event { background-color:#443F36; color:#97876D; height:25px; line-height:25px; }
  #nav-interior li ul li a.event-active { background-position:196px -25px; }
    #nav-interior li ul li ul { display:none; float:left; padding:0; width:221px; }
    #nav-interior li ul li ul li { position:relative; display:block; }
    #nav-interior li ul li ul li a { color:#97876D; height:25px; line-height:25px; background-color:#2a2722; background-image:none; border-bottom:1px solid #97876D; }		
/* Used by javascript */
#nav-interior a.toggle { display:block; border:none; position:absolute; top:0; right:5px; height:30px; width:20px; background:transparent url(../images/leftnav_bg_plusminus.gif) 5px 0 no-repeat; padding:0; margin:0; text-indent:-1000em;}
#nav-interior a.active { background-position: 5px -30px !important;}
#nav-interior li ul li a.toggle { display:block; height:25px; right:2px; background:transparent url(../images/leftnav_bg_plusminus2.gif) 5px -1px no-repeat; }
#nav-interior li ul li a.active { background-position: 5px -26px !important; }

/* FORM STYLING */
form.atbi-form legend { display:none; }
form.atbi-form label { color:#83AA00; display:block; font-family: Georgia, Times, serif; font-size:120%; margin-bottom:4px; }
form.atbi-form label.alert { color:#EACD00; display:block; font-family: Georgia, Times, serif; font-size:120%; margin-bottom:4px; }
form.atbi-form input { border:1px solid #384900; color:#000000; font-size:110%; padding:3px; }
form.atbi-form select { width:126px; border:1px solid #384900; color:#000000; font-size:110%; padding:3px; }
form.atbi-form select.sel-wide { width:269px; }
form.atbi-form input.wide { width:269px; }
form.atbi-form input.date-pick { width:90px; float:left; }
form.atbi-form input.small { width:126px; }
form.atbi-form input.radio, #login-form input.checkbox, #login-form input.submit { background:none; border:0 !important; }
form.atbi-form fieldset.column { display:block; float:left; width:300px; margin:0 10px 0 0; }
form.atbi-form fieldset.column-b { margin-right:0;}
form.atbi-form fieldset.column ol, form.atbi-form fieldset.column li { width:275px; }
form.atbi-form fieldset.column ol li { clear:left; float:left; margin-bottom:5px; position:relative; }
form.atbi-form fieldset.column ol li.button-row { margin-top:10px; }
form.atbi-form fieldset.column ol li ul {clear:left;}
form.atbi-form fieldset.column ol li ul li { display:inline; float:left; width:133px; margin:0 7px 0 0; clear:none; }
form.atbi-form fieldset.column ol li ul li.last { margin-right:0; }
form.atbi-form textarea { color:#000000; font-size:110%; font-family:Arial, Helvetica, sans-serif; width:269px; padding:3px; height:74px;  }

input.atbi-button, form.atbi-form input.atbi-button { color:#443F36 !important; border:1px solid #BEB78D; background: url('../images/bg_button.gif') repeat-x top left; font-size:100%; cursor:pointer; padding:0 0.4em; margin:0; }

#footer { clear:left; background: url('../images/bg_footer.png') no-repeat scroll top left; width: 908px; height: 59px; margin:10px 0 20px 0; text-align:left; }
#footer .copyright { color:#97876d; float:right; margin: 17px 20px 0 0;}
.float-left { float:left; }
.float-right { float:right; }
#content-pane .float-right { margin:4px; }