@charset "utf-8";

html,body
{
	height: 100%;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	background: #F1F5F8 url('images/bg2.jpg') no-repeat top center;
}

div#container
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	width: 1000px;
	margin: 0 auto -195px auto;
	background: white url('images/top-bg.gif') repeat-x top left;
}


div#top
{
	height: 206px;
}

div#top .link
{
	display: block;
	float: right;
}

.header-image
{
	display:block;
	margin-left: 10px;
}

div#left
{
	width: 276px;
	float: left;
}

div#left .quick-links
{
	background: #F8B853 url('images/quicklinks-bg.gif') no-repeat top left;
	width: 198px;
	margin-left: 20px;
	padding: 29px 29px 20px 29px;
}

div#left .upcoming-events
{
	background: #61B4C5 url('images/upcoming-top.gif') no-repeat top left;
	width: 198px;
	margin: 20px 0 0 20px;
	padding: 29px 29px 20px 29px;
}

div#left .upcoming-events,
div#left .upcoming-events p,
div#left .upcoming-events td,
div#left .upcoming-events span,
div#left .upcoming-events a
{
	color: white;
}

div#right
{
	width: 724px;
	float: left;
}

div#right .inner
{
	padding: 20px 50px 40px 46px;
}

.push
{
	height: 160px;
}

div#footer
{
	height: 195px;
	background: url('images/footer-bg.gif') repeat-x bottom left;
}

div#footer .inner
{
	width: 1000px;
	height: 195px;
	margin: 0 auto;
	background: url('images/footer-bg2.gif') repeat-x top left;
}

div#footer .content
{
	padding: 61px 20px 0 20px;
	color: white;
}

div#footer .content p,
div#footer .content td,
div#footer .content span,
div#footer .content a
{
	color: white;
}

/* ---- navigation ---- */

div#nav-holder
{
	height: 43px;
}

ul#navigation 
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#navigation li
{
	display: block;
	float: left;
	height: 23px;
	padding: 20px 0 0 0px;
	background: url('images/navsep.gif') no-repeat right 13px;
}

ul#navigation a:visited.top,
ul#navigation a:link.top,
ul#navigation a.top
{
	color: white;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 12px 0 12px;
}

ul.flyout
{
	display: none;
	position: absolute;
	list-style: none;
	margin: 23px 0 0 0;
	padding: 0;
	width: 150px;
	border-bottom: 1px solid #B6C6D3;
}

ul.flyout li ul.flyout
{
	margin: 0 0 0 149px;
}

ul#navigation ul.flyout li
{
	display: inline;
	float: none;
	height: auto;
	padding: 0;
}

ul.flyout a:visited.flyout,
ul.flyout a:link.flyout,
ul.flyout a.flyout
{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #375061;
	padding: 7px;
	border: 1px solid #B6C6D3;
	border-bottom: none;
	background: white;
	text-decoration: none;
	_height: 1%;
}

ul.flyout a:hover.flyout
{
	background: #5A7E95;
	color: white;
}