/* CSS Document */

/* BODY */
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; background-repeat:repeat-x; background-image:url(../img/back_grade.gif); }

/* MAIN TABLE */
.main_table{ width:1000px; border:1px solid #004383; background-color:white; }
a { color: #004383; }

/* MAIN MENU */
#nav { margin: 0; padding: 0; }
#nav li.on ul, #nav li.off ul { margin: 0; padding: 0; }
#nav a { margin-left:6px; text-decoration: none; font-size:11px; background-color:#8ebae3; }
#nav a:hover { background-color:#ffffff; }
/*float the main list items*/
#nav li { margin: 0; float: left; display: block; padding-right: 15px; }
#nav li ul { display: none; }
/*put the subnav below*/
#nav li.off ul, #nav li.on ul {	position: absolute;	top: 433px;	*top: 44px;	left: 120px; padding-top: 5px; height: 20px; width: 800px; }
#nav li a { color: #000000; font-weight: bold; display: block; height: 15px; width: 109px; border: 2px solid #000000; padding: 4px; text-align:center; }
#nav li.on a { border: 2px solid #004383; color: #000000; background-color:#cccccc; }
/*ie doesn't inherit the float*/
#nav li.on ul a, #nav li.off ul a { float: left; border: 0; color: #000000; width: auto; margin-right: 15px; }
#nav li.on ul { display: block; }
#nav li.off:hover ul { display: block; z-index: 6000; }
#nav li.off a:hover, #nav li:hover a { color: #000000; }

/* LEFT COLUMN */
.left_col { width:150px; background-color:#ffffff; color:black; border:1px solid #004383; vertical-align:top; font-size:.7em; }
.water_flow_data { padding-bottom:10px; margin-top:10px; background-color:#cccccc; border:1px solid #999999; text-align:center; }
/* header */
.header { font-size:1em; text-align:center; font-weight:bold; border-top:1px solid black; border-bottom:1px solid black;}

/* SIDEBAR MENU */
.sidebar_nav { margin: 0; padding: 0; list-style: none; width: 150px; border-bottom: 1px solid #999; }
.sidebar_nav li { position: relative; }	
.sidebar_nav li ul { position: absolute; left: 149px; /* Set 1px less than menu width */ top: 0; display: none; }
/* Styles for Menu Items */
.sidebar_nav li a { display: block; text-decoration: none; color: #000; background: #FFF; /* IE6 Bug */ padding: 5px; border: 1px solid #999; border-bottom: 0; }
/* Fix IE. Hide from IE Mac \*/
* html .sidebar_nav li { float: left; height: 1%; }
* html .sidebar_nav li a { height: 1%; }
/* End */
.sidebar_nav li a:hover { color: #000; background: #ccc; } /* Hover Styles */
.sidebar_nav li ul li a { padding: 5px; } /* Sub Menu Styles */
.sidebar_nav li:hover ul, li.over ul { display: block; } /* The magic */

/* CENTER COLUMN */
.center_col { vertical-align:top; }
a.sidebar{ color: #004383; }

/* RIGHT COLUMN */
.right_col { width:250px; border:2px solid white; vertical-align:top; }
.notes { font-style: italic; font-size: x-small; color: #000000; text-align:center; padding:5px; border-bottom:1px solid #004383; }
/* Calendar */
.cal { border:1px solid white; height:800px; overflow:auto; }
.cal_date { font-weight:bold; color:#000000; text-align:center; font-size:.7em; }
.cal_title { text-align:center; font-size:.8em; font-variant:small-caps; }
.cal_text { font-size:.7em; text-align:justify; }
.even { background-color:#ffffff; border-bottom:1px solid #004383; }
.odd { background-color:#d1e2f1; border-bottom:1px solid #004383; }

/* FOOTER */
.footer{ font-size:.7em; background-color:#cccccc; color:#004383; border-top:#004383; }