/* CSS Document */
.dblue {text-decoration: none; color: #13418E; font-weight:bold;}
A.dblue:visited {text-decoration: none; color: #13418E}
A.dblue:active {text-decoration: none}
a.dblue:hover {text-decoration: underline; color: #2155AB}

.blackblue3 {text-decoration: none; color: #13418E; font-weight:bold;}
A.blackblue3:visited {text-decoration: none; color: #13418E}
A.blackblue3:active {text-decoration: none}
a.blackblue3:hover {text-decoration: underline; color: #2155AB}
.navheader11px {
	color: #CC0000; font-family: Arial, Helvetica; font-size: 10pt; font-weight: bold;
}
body{
margin:0px;
padding:0px;
background:#ffffff;
font-family: Arial, Helvetica;
font-size:10pt;
font-size:12px;
}
/*This wrapper holds all css elements including banner, nav, and main content.*/
#wrapper{
width:882px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
}
#banner{
width:882px;
height:117px;
background-image:url(images/banner.jpg);
}
#countdown{
vertical-align:bottom;
width:150px;
height:100px;
margin-left:725px;
}
/*This wrapper is holding the nav element and the content*/
#body_nav_wrapper{
width:882px;
margin-top:6px;
}
#left_container{
width:215px;
height:830px;
background-image:url(images/left_containBkgrd.gif);
}
#search_box{
width:175px;
margin-top:17px;
margin-left:auto;
margin-right:auto;
}
/*Navigation is using the image 'sprite' technique. Why put yourself through so much CSS drama for a nav bar?, because it looks good thats why! ;-)*/
#nav{
	width:197px;
	margin-top:4px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/navbkGrd3.gif);
	background-repeat: no-repeat;
}
#nav ul{
	margin:0px;
	padding:0px;
	width:197px;
	position:relative;
}
#nav li{
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
}
#nav li, #nav a {
	margin: 0;
	padding: 0;
	width: 197px;
	position: relative;
	}
#nav li a { 
	border: 0;
	display: block; /* turns links into blocks */
	margin: 0;
	padding: 0;
	text-indent: -9999px; /* pushes link text off the page */
	text-decoration: none;
	width: 197px;
	}
/*Setting the background width and position of the main navigation links*/
#home{ top:0px; height:21px;}
#about{ top:21px; height:23px;}
#news{ top:44px; height:25px;}
#events{ top:69px; height:21px;}
#getting_there{ top:90px; height:23px;}
#maps{ top:113px; height:23px;}
#spectator_info{ top:136px; height:23px;}
#closures_nav{ top:159px; height:23px;}
#faqs{ top:182px; height:23px;}
#city_services{ top:205px; height:23px;}
#volunteer{ top:228px; height:23px;}
/* Setting background image positions of hover state... */
#home a:hover{ background: transparent url(images/navbkGrd3.gif) -196px 0px no-repeat; height:21px}
#about a:hover{ background: transparent url(images/navbkGrd3.gif) -197px -21px no-repeat; height:21px}
#news a:hover{ background: transparent url(images/navbkGrd3.gif) -197px -44px no-repeat; height:21px}
#events a:hover{ background: transparent url(images/navbkGrd3.gif) -197px -69px no-repeat; height:21px}
#getting_there a:hover{ background: transparent url(images/navbkGrd3.gif) -197px -90px no-repeat; height:21px}
#maps a:hover{ background: transparent url(images/navbkGrd3.gif) -197px -113px no-repeat; height:21px}
#spectator_info a:hover{ background: transparent url(images/navbkGrd3.gif) -197px -136px no-repeat; height:21px}
#closures_nav a:hover{ background: transparent url(images/navbkGrd3.gif) -197px -159px no-repeat; height:21px}
#faqs a:hover{ background: transparent url(images/navbkGrd3.gif) -197px -182px no-repeat; height:21px}
#city_services a:hover{ background: transparent url(images/navbkGrd3.gif) -197px -205px no-repeat; height:21px}
#volunteer a:hover{ background: transparent url(images/navbkGrd3.gif) -197px -228px no-repeat; height:21px}
/*Image Sprite complete*/
#info{
width:187px;
padding-top:0px;
margin-left:auto;
margin-right:auto;
}

#services{
width:187px;
padding-top:0px;
margin-left:auto;
margin-right:auto;
}
#services ul{
font-family: Arial, Helvetica;
font-weight:bold;
font-size:10pt;
font-size:12px;
color:#13418e;
margin-top:0px;
padding-top:0px;
padding-left:18px;
#padding-left:0px;
#margin-left:18px;
line-height:25px;
}
#services ul li{
font-family: Arial, Helvetica;
font-weight:bold;
color:#13418e;
}
#services ul li a{
text-decoration:none;
color:#13418e;
}
#services ul li a:visited{
text-decoration:none;
color:#13418e;
}
#services ul li a:hover{
	color: #2155AB;
	text-decoration: underline;

}
#weather{
width:187px;
padding-top:5px;
margin-left:auto;
margin-right:auto;
}
#main_body{
width:656px;
margin-left:225px;
_margin-left:220px;
}
/*The next 4 divs break up the content body to allow the content layer to expand while keeping the design in tac*/
#content_wrapper{
width:656px;
margin-bottom:5px;
}
#content_top{
width:656px;
height:15px;
background-image:url(images/content_top.gif);
}
#content_body{
width:620px;
padding-left:18px;
padding-right:18px;
background-image:url(images/content_middle.gif);
}
#content_body p{
margin:0px;
padding:0px;
}
#content_bottom{
width:656px;
height:15px;
background-image:url(images/content_bottom.gif)
}
/*#welcome_message{
width:638px;;
height:128px;
padding-top:18px;
padding-left:18px;
background-image:url(images/welcome_message.gif);
}*/
#flash_wrapper{
width:656px;
height:280px;
margin-top:5px;
padding-top:18px;
background-image:url(images/flash_wrapper.gif);
}
/*Flash Code goes in this div element in the html document*/
#flash_container{
width:594px;
height:269px;
margin-left:auto;
margin-right:auto;
}
/*This wraps the calendar and closure elements*/
#cal_closures_wrapper{
width:656px;
padding-top:0px;
margin-bottom:5px;
}
#calendar{
width:286px;
height:112px;
padding-top:20px;
padding-left:40px;
background-image:url(images/calendar_bkgrd.gif);
}
#closures{
width:286px;
height:112px;
padding-top:20px;
padding-left:40px;
margin-left:330px;
_margin-left:327px;
background-image:url(images/closure_bkgrd.gif);
}
.left_float{
float:left;
}
.right_float{
float:right;
}
/* Slide Style Code */
a.blackBLUE {
	color: #13418E;
	font-weight: bold;
	text-decoration: none;
}
.style2 {
	font-size: 14px;
	color: #CC0102;
	font-weight: bold;
	font-family: Arial, Helvetica;
}
.widget {
	width: 600px;
	height: 285px;
	border: 0px;
	background-color: #ffffff;
}
.SlidingPanels {
	width: 600px;
	height: 285px;
	overflow: visible;
	position: relative;
	float: left;
	padding: 0px;
}
.SlidingPanelsContainer {
	width:8000em;
	height:240px;
	position: absolute;
	float:left;
	margin: 0px;
	padding: 0px;
}
.SlidingPanelsContent {
	width: 200px;
	height: 240px;
	float: left;
}
.content {
	width: 200px;
	height: 240px;
	float: left;
	overflow: hidden;
	padding: 0px;
	border-right: solid 1px #ffffff;
}
.panelnav {
	clear: both;
	height: 45px;
}
.left {
	text-align: left;
	margin-left: 8px;
}
.right {
	text-align: right;
	margin-right: 8px;
}