@charset "UTF-8";
/* ----- basic styling -----*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #000;
	text-align: center;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size: 82%;

}
ul, ol, dl { position: relative; }

#container {
	position: relative;
	z-index:1;
	width: 820px;
	margin: 0 auto;
	text-align: left;
	background-image:url(images/back.gif);
	background-repeat:repeat-y;
	background-position: left top;
}
#clear {
	clear: both;
	}
	
#copyright {
	width: 820px;
	margin-top: 5px;
	left: 0px;
	top: 0px;
	text-align:center;
	font-size: 9px;
}
#weather{
	margin-left:5px;
	margin-top:5px;
	color:#FFFFFF;
	}

	
/* ---- position  container elements -----*/
#header{
	position: relative;
	z-index:1000;
	background-image: url(images/header.jpg);
	background-repeat:no-repeat;
	width: 820px;
	height: 152px;
	}
/* -- main navigation styles --*/
#menu {
	position:relative;
	z-index:1001;
	top:126px;
	height:24px;
	color:#FFFFFF;
	width:818px;
	border: solid 1px #FFF;
	background-image: url(images/menu_n.gif);
	background-repeat: repeat-x;
	}
#menu li a {
	padding: .3em 1.3em .5em 1.1em;
	background-color: transparent;
}
#menu a:hover, #menu a:focus {
	background-image: url(images/menu_o.gif);
	background-repeat: repeat-x;
}
#menu a.MenuBarItemHover, #menu a.MenuBarItemSubmenuHover, #menu a.MenuBarSubmenuVisible {
	background-image: url(images/menu_o.gif);
	background-repeat: repeat-x;
}
#menu li {
	background-image: url(images/menu_n.gif);
	background-repeat: repeat-x;
	}
	
/* We want to remove any specified width on the menu bar
 * menu items.
 */
 ul.MenuBarActive{
	z-index: 1000;
}
ul.MenuBarHorizontal li {
	width: auto;
}

/* Remove any widths on sub menus. */

ul.MenuBarHorizontal ul {
    z-index: 1020; 
	width: 180px;

}

/* We want the menu items in our sub menus to
 * fill up the entire width of the sub menu, so
 * make sure it is display:block and not floated.
 * Also remove any specified width from the default
 * style sheet and turn on "nowrap".
 */

ul.MenuBarHorizontal ul li {
	width: 180px;
	white-space: nowrap;
	border-bottom: solid 1px #EEE;
	background-image: url(images/menu_n.gif);
	background-repeat: repeat-x;
}

/* Now that our menus auto size horizontally, we need to
 * make sure that we have some space for any sub menu indicators
 * so they don't overlap with the text in the menu item.
 */

ul.MenuBarHorizontal a.MenuBarItemSubmenu {
	padding: .3em 3em .3em 3em;
}

/* --- main content styles ----*/
#content{
	float:right;
	width: 580px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-left:solid;
	border-left-color:#CCCCCC;
	border-left-width: 1px;
	padding-left: 15px;
	}
p {
	color: #666;
}

#content p{
	margin-bottom: 10px;
	margin-right: 10px;
	}
#content ul, #content ol{
	margin-left:20px;
	color: #666;
	}
#content h1{
	font-weight: bold;
	color: #FF0000;
	}
#content h2{
	font-weight:bold;
	font-size:16px;
	}
.redHeader{
	font-weight:bold;
	font-size:16px;
	color:#FF0000;
}
#content h3{
	margin-top: 10px;
	margin-bottom: 0px;
	}
.contactPhone{
	padding-left: 28px;
	background-image:url(images/phone_icon.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	margin-top:-5px;
	margin-bottom:0px;
}
.contactEmail{
	padding-left: 28px;
	background-image:url(images/email_icon.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	margin-top:5px;
	margin-bottom:0px;
}
.contactEmail a{
	text-decoration:none;
	color:#666;
}
.contactEmail a:hover{
	color: #FF0000;
}

.imgRight{
	margin-left: 10px;
	}
#sidebar{
	float: left;
	width: 192px;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 10px;	
	background-color:#FFFFFF;
	
	}
#sidebar p{
	margin-bottom: 10px;
	margin-left: 10px;
	}
#sidebar a{
	text-decoration:none;
	color:#FF0000;
}
#sidebar h1{
	background-color:#d6d6d6;
	font-size: 14px;
	font-weight:bold;
	color:#666;
	text-indent:10px;
}
#sidebar h2{
	font-size:12px;
	color:#FF0000;
	text-indent:10px;
	margin-top:5px;
	}

#sidebar img{
	border:solid;
	border-color:#006961;
	border-width:1px;
}

#footer {
	padding-top:10px;
	width: 820px;
	background-color:#000000;
	height: 50px;

	
	background-repeat: no-repeat;
	text-align:center;
	
}
#news {
	padding: 15px 0px;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCC
	}
	
#ad2 {
	width:820px;
	background-color:#999;
	padding-top:10px;
	text-align:center;
}
#footer p{
	color:#CCCCCC;
	font-size:10px;
	}
#footer a{
	color:#FF0000;
	}