/* Set defaults */
body			{ margin: 0; padding: 0; font-size: 76%; }
input,
select,
textarea		{ font-size: 1em; }
th,
td				{ vertical-align: top; font-size: 1em; }
img				{ border: 0; }

/* Generic classes */
.clear:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear			{ display: inline-block; }
/* \*/
.clear			{ display: block; }
/* */

.align-left		{ text-align: left !important; }
.align-right	{ text-align: right !important; }
.align-centre	{ text-align: center !important; }
.align-top		{ vertical-align: top !important; }
.align-bottom	{ vertical-align: bottom !important; }
.align-middle	{ vertical-align: middle !important; }

.bold			{ font-weight: bold !important; }
.italic			{ font-style: italic !important; }
.underline		{ text-decoration: underline !important; }


/* Site specific */
body { background: #0092cf url(../graphics/2/body.gif) no-repeat center top; }
body,
input,
select,
textarea { font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 2em; font-weight: normal; }
body.general h1 { margin: 0 -18px 0.5em; padding: 10px 18px; color: #2b8336; font-family: Georgia, serif; font-style: italic; background: #e7eba7; border-width: 1px 0; border-style: dotted; border-color: #aeb696; }
h2 { font-size: 1.6em; font-weight: normal; }
h3 { font-size: 1.2em; }

a { color: #2b8336; }

p.error { padding: 5px 15px; background: red; color: white; font-weight: bold; font-size: 1.1em; }

img.float-right { float: right; margin: 0 0 1em 1em; }

#wrapper { width: 823px; margin: 0 auto; background: white; }

#header { position: relative; z-index: 20; height: 133px; background: url(../graphics/2/nav.gif) repeat-x left bottom; }
#banner { position: absolute; left: 0; top: 0; }

#header ul { position: absolute; z-index: 20; left: 0; bottom: 0; margin: 0; padding: 0 20px; list-style-type: none; }
#header li { position: relative; float: left; }
* html #header li { position: relative; top: 1px; }
#header li.nav_active { background: url(../graphics/2/navlink-mid.gif) repeat-x left bottom; }
#header li a { position: relative; float: left; zoom: 1; color: white; text-transform: lowercase; text-decoration: none; }
#header li a:hover { text-decoration: none; background: #1c7a28 url(../graphics/2/navlink-hover-left.gif) no-repeat; }
#header li.nav_active a,
#header li.nav_active a:hover { background: url(../graphics/2/navlink-left.gif) no-repeat left bottom; color: #1c7a28; font-weight: bold; }
#header li a span { float: left; padding: 0 18px; height: 23px; line-height: 23px; cursor: pointer; }
#header li a:hover span { background: url(../graphics/2/navlink-hover-right.gif) no-repeat right bottom; }
#header li.nav_active a span { background: url(../graphics/2/navlink-right.gif) no-repeat right bottom; }


#header ul li ul,
#header ul li.nav_active ul { position: absolute; left: -20px; top: 23px; background: #1c7a28; }
* html #header ul li ul,
* html #header ul li.nav_active ul { padding: 0; left: 0; }
#header ul li ul li,
#header ul li.nav_active ul li { float: none; background: #1c7a28 none; }
#header ul li ul li a,
#header ul li.nav_active ul li a,
#header ul li ul li a:hover,
#header ul li.nav_active ul li a:hover { float: none; display: block; background: #1c7a28 none; color: white; }
#header ul li ul li a span,
#header ul li.nav_active ul li a span { position: relative; float: none !important; display: block; background: #1c7a28 none !important; width: 100px; }
* html #header ul li ul li a span,
* html #header ul li.nav_active ul li a span {  }

/* Navigation dropdown (do not edit) */
* html #header table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html #header a:hover table { display: block; left: 0; top: 0; }
#header td { margin: 0; padding: 0; }
#header td a { position: relative; zoom: 1; }
* html #header a:hover { position: relative; z-index: 100; }
#header li:hover { position: relative; }
* html #header ul ul a:hover { position: relative; z-index: 110; }
#header ul ul li:hover { position: relative; }
* html #header ul ul ul a:hover { position: relative; z-index: 120; }
#header ul ul ul ul a:hover { position: relative; z-index: 130; }
#header ul ul { visibility: hidden; display: none; }
#header ul :hover ul { visibility: visible; display: block; height: auto; }
#header ul :hover ul ul { visibility: hidden; }
#header ul :hover ul :hover ul ul { visibility: hidden; }
#header ul :hover ul :hover ul { visibility: visible; }
#header ul :hover ul :hover ul :hover ul { visibility: visible; }

#header form { position: absolute; z-index: 10; right: 20px; top: 13px; width: 108px; height: 40px; }
#header form input.text { position: absolute; left: 2px; top: 2px; width: 85px; background: #d5e6d7; border: 0; margin: 0; padding: 0; }
#header form input.image { position: absolute; right: 0; top: 0; width: 17px; height: 19px; }
#header form input.image2 { position: absolute; right: 0; top: 18px; width: 52px; height: 19px; }

#main { padding: 0 20px; }
body.forms #main { min-height: 580px; }
* html body.forms #main { height: 580px; }

#content { float: left; width: 460px; }
body.home #content { padding: 0 0 1em; }
body.general #content { margin: 2em 0 1em; padding: 0 18px; #padding: 0 18px 1em; width: 424px; background: #f3f5d3; }
body.forms #content { width: 574px; }
body.home #content h2,
#intro h2 { margin: 0; padding: 10px 15px; background: #0092cf; color: #c5ce20; font-size: 2em; font-weight: bold; }
body.home #content p,
#intro p { margin: 1em 0 0; padding: 8px 15px; background: #0092cf; color: #fff; }
body.home #content p a,
#intro p a { color: #fff; }
body.home #content p img,
#intro p img { margin: -8px -15px; }
body.general #content a { color: #2b8336; }
#content ul { margin: 0; padding: 0 0 0 1em; }
#content li { margin: 0 0 1em; }

body.general #intro { margin: 0 -18px 1em; }
body.general #intro p { margin: 0; }

#poll-results { padding: 65px 20px 15px; margin: 0 0 1em; background: #004e89 url(../graphics/2/poll-main.jpg) no-repeat; color: white; }
#poll-results div.result-container { border: 1px solid black; }
#poll-results div.result-container div.result-percent { height: 20px; }

#win-stuff { margin: 10px -18px 1em; background: url(../graphics/2/win-stuff.gif) repeat-x left center; }

#sidebar { position: relative; float: right; width: 301px; padding: 1em 0 0; }
body.forms #sidebar { width: 147px; }
#sidebar div.cols { position: relative; }
#sidebar div.cols div.left { position: relative; top: -1em; float: left; width: 143px; }
body.forms #sidebar div.cols div.left { position: absolute; top: 240px; float: none; }
#sidebar div.cols div.right { float: right; width: 147px; }
body.forms #sidebar div.cols div.right { float: none; }
#sidebar div.cols div.right p { margin: 0 0 1em; }

#fatalities { position: relative; width: 301px; height: 69px; padding: 0 0 1em; background: url(../graphics/2/fatalities.jpg) no-repeat; }
#fatalities span { position: absolute; left: 29px; #left: 28px; top: 26px; #top: 23px; color: white; font-size: 1.7em; letter-spacing: 0.395em; }

#poll-sidebar { margin: 1em 0 0; background: #00335e url(../graphics/2/poll-small-mid.gif) repeat-x 0 80px; }
#content #poll-sidebar { margin: 1em 0 15px; background: #00335e url(../graphics/2/poll-small-mid.gif) repeat-x; }
#poll-sidebar div.inner { position: relative; background: url(../graphics/2/poll-small-top.jpg) no-repeat left top; }
#content #poll-sidebar div.inner { background: none; }
#poll-sidebar p { margin: 0; }
#poll-sidebar p.question { padding: 100px 10px 20px; line-height: 1.3em; color: white; font-size: 1.2em; }
#content #poll-sidebar p.question { padding: 20px 10px 10px; }
#poll-sidebar .answer { padding: 11px 0 0; background: url(../graphics/2/poll-small-base.gif) no-repeat left top; }
#content #poll-sidebar .answer { background: none; }
#poll-sidebar .answer div.inner1 { padding: 5px 5px 8px; background: #004884 url(../graphics/2/poll-small-base.gif) no-repeat left -11px; color: white; }
#content #poll-sidebar .answer div.inner1 { background: #004884 none; }
#poll-sidebar .answer ul { margin: 0; padding: 0; list-style-type: none; }
#poll-sidebar .answer li { line-height: 1.7em; }

#vid-of-the-week,
#link-up { width: 299px; margin: 0 0 1em; padding: 0 0 1em; background: #aeb9c1 url(../graphics/2/vid-of-the-week.gif) repeat-x 0 45px; border: 1px dotted #d0d8dd; }
body.forms #vid-of-the-week,
body.forms #link-up { display: none; }
#vid-of-the-week div.inner { position: relative; padding: 50px 0 0; background: url(../graphics/2/vid-of-the-week-title.gif) no-repeat; text-align: center; }
#link-up div.inner { position: relative; padding: 50px 10px 0; background: url(../graphics/2/link-up.gif) no-repeat; }
#link-up div.inner p { margin: 0 0 5px; height: 16px; line-height: 16px; padding: 0 0 0 20px; background: url(../graphics/2/icon-link.gif) no-repeat left center; }
#link-up a { color: black; }

#footer { text-align: center; color: white; }
#footer a { color: white; }

div.form label { float: left; width: 160px; }
div.form label.inline { float: none; width: auto; }
div.form label.blue { color: #0092cf; font-weight: bold; }
div.form input.text { width: 200px; }
div.form input.submit { margin: 0 0 0 160px; }
div.form h3 { margin: 0 0 0.5em; }
p.form-notes { padding: 0 0 0 160px; }

#slideshow { position: relative; height: 520px; }
#slideshow ul { margin: 0; padding: 0; list-style-type: none; }
#slideshow ul li { position: absolute; top: 13px; left: 0; display: none; }
#slideshow ul li.active { display: block; }
#slideshow ul li a,
#slideshow ul li img { display: block; }
#slideshow ul li p { position: relative; margin: 0 !important; font-size: 2em; }

#vid-of-the-week a.more,
#link-up a.more { position: absolute; z-index: 20; right: 0; top: 0; display: block; width: 67px; height: 35px; text-decoration: none; }
