@charset "UTF-8";
/* CSS Document */

html, body, ul, li { padding: 0; margin: 0; list-style: none;}

body{				background-color: #996;}
#container{			width: 762px;
					height: auto;	
					margin-left: auto;
					margin-right: auto;
					margin-top: 12px;
					margin-bottom: 0px;
					overflow: hidden; /*This allows the background color to be shown*/
					background: #ffc;
					
					}
#top{				position: relative;
					height: 130px;
					width: 762px;
					margin: 0px;
					
					}
#logo  {			position: relative;
					height: 130px;
					width: 148px;	
					float: left;
					background-image: url(../graphics/logo.gif);
					background-repeat: no-repeat;
					background-position:top;
					border: 0px;
					text-decoration: none;								
					}


#topimage{			position: relative;
					float: right;
					width: 614px;
					height: 130px;
					background-image:url(../top_images/events_top_image.jpg);
					background-repeat: no-repeat;
					/*background-position:top;*/
					
					}
#nav{				width: 762px;				
					height: 50px;
					position: relative;
					top: 0;
					float: left;
					background-color: #c30;
					z-index: 200;
					/*background color of main nav - top level______CHANGE TO BAR COLOR___________*/
					/*	border: 1px solid #0f0;*/
					
					}	
#content{			position: relative;
					float: left; /*Might be float:right*/
					width: 700px;
					height: auto;
					padding: 10px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: small;
					margin-top: 20px;
					margin-left: 12px;
					margin-right: 12px;
					/*background-color: #cc9;*/
					
					z-index: 1;
					
					}
					
#footer{		
					position: relative;
					width: 762px;
					height: 116px;
					background-color: #ffc;
					background-image: url(../graphics/wave.gif);
					background-repeat: no-repeat;
					float: left;
					
}	

a{ 					border-style: none; 
					text-decoration: none;
					}
					
p{	padding-right: 5px; padding-left: 5px; line-height: 1.25em; margin-top: 0px; margin-bottom: .95em;}
p.header{/*Will appear on left side by default unless p.header_right is used*/font-family:Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; padding-top: 10px;}
p.header_right{		font-family:Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; text-align: right; padding-right: 10px;}
p.subhead{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: #000;}
p.italic{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-style: italic; color: #000;}
p.underline{ font-family: Arial, Helvetica, sans-serif; font-size: small; text-decoration: underline; color: #000}			
					
.img_right{float: right; padding-top: 5px; padding-right: 15px;	padding-left: 10px; padding-bottom: 3px; /*Image can be roughly up to 230px wide/200px high to fit correctly*/}
.img_left{float: left; padding-top: 5px; padding-right: 10px;	padding-left: 15px; padding-bottom: 3px;}
.highlight{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #066;/*Match this to NAVBAR?*/ font-weight: normal;}	
.table_left{ float: left; border: 1px solid #000; padding: 2px;}
.table_right{ float: right; border: 1px solid #000; padding: 2px;}
#content th{ font-family:Arial, Helvetica, sans-serif; font-size: x-small; color: #fff; background-color: #066;}/*Table head - match to Nav bar color?*/
.dark_cell{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: x-small; padding-left: 4px; color: #000; background-color: #399;}
.light_cell{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: x-small; padding-left: 4px; color: #000; background-color: #cc9;}
span.subsubhead{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; margin-left: 10px; line-height: 14px;}
#content ul li{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #000; font-weight: normal; padding-bottom: 10px; margin-top: -10px; list-style-type:disc;}
#content ul{padding-left: 25px;}
	


	
					

		
/* BEGIN NAVIGATION STYLING ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:762px; height:36px; position:relative; font-size:12px; font-weight: c63; line-height: 11px; z-index:5000; margin-top:14px; margin-left: auto; margin-right: auto;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#c30;/*BG MAIN-MATCH NAV*/
width:108px; height: 36px; text-align:center; color:#fff; border:0; background:#c30;/*BG MAIN-MATCH NAV*/ line-height:11px; 
font-size:11px; }
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.menu ul li ul li a { padding-top: 10px;  }
.menu ul li ul li ul { display: none; } 
/* specific to non IE browsers */
.menu ul li:hover a {color:#ffc; background:#c30;}/*TOP LEVEL HOVER-MATCH NAV*/
.menu ul li:hover ul {display:block; position:absolute; top:36px; left:0; width:108px;}
.menu ul li:hover ul li a.hide {background:#c63; color:#ffc;}/*BACKGROUND ONE*/

.menu ul li:hover ul li:hover a.hide:hover {background:#c30; color:#fff;}/*HOVER ONE*/
.menu ul li:hover ul li:hover ul {display: none;}

.menu ul li:hover ul li a {display:block; background:#c63; color:#ffc;}/*BACKGROUND TWO*/
.menu ul li:hover ul li a:hover {background:#c30; color:#fff;}/*HOVER TWO*/
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:108px; top:0;}
.menu ul li:hover ul li ul.left { display: none; }
.menu ul li:hover ul li:hover ul.left {display: block; left:-108px;}

.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul {display:block; }			
.menu ul li:hover ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul li:hover ul {display:block; }