/* CSS Document */

body {
	background-color: #C9CEE3;
	background-image:url(../images/blue_back.gif);
	background-repeat: repeat-x;
	behavior: url(includes/csshover.htc);
	margin: 30px 5px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
}
body a {
	color: #0066FF;
	text-decoration: none;
}
body a:hover {
	color: #0066FF;
	text-decoration: underline;
}
#menubar {
	display: block;
	width: 908px;
	height: 36px;
	margin: 3px 0 0 0;
	padding: 0 30px;
	background-image:url(../images/menu_back.gif);
}
#content_frame {
	display: block;
	width: 966px;
	border: 1px solid #3C5495;
	margin: 3px 0;
	background-color: #FFFFFF;
}
#footer {
	display: block;
	width: 908px;
	height: 24px;
	background-image:url(../images/footer.gif);
	background-repeat: no-repeat;
	padding: 8px 30px;
	font-size: 10px;
	color: #C9CEE3;
	text-align: left;
}
#footer a {
	text-decoration: none;
	color: #C9CEE3;
}
#footer a:hover {
	text-decoration: underline;
	color: #C9CEE3;
}
#sitecredit {
	display: block;
	width: 908px;
	text-align: left;
	height: 24px;
	padding: 3px 30px;
	font-size: 10px;
	color: #666666;
}
#sitecredit a{
	color: #666666;
	text-decoration: none;
}
#sitecredit a:hover{
	color: #3C5495;
	text-decoration: underline;
}

div.clearfloats {
	clear: both;
}

#twocolumn {
	float: left;
	width: 483px;
}
#threecolumn {
	float: left;
	width: 322px;
}
#largecolumn {
	float: left;
	width: 644px;
}
#smallcolumn {
	float: left;
	width: 322px;
}
#column_content {
	display: block;
	text-align: left;
	padding: 20px;
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
#column_content table {
	padding-bottom: 20px;
}
#column_content table h1 {
	margin: 2px;
	padding: 0;
	line-height: 22px;
}
#column_content table h2 {
	margin: 3px;
	padding: 0;
	line-height: 18px;
}
#column_content table h3 {
	margin: 3px;
	padding: 0;
	line-height: 14px;
}
h1 {
	font-size: 22px;
	color: #3C5495;
}
h2 {
	font-size: 18px;
	color: #3C5495;
}
h3 {
	font-size: 14px;
	color: #3C5495;
}
.eventdate {
	color: #9A1518;
	font-weight: bold;
}
.eventheadline {
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}
.moreinfo {
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
.blue_cell {
	background-color: #3C5495;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}
.ltblue_cell {
	background-color: #C9CEE3;
	color: #3C5495;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.table_row {
	border-bottom: 1px solid #C9CEE3;
}
/* ------------------------------ RIGHT MENU ------------------------------------------ */
div#second_menu {
	float: right;
	text-align: left;
	border: 0px;
	font-size: 11px;
	font-weight: bold;
	width: 230px;
	margin: 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
}
div#second_menu ul {
	float: right;
	margin: 0;
	padding: 0px;
}
div#second_menu li {
	float: right;
	width: auto;
	position: relative;
	left: 0px;
	list-style-type: none;
}
div#second_menu a {
	display: block;
	text-decoration: none;
	padding: 0 10px;
	margin: 0;
	color: #3C5495;
}
div#second_menu a:hover {
	text-decoration: none;
	color: #333333;
}


/* ------------------------------ DROPDOWN MENU ------------------------------------------ */
body div#topmenu ul li ul, body div#topmenu ul li ul li ul {
	display: none;
	}
div#topmenu {
	float: left;
	text-align: left;
	border: 0px;
	font-size: 11px;
	font-weight: bold;
	width: 580px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
div#topmenu ul {
	float: left;
	margin: 0;
	padding: 0;
}
div#topmenu li {
	float: left;
	width: auto;
	position: relative;
	left: 0px;
	list-style-type: none;
}
div#topmenu a {
	display: block;
	text-decoration: none;
	margin: 0;
	color: #3C5495;
}
div#topmenu ul li ul:hover, div#topmenu ul li:hover ul {
	display: block;
}
div#topmenu ul li ul li:hover ul {
	display: block;
	left: 181px;
}
div#topmenu ul li a {
	color: #3C5495;
	padding: 9px 10px;
}
div#topmenu ul li a:hover {
	color: #333333;
}
div#topmenu ul li ul li a:hover {
	background-color: #CCCCCC;
	color: #3C5495;
}
div#topmenu ul li ul {
	margin: 0;
	position: absolute;
	width: 180px;
	}
div#topmenu ul li ul li {
	width: 180px;
	background-color: #C9CEE3;
	border-bottom: 1px solid #3C5495;
	border-right: 1px solid #3C5495;
	border-left: 1px solid #3C5495;
	padding: 0;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	}
div#topmenu ul li ul li a{
	width: 170px;
	padding: 5px;
	color: #666666;
	margin: 0px;
	}
div#topmenu ul li ul li:first-child {
	border-top: 1px solid #3C5495;
	}

div#topmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#topmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#topmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* third level popouts start here*/
div#topmenu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#topmenu ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
	
/* pop-out starts here */
div#topmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}

/* THE HACK ZONE - */
* html div#topmenu ul {
	float:left; /* makes the ul wrap the li's */
	margin-left:0px; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#topmenu ul li ul {
	border-top:1px solid #3C5495;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#topmenu ul li ul li ul { 
  left:0; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:0em;
  } 
/* and the "be nice to Opera" rule */
html>body div#topmenu ul li ul li ul {
  left:0em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
	@media all and (min-width: 0px){
   body div#topmenu ul li ul {padding-bottom:100px;}
   body div#topmenu ul li ul li ul {padding-bottom:22px;}
   body div#topmenu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
   }

/* END OF HACK ZONE */