/***CSS Document***/

/*******************
Overall Declarations
********************/
* {
padding:0;
margin:0;
}

body{
background-color:#e5e4e0;
font:10px normal Verdana, Arial, Helvetica, sans-serif;
color:#666664;
text-align:center;
}
img {
border:0;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/******************* Hide from IE Mac \********************/
.clearfix {
display:block;
}
/******************* End hide from IE Mac ********************/

a, a:visited {
color:#FFFFFF;
text-decoration:none;
outline:none;
}
a:active {
outline:none;
}

/*******************
Centered Div
********************/
#centered {
width:830px;
margin-left:auto;
margin-right:auto;
text-align:left;
	height: 141px;
}


/*******************
Global Header Declarations
********************/
#header 
{
	background-color:#660000;
	border-left:1px solid #b0b0ac;
	border-right:1px solid #b0b0ac;
	height:85px;
	width:828px;
	color:#FFFFFF;
}
.spu 
{
	padding:9px 0px 3px 14px;
	width:282px;
	float:left;
	font-size:18px;
	font-weight:bold;
}
#header ul
{
	padding:0;
	margin:0;
	list-style:none;
	float:right;
	clear:right;
	margin-right:5px;
	margin-top:69px;
	color:#FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
}
#header ul li
{
	float:left;
	position:relative;
	display:block;
}
#header ul li a
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	display:block;
	font-weight:normal;
	margin-right:12px;
	color:#FFFFFF;
}
#header ul li a:hover
{
	text-decoration:underline;
}
#header ul li ul
{
	display:none;
	position:absolute;
	top:14px;
	left:-19px;
	width:130px;
	margin:0px;
	padding:0px;
}
#header ul li > ul
{
	top:auto;
	left:auto;
}
#header ul li ul li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:130px;
}
#header_nav_online
{
	width:90px;
	display:block;
	background:#660000 url(/Images/red_arrow.jpg) no-repeat 95% 60%;
	height:14px;
	padding-left:4px;
	margin-left:-4px;
	color:#FFFFFF;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:11px;
	cursor:pointer;
}
#header_nav_online:hover, #header_nav_online.over
{
	background:#FFFFFF url(/Images/white_arrow.jpg) no-repeat 95% 60%;
	color:#660000 !important;
	text-decoration:none !important;
}
#header_nav_online:hover a, #header_nav_online.over a
{
	color:#660000 !important;
}
#header_nav_online ul li a
{
	color:#660000;
	background-color:#FFFFFF !important;
	font-size:10px;
	font-weight:100;
	margin:0px !important;
	padding-left:5px;
	display:block;
	width:130px;
	text-decoration:none !important;
}
#header_nav_online ul li a:hover
{
	display:block;
	background-color:#CCCCCC !important;
}
#header ul li:hover ul, #header ul li.over ul
{
	display:block;
	background-color:#FFFFFF;
	clear:both;
	left:-41px;
	top:14px;
}
.tooltip
{
	float:right;
    width:85px;
    background-color:#CCCCCC;
    color:#333333;
    padding:2px 2px;
    margin-top:15px;
    display:none;
    position:relative;
    left:-10px;
    z-index:2;
    cursor:pointer;
    font-size:10px;
    line-height:11px;
}
.tip
{
	margin-top:6px !important;
	margin-right:5px;
}
.tip2
{
	top:8px !important;
}

/*******************
Sub Header Declarations
********************/
#subheader {
background-color:#666666;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #b0b0ac;
border-right:1px solid #b0b0ac;
width:828px;
color:#FFFFFF;
}
.date{
float:left;
font-family: Arial, Helvetica, sans-serif;
padding:7px 0px 7px 15px;
	height: 9px;
}
.weather{
float:left;
font-family: Arial, Helvetica, sans-serif;
padding:7px 0px 7px 13px;
height: 8px;
}
.search {
width:200px;
float:right;
margin-right:3px;
padding-top:3px;
padding-bottom:3px;
}
.search img 
{
	font-size:8px;
	float:left;
	padding:6px 3px 0px;
}
form {
margin:0;
padding:0;
}
.textbox {
margin:0;
padding:0;
font-size:10px;
height:14px;
width:130px;
padding-left:2px;
margin-top:2px;
}
.submit {
height:20px;
padding-bottom:2px;
width:30px;
font-size:10px;
}

/*******************
Orange Bar Declarations
********************/
#orangesubheader {
background-color:#be9c5f;
border-left:1px solid #b0b0ac;
border-right:1px solid #b0b0ac;
border-bottom:1px solid #b0b0ac;
margin:0;
padding:0;
line-height:normal;
margin-bottom:7px;
width:828px;
}

/*******************
Orange Tabs
********************/
#orangesubheader ul{
list-style:none;
padding:0;
margin:0;
}
#orangesubheader li{
float:left;
padding:0;
margin:4px 0px 0px 0px;
background:url(/Images/orange_notch.gif) no-repeat right top;
}
#orangesubheader a{
display:block;
padding-right:8px;
padding-left:2px;
margin:0px;
color:#FFFFFF;
text-decoration:none;
background:url(/Images/orange_left.jpg) no-repeat left bottom;
}
#orangesubheader li a span{
background-color:#a87c2f;
padding:0px 15px;
}
#orangesubheader li a:hover span, #orangesubheader li.active a span {
background-color:#c2ac83;
}
#orangesubheader a:hover, #orangsubheader li.active a{
color:#FFFFFF;
background:url(/Images/orange_left_rollover.gif) no-repeat left bottom;
}
#orangesubheader li:hover, #orangesubheader li.active{
background:url(/Images/orange_notch_rollover.gif) no-repeat right top;
background-color:#c2ac83;
}
.first{
background:none !important;
padding-left:0px !important;
}

/*******************
Top Centered / Nav and Rotating Image
********************/
#top_centered {
width:100%;
}
/*******************
Navigation
********************/
#navigation 
{
	float:left;
	width:316px;
	height:280px;
	border:1px solid #b1b1ad;
	max-height:280px;
	overflow:hidden;
}

#navigation h3
{
	color:#ffffff;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0px 0px 0px 15px;
	cursor:pointer;
	height:14px;
}
.nav_small_text
{
	padding:0px 15px 0px 15px;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:0px;
	display:block;
	width:284px;
	cursor:pointer;
	height:21px;
}

.sub_nav
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
	height:129px;
	max-height:129px;
	display:none;
}

.sub_nav a
{
	background-color:#FFFFFF !important;
	color:#52453d !important;
	font-weight:normal !important;
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
}
.sub_nav a:hover
{
	background-color:#eeeeee !important;
}
.sub_nav_one_column
{
	padding-top:1px;
	margin-left:15px;
	width:100%;
}
.sub_nav_one_column ul
{
	list-style:none;
	font-size:10px;
}

.sub_nav_one_column ul li
{
	display:block;
	float:left;
	width:100%;
}

.sub_nav_one_column a:hover
{
	background-color:#eeeeee;
	width:210px;
}

.sub_nav_left
{
	padding-top:1px;
	display:block;	
	float:left;
	padding-left:0px;
	margin-left:13px;
	margin-right:0px;
	width:46%;
}
.sub_nav_left ul
{
	list-style:none;
	display:block;
	float:left;
	font-size:10px;
	margin:0px 0px;
}
.sub_nav_left ul li
{
	float:left;
	width:138px;
	display:block;
}
.sub_nav_left a:hover
{
	background-color:#eeeeee;
}
.sub_nav_right
{
	padding-top:1px;
	width:44%;
	list-style:none;
	display:block;
	float:left;
}
.sub_nav_right ul
{
	list-style:none;
	display:block;
	float:left;
	font-size:10px;
	margin-bottom:0px;
	
}
.sub_nav_right ul li
{
	float:left;
	width:139px;
	display:block;
}
.sub_nav_right a
{
	background-color:#eeeeee;
}
.menu
{
	border-bottom: 1px solid #b1b1ad;
	padding:2px 0px;
	background: #878785 url(/Images/down-arrow-static.gif) no-repeat 98% 49%;
}
.menu:hover
{
	background:#B3B3B3 url(/Images/down-arrow-hover.gif) no-repeat 98% 49%;
}
.menu:hover .nav_small_text
{
    color:#666666;
}
.menuSelected
{
	background:#B3B3B3 url(/Images/close-X.gif) no-repeat 98% 3px;
	padding:2px 0px;
	border-bottom: 1px solid #D0D0D0;
}
.menuSelected:hover
{
	background:#B3B3B3 url(/Images/close-X.gif) no-repeat 98% 3px;
	padding:2px 0px;
	border-bottom: 1px solid #D0D0D0;
}
.menuSelected h3 a
{
	color:#555555 !important;
}
.menuSelected h3 a
{
	
}
.menuSelected .nav_small_text
{
	color:#666666 !important;
}
	
/*******************
Rotating Image
********************/
#rotating_image {
float:right;
width:500px;
}

/*******************
Bottom Centered / Events and News
********************/
#bottom_centered_header{
background-color:#666666;
margin-top:7px;
border: 1px solid #b0b0ac;
border-bottom:none !important;
width:100%;
}
#bottom_centered_header ul {
float:left;
padding:0;
margin:0;
margin-top:4px;
list-style:none;
}
#bottom_centered_header li {
float:left;
display:block;
padding:6px 0px 0px 8px;
margin:0;
background:#999999 url(/Images/gray_notch.gif) no-repeat 100% 0%;
width:307px;
}
#bottom_centered_header img {
margin-bottom:-3px;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
}

#bottom_centered {
border: 1px solid #b0b0ac;
background-color:#cccccc;
width:822px;
padding-left:8px;
height:232px;
}
/*******************
Events
********************/
#events {
float:left;
width:306px;
margin:8px 8px 0px 0px;
background:#ffffff;
line-height:12px;

}
#events ul{
list-style:none;
padding:0px 4px 4px 4px;
height:192px;
overflow:hidden;
}
#events li{
color:#666666;
}
#events a{
color:#666666;
text-decoration:underline;
}
#events a:hover
{
    text-decoration:none;
    color:#3f3f3f !important;
}
    
/*#events h4 {
color:#666666;
font-size:11px;
padding:0px 0px 0px 0px;
margin:6px 0px 0px 0px;
display:block;
}*/
.calendar{
font-size:9px;
font-family: Arial, Helvetica, sans-serif;
position:relative;
left:205px;
text-decoration:underline;
}
#view_all{
width:100%;
margin-top:4px;
}
#view_all img{
float:right;
}
.gridEvents
{	

}
.gridEvents tr td li h4
{
color:#666666;
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
padding:0px 0px 0px 0px;
margin:6px 0px 0px 0px;
display:block;
text-align:left;
float:left;
}
.eventText
{
	float:left;
	clear:left;
	width:100%;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
}
.emptyEvents
{
	color:Red;
	width:200px;
}
.cal
{
    float:right;
    border-left:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    text-decoration:none;
    padding:1px 4px 1px 3px;
    height:11px;
    cursor:pointer;
}
.EventsViewAll
{
    float:right;
    border-right:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
    text-decoration:none;
    padding:1px 2px 1px 3px;
    height:11px;
    cursor:pointer;
}

/********************
News
********************/
#news {
float:left;
width:498px;
background-color:#cccccc;
line-height:12px;
margin-top:4px;
margin-left:2px;
}
#news h5{
color:#3f3f3f;
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
padding:3px 0px 2px 0px;
margin:0;
}
#news a:hover{
color:#3f3f3f !important;
text-decoration: none; 
}
#news a{
color:#666666;
text-decoration: underline;
}
.news_image{
float:left;
display:inline;
width:71px;
height:58px;
padding:3px 12px 3px 3px;
color:#666666;
font-size:11px;
}
.news_text{
float:left;
color:#666666;
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
padding-right:4px;
width:405px;
}
.news_item{
height:64px;
margin:0;
background-color:#FFFFFF;
border-bottom:3px solid #cccccc;
}
#news_last{
border-bottom:none !important;
}
#page_view_all{
width:100%;
background-color:#cccccc;
padding:0;
margin:0;
line-height:10px;
}
.left{
float:right;
background-color:#bfbeb9;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
padding:2px 2px 0px 5px;
height:11px;
cursor:pointer;
}
#pager{
display:block;
float:right;
width:30px;
color:#666666;
background:#bfbeb9 url(/Images/pager_background.jpg) repeat-x;
border-right:1px solid #FFFFFF;
padding:0px 0px 0px 2px;
}
#pager img {
padding-top:1px;
}
.pagerButton
{
	background:#bfbeb9 url(/Images/pager_background.jpg) repeat-x;
	color:#666666;
	font-size:9px;
	border-style:none;
	padding:0;
	margin:0;
	line-height:13px;
	cursor:pointer;
}
div#scrolling_container
{
    width:498px;
    overflow:auto;
    height:200px;
    margin-top:4px;
    scrollbar-face-color:#EAEAEA; 
    scrollbar-3dlight-color:#B4B4B4; 
    scrollbar-shadow-color:#B4B4B4; 
    scrollbar-darkshadow-color:#EAEAEA; 
    scrollbar-arrow-color:#666666; 
    scrollbar-track-color:#DDDCDC;

}

/*******************
Footer Declarations
********************/
#footer {
border-top:3px solid #660000;
color:#666666;
margin-top:7px;
padding-top:4px;
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
width:832px;
}
#footer a{
color:#666666;
text-decoration:underline;
}
#footer a:hover{
color:#666666;
text-decoration:none;
}
.footer_left {
float:left;
}
.footer_right {
float:right;
}
.footer_right a{
padding-left:15px;
}
.footer_bottom{
color:#999999;
}