/*
TABLE OF CONTENTS

PAGE STRUCTURE - General page layout (body, head, #wrapper)
HEADER - #header contains #navigation, at the top of #wrapper
NAVIGATION - #navigation is the main tabbed navigation in #header
CONTENT - #content holds #leftCol and #rightCol
RIGHT COLUMN - #rightCol hold the general page content
LEFT COLUMN - #leftCol holds events, schedule, or other stuff
FOOTER - #footer sits at the bottom of every page, has various links
REPORTS - classes that are used on info.php
GLOBALS - defines styles for various generic tags e.g. h1, h2, and other classes.
COMMENT FORM TEXTBOXES - 

COLORS

Grey - dark to light
666
A0A0A0
D3D3D3
E4E4E4
E9E9E9
F5F5F5
FFF

Blue - dark to light
062333
22688F
8DBED8
BFDAE9

Orange - dark to light
8B4500
FF8000
*/

/* PAGE STRUCTURE */
#marrtown {font-size:12px;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;text-align:center;background:url(./images/main_bg.jpg) repeat-x #bfdae9;color:#666;}
html, body, * html #wrapper, form {height:100%;}
#wrapper {position:relative;min-height:100%;width:750px;margin:0 auto;text-align:left;background:url(./images/wrapper_bg.gif) repeat-y right top;}

/* HEADER */
#header {height:69px;position:relative;background:#062333;color:inherit;}
#header h1 {position:absolute;height:65px;width:241px;background:url(./images/marrtown_road.jpg) no-repeat;left:-60px;top:15px;}
#header h1 span {display:none;}

/* HEADER - MASTER - MAIN */
#nav {line-height:2em;height:2em;font-size:1.2em;overflow:hidden;/*background:url(./images/nav_mid.jpg) right top repeat-y;*/width:550px;position:absolute;bottom:0;right:0;}
#navList {height:2em;overflow:hidden;/*background:url(./images/nav_top.jpg) right top no-repeat;*/padding:0 0px;}
#navList li {margin:0 4px 0 0;}
#navList li a {background:url(./images/tab_back.png) no-repeat right -100px;color:#50788F;text-decoration:none;padding-right:8px;cursor:pointer;/*Junky IE*/border-bottom:solid 1px #BDBABD;}
#navList li a span {background:url(./images/tab_back.png) no-repeat left -100px;padding-left:8px;}
#navList li a:hover {background:url(./images/tab_back.png) no-repeat right -200px;}
#navList li a:hover span {background:url(./images/tab_back.png) no-repeat left -200px;}
#navList li a.current {background:url(./images/tab_back.png) no-repeat right top;color:#FFF;border-bottom:solid 1px #FFF;}
#navList li a.current span {background:url(./images/tab_back.png) no-repeat left top;}
#navList li, #navList li a, #navList li a span {float:left;}

/* CONTENT */
#content {background:url(./images/content_bg.gif) right top no-repeat;padding-bottom:45px;}
#contentHeader {}
#contentFooter {clear:both;}

/* RIGHT COLUMN */
#rightCol {width:550px;float:right;position:relative;}
#rightColHeader {}
#rightColItem {padding:22px 34px 22px 22px;}
#rightColItem p {margin:10px 0;}
#rightColItem p, #rightColItem li {line-height:17px;}
#rightColFooter {}

/* LEFT COLUMN */
#leftCol {width:200px;float:left;position:relative;font-size:.9em;}
#leftColHeader {height:8px;background:url(./images/sidebar_top.png) no-repeat;margin-top:70px;}
#leftColItem {background:url(./images/sidebar_mid.png) repeat-y;padding:10px;}
#leftColItem ul {list-style:none;margin-left:.5em;}
#leftColItem ul .rightText {margin-right:.5em;}
#leftColItem h2 {margin:.2em 0 0 -.25em;}
#leftColItem h3 {margin-bottom:.1em;}
#leftColFooter {height:8px;background:url(./images/sidebar_bot.png) no-repeat;}
#leftColHeader, #leftColFooter {font-size:0;} /* Stupid IE */

/* FOOTER */
#footer {line-height:2em;height:2em;font-size:.9em;position:relative;background:#062333;margin-top:-2em;overflow:hidden;color:inherit;}
#footer ul {}
#footer ul li {text-align:center;float:right;}
#footer ul li a {text-decoration:none;color:#50788F;text-transform:uppercase;letter-spacing:.2em;padding:0 2em;background:inherit;}
#footer ul li a:hover {color:#fff;text-decoration:overline;background:inherit;}
#footer .hidden {position:absolute;}
#footer:hover .hidden {display:block;}

/* REPORTS */
.stat {background:#F5F5F5;color:inherit;}
.bar {background:#BFDAE9;height:1em;float:left;position:relative;color:inherit;}
.num {text-align:right;margin-right:1em;width:2em;float:left;clear:left;}
.lab {display:none;position:absolute;z-index:2525;padding:.2em;color:#FFF;font-size:1.2em;background:inherit;}
.bar:hover .lab {display:block;bottom:1em;left:0;background:#FF8000;color:inherit;}

/* GLOBALS */
* {margin:0;padding:0;}
h1,h2,h3,h4{font-family:Georgia, "Times New Roman", Times, serif;margin-bottom:.5em;}
h1 {font-size:1.6em;color:#FF8000;background:inherit;}
h2 {font-size:1.4em;color:#22688F;background:inherit;}
h3 {font-size:1.2em;color:#8B4500;background:inherit;}
h4 {font-size:1em;}
#map {height:200px;width:100%;margin-top:30px;}
a {outline:none;}
.leftText {}
.rightText {position:absolute;right:0;}
.datasection {margin:0 0 .2em 0;}
ul {list-style-type:none;}
fieldset {padding:1em;}
a:hover {cursor:pointer;} /* Stupid IE */
.hidden {display:none;}
table {margin: 0 0 .7em 0;}
td {padding:.1em .2em;vertical-align:top;}
tr.even {background:#f5f5f5;}
tr.odd {}
.invisible {display:none;}
.leftText2 {float:left;text-align:right;width:5em;padding-right:1em;margin-top:2px;position:relative;}

/* COMMENT FORM TEXTBOXES */
.textboxFocus, .textboxBlur, .textboxCounter {font-size:1em; margin:2px 0;padding:2px;font-family:Monospace;border:1px solid #8DBED8;background:#BFDAE9;}
.textboxFocus, .textboxBlur {width:170px;}
.textboxFocus {color:#666;}
.textboxBlur {color:#A0A0A0;}
.textboxCounter {position:absolute;border-left:none;}