* { font-family: 'Trebuchet MS', Arial, sans-serif;  margin: 0; padding: 0; border: none; }
HTML { background: #495306 url(../_img/bg.jpg) repeat-x; }
BODY { background: transparent url(../_img/bg2.jpg) no-repeat top center;  }
HTML, BODY { height: 100%; width: 100%; color: #fff; font-size: 12px; }
H1 { font-size: 28px; color: #fff; }
H2 { font-size: 20px; color: #bacc52; margin-bottom: 5px; text-shadow: 2px 2px 5px #333; }
H3 { font-size: 14px; color: #8a9640; }
H3.arrow { color: #2f2f2f; background: transparent url(../_img/arrow.gif) no-repeat left center; line-height: 22px; padding-left: 20px; height: 22px; }
P { margin-bottom: 15px; font-size: 12px;  line-height: 17px; }
A { color: #eefa86; text-decoration: none; }
A:hover { color: #f5fcb5;}
A.disabled { opacity: .5; filter:alpha(opacity=50); -moz-opacity:.5; }
A.arrow {  width: 50px; height: 22px; display: block; float: left; line-height: 24px; font-size: 15px; }
A.arrow-prev { background: transparent url(../_img/arrow_left.gif) no-repeat left center; padding-left: 20px; text-align: left;  }
A.arrow-next { background: transparent url(../_img/arrow_right.gif) no-repeat right center; padding-right: 20px; text-align: right;  }
UL { margin: 5px 5px 25px 35px;}
LI { list-style-image: url(../_img/bullet_copy.gif); line-height: 15px; margin-bottom: 4px; }
BLOCKQUOTE { text-indent: 25px; position: relative; margin: 20px 30px 10px 20px; }
BLOCKQUOTE .quote { font-family: Arial, sans-serif; font-size: 80px; color: #bcc95f; position: absolute; width: 20px; height: 30px; display: block; }
BLOCKQUOTE .quote-left { top: -25px; left: -30px; }
BLOCKQUOTE .quote-right { bottom: 0px; right: 10px; }
CITE { display: block; text-align: right; margin-top: 4px; }
.hidden { display: none;}
DIV.form { margin-top: 5px; }
DIV.form-label-field { white-space: nowrap; clear: both; }
DIV.form-label-field LABEL { width: 80px; height: 24px;line-height: 16px; display: block; float: left; text-align: right; padding: 3px 5px 0 0; }
DIV.form-label-field INPUT { height: 16px; line-height: 16px; }
DIV.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }
DIV.graphic-container { margin: 5px 0 10px 0; background-color: #fff; text-align: center; border: 3px solid #1e2203; }
IMG.float { display: block; float: left; clear: both; border: 3px solid #fff; }
IMG.float-left { float: left;  margin: 7px 10px 20px 0; }
IMG.float-right { float: right; margin: 7px 0px 20px 10px; }
CITE { font-style: normal; font-size: 11px; color: #f0f2d3; text-align: left; }
#container { background: #222701 url(../_img/earth.jpg) no-repeat 0px -50px; width: 880px; margin: auto; position: relative; }
#header { position: relative; height: 110px; }
#logo { position: absolute; display: block; top: -20px; width: 339px; height: 177px; background: transparent url(../_img/logo.png) no-repeat; }
#top-nav { z-index: 10; position: absolute; top: 50px; right: 10px;  margin: 0; padding: 0; }
#top-nav LI { display: block; float: left; font-size: 14px; width: 100px; height: 20px; text-align: center; padding-top: 4px;}
#top-nav LI A { color: #fff; text-decoration: none; }
#top-nav LI A:hover { color: #e2f253; }
LI#top-nav-on { background: #535907 url(../_img/nav_bg_on.gif) repeat-x; border: 1px solid #6b7314;  }

#main { background: transparent url(../_img/main_bg.gif) repeat-y; }
#sidenav { background: transparent url(../_img/sidenav_top.jpg) no-repeat; }
#headline { background-color: #323904; opacity: .9; filter:alpha(opacity=90); -moz-opacity:.9; width: 547px; padding: 9px 20px 8px 20px; position: relative; }
#copy { border-top: 1px solid #2f3405; border-left: 1px solid #2f3405; width: 588px;  float: right; clear: right;  }
#copy-inner { min-height: 100px; background-color: #222701; padding: 15px 20px 50px 20px; }
#sidenav { width: 291px; float: left; background: transparent url(../_img/sidenav_top.jpg) no-repeat; padding-top: 50px; }
#sidenav-home { width: 291px; float: left; }
#quicklinks { opacity: .96; filter:alpha(opacity=96); -moz-opacity:.96; width: 251px; background: #767b13 url(../_img/quicklinks_bg.jpg) repeat-x; padding: 10px 20px 20px 20px; vertical-align: top; }
#quicklinks UL { margin-bottom: 15px; }
#quicklinks LI { list-style-image: url(../_img/bullet_quicklinks.gif); }
#quicklinks LI.lock { list-style-image: url(../_img/bullet_lock.gif); }
#quote { background: #9fa269 url(../_img/quote_short_bg.jpg) repeat-x; padding: 20px 20px 30px 20px; min-height: 100px; }
#quote CITE { text-align: right; }

#footer { background-color: #181c01; height: 40px; font-size: 10px; position: relative; clear: both;}
#copyright { position: absolute; left: 10px; top: 14px; }
#footer-nav { position: absolute; left: 300px; top: 14px; }
#footer-nav A {  color: #fff; text-decoration: none; margin: 0 10px 0 10px; }
#footer-nav A:hover { text-decoration: underline;  }
#contact-info { position: absolute; right: 10px; top: 14px;}

/* WHY STYLES*/
#thumbs { width: 286px; height: 383px; padding: 3px 0px 1px 5px; opacity: .96; filter:alpha(opacity=96); -moz-opacity:.96; background: #797f16 url(../_img/login_bg.jpg) repeat-x; vertical-align: top; clear: both; }
#thumbs A.thumb { display: block; width: 93px; height: 93px; overflow: hidden; float: left; padding: 2px 2px 0 0; opacity: .8; filter:alpha(opacity=80); -xmoz-opacity:.8;}
#thumbs A.thumb-on { border-color: #fff; opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1;}
#thumbs IMG { border: 3px solid #b5b78b; }
#thumbs A.thumb-on IMG { border-color: #fff; opacity: 1; filter:alpha(opacity=100); -moz-opacity:1; }
#bigpic { display: block; border-bottom: 1px solid #2f3405; width: 587px; height: 390px; background-color: #000; clear: both; }
#bigpic-buttons {  position: absolute; top: 11px; right: 20px; }
#copy-blocks P, #copy-blocks LI { font-size: 16px; line-height: 20px; }
#copy-blocks H3 { font-size: 20px; font-weight: normal; }

/* RESOURCES STYLES */
#login { background: #767b14 url(../_img/login_bg.jpg) repeat-x; padding: 10px 20px 30px 20px; vertical-align: top; clear: both; }
#login A.btn { margin: 5px 0 0 150px; background: transparent url(../_img/btn_sm_bg.gif) no-repeat; width: 60px; height: 19px; padding-top: 4px; display: block; text-align: center; text-decoration: none; color:#fff; }
#modal { display: none; position: absolute; overflow: hidden; top: 0px; width: 880px; bottom: 0px; z-index: 100; background-color: #181c01; opacity: .8; filter:alpha(opacity=80); -moz-opacity:.8; }
#error-dialog { display: none; position: absolute; z-index: 200; font-size: 14px; left: 215px;
	line-height: 18px; background: transparent url(../_img/error_dialog.png) no-repeat; width: 475px; 
	height: 85px; margin: 250px auto 0 auto; 
	padding: 23px 0 0 15px; text-align: center;
}