@charset "utf-8";
/* CSS Document */
<style type="text/css"> 


/* ===== global styles =======*/

body  {
	font-family: Cambria, Georgia, Times New Roman, serif;
	font-size: small;
	
	background: #FFFFFF; 	margin: 0; 	padding: 0; 	color: #000000;
}

h1  {   font-family  :  Cambria, Georgia, Times New Roman, serif;
	font-size: 2em;   font-weight :  bold ;
}

h2  {   font-family  :  Cambria, Georgia, Times New Roman, serif;
	font-size: 1.5em;   font-weight :  bold ;  line-height :100% ; margin : 0 ; padding : 9px 0 0 0 ;
}

h3  {   font-family  :  Cambria, Georgia, Times New Roman, serif;
	font-size: 1.25em;   font-weight :  bold ;  margin : 0 ; padding : 0px 0 0 0 ;
}

h4  {   font-family  :  Cambria, Georgia, Times New Roman, serif;
	font-size: 1.1em;   font-weight :  bold ;  margin : 0 ; padding : 0px 0 0 0 ;
}

p  {   font-family  :  Cambria, Georgia, Times New Roman, serif;
	font-size: small;	margin : 0 0 0 0  ; padding : 0 0 0 0 ;
}

/* ===== header styles =======*/
div#header { 
	position : relative; 	background: #ffffff; 	padding: 0 0px 0 0px;	height : 247px ;	width: 980px; 
}
div#header #logo   {
	position: absolute;  left: 0px;	height: 213px;	top: 0px;	width: 200px;
}
div#header #nav   {
	position: absolute;
	left: 244px;
	height: 23px;
	top: 29px;
	width: 736px;
}
div#header #intro   {
	position: absolute;
	left: 270px;
	top: 72px;
	width: 490px;
	padding: 0;
	font: Cambria, Georgia, Times New Roman, serif;
	font-size :  1.1em;
	line-height: 150%;
}

div#header #upcoming   {
	position: absolute;
	left: 270px;
	top: 72px;
	width: 490px;
	padding: 0;
	font: Cambria, Georgia, Times New Roman, serif;
	font-size :  1.15em;
	line-height: 120%;
	margin:.5em 0 .5em 0;
}

div#header #map   {
	position: absolute;
	right: 0px;
	height: 192px;
	top: 53px;
	width: 173px;
}

div#header #vrule  {
	position:absolute;
	left : 244px;
	top : 48px;
	width: 4px;
	z-index : 9;
}

/* ===== nav side styles =======*/

ul  { 
list-style: square; 
font-weight : bold;
font-size: 115%;
color : black;
padding: 16px 0 0 0px;
margin: 15px 0 5px 0 ;
text-decoration: none;
line-height: 2em;
} 

div#sidebar1 {
	margin : 25px 0 0 0 ;  float : left ;   clear : left ;
	width: 168px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 0px 15px 75px; 
}

div#sidebar1 ul { 
padding: 6px 0 5px 0;
margin: 12px 0 9px 0 ;

}
div#sidebar1 li { 
list-style: square; 
font-weight : bold;
font-size: 16px;
color : black;
padding: 0 0 0 0px;
margin: 9px 0 5px 0 ;
text-decoration: none;
}

div#sidebar2 {
	margin : 0px 0 0 0 ;  float : right ;   
	width: 173px; 
	padding: 0px 0px 15px 0px; /* padding keeps the content of the div away from the edges */
}

div#sidebar2 ul { 
font-size: 1em;
color : black;
padding: 0 0 0 0;
margin: 4px 0 0 0 ;
}

div#sidebar2 li { 
list-style: none; 
font-family : Cambria, Georgia, Times New Roman, serif;
font-size: 1em;
font-weight : normal;
color : 000;
margin: 5px 0 0 0 ;
text-decoration: none;
line-height: 100%;
}

div#content {   float : left ; 
margin :  0px 0px 0px  0px ;  	background: #ffffff; 	padding: 0 0px 0 0px;	width: 980px; 	
}
#mainContent { 
	float : left ;  width : 507px ;
	margin: 0; 
	padding: 0 28px; 
} 
img.two {
	position: absolute;
	top: 938px;
	left: 477px;
	z-index : 9;
}

#footer { 
	margin :   40px 0  0 73px;
	padding: 0 60px 0 0px; 
	background:#FFF;
} 
#footer p {
	font-family: trebuchet, verdana, arial, sanserif;   font-size: 9px ;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a { color: #0033ff; text-decoration: underline; }

a:visited { color: #0000cc; text-decoration: none; }

a:hover { color: #990000; text-decoration: underline; }
	
a img { border: none; }

#footer a { color: #3300ff; text-decoration: none; } 
#footer a:hover { color: #990000; text-decoration: none; } 

ul a { color: #0033ff; text-decoration: none }
ul a visited { color: #000099; text-decoration: none; }
ul a hover { color: #990000; text-decoration: underline; }

#navcontainer ul li { display: inline; }

navcontainer ul li a hover { color: #fff; text-decoration: underline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
img.two1 {	position: absolute;
	top: 359px;
	right: 426px;
}
img.two1 {
	position: absolute;
	top: 364px;
	right: 172px;
}