﻿body {
	background: #DCDCDC;
	margin: 0;
	text-align: center;
	padding: 0;
	color: #000000;
}
#page {
	background-color: Transparent;
	text-align: left;
	color: #666666;
	margin: 0 auto;
	overflow: visible;
}
.rounded {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.clear {
	/* Fixes problems in IE */
	clear: both;
}
.right {
	float: right;
	margin: 3px 0 3px 3px;
}
.left {
	float: left;
	margin: 3px 3px 3px 0;
}
.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


/*** Header ***/

/* Title Bar */
#titlebar {
	height: 100px;
	background: url('images/webtop.png');
	margin-bottom: 10px;
}
#titlebar h1 {
	margin: 10px 0 0 8px;
}
#titlebar h2 {
	text-align: left;
	margin: 0 0 0 8px;
}
#titlebar h1 a {
	color: #666666;
	text-decoration: none;
}
#toplinkbar {
	text-align: right;
	float: right;
	width: 475px;
}

#toplinkbar .sitesearch {
	display: inline;
	margin: 0 0 0 10px;
}

#toplinkbar .sitesearch .sitesearchbutton {
	width: 40px;
}

#toplinkbar .sitesearch .sitesearchbox {
	width: 115px;
}

#toplinkbar a, #toplinkbar a:visited {
	color: #666666;
	text-decoration: none;
	margin: 0 5px;
}

#toplinkbar a:active, #toplinkbar a:hover {
	color: #666666;
	text-decoration: underline;
	margin: 0 5px;
}

/* Menu Bar and Slideshow */
#menubar {
	background-color: #cdc0a0;
	height: 30px;
	margin: auto auto 10px;
}
#headshow {
	margin: 10px auto;
}

/* Rad Menu */
#menubar .main_menu, #menubar .RadMenu_Web20 .rmRootGroup {
	background: transparent none;
}
#menubar .RadMenu_Web20 .rmRootGroup .rmLink:hover, #menubar .RadMenu_Web20 .rmRootGroup .rmExpanded {
	background: #FCD9A1 none;
}
#menubar .RadMenu_Web20 .rmLink, #menubar .RadMenu_Web20 .rmRootGroup {
	border: 0;
	background-image: none;
	color: #000000;
}
#menubar .RadMenu_Web20 .rmGroup {
}
#menubar .RadMenu_Web20 .rmGroup .rmItem {
	background-color: #CDC0A0;
	border: 0;
	display: block;
	text-align: left;
}
#menubar .RadMenu_Web20 .rmItem {
	margin-left: 3px;
}
#menubar .RadMenu_Web20 .rmRootGroup .rmLink .rmText {
	background-image: none;
	color: #000000;
	white-space: normal;
	padding-left: 4px;
	border: 0px;
	font-size: 19px;
	line-height: 1.5;
	font-weight: 300;
}
#menubar .RadMenu_Web20 .rmRootGroup .rmGroup .rmItem .rmText {
	text-decoration: none;
	white-space: nowrap;
	line-height: normal;
	padding: 3px;
	font-weight: 100;
	font-size: 12px;
}

/*** Navigation Bar ***/

#navbar .toplevel {
	margin: auto auto 10px;
}
.infobox {
	background-color: #FFE97F;
	color: #000000;
}
.infobox .info {
	padding: 5px;
}
.infobox p {
	text-align: left;
}
.weatherlink {
	background-color: #FFFF00;
	text-align: center;
	font-weight: bold;
}

/* Weather Widget */
.weathersb {
	background-color: #cdc0a0;
	width: 220px;
	height: 150px;
	font-size: .8em;
}
.innerweather {
	width: 170px;
	margin: auto;
	padding-top: 5px;
}
.rrItem {
	margin-left: 0;
}
.rotWeather {
	background-color: #cdc0a0;
	width: 170px;
	height: 140px;
}
.weathersbtitle, .weathersbtemp {
	font-weight: bold;
	font-size: 1.15em;
}
.weathersbtime {
	font-size: .85em;
}
.weathersbcond {
	font-size: 1.15em;
}
.weathersbwind {
	clear: both;
	margin-top: 8px;
	text-align: left;
}

/* Side Menu */
#sidenav {
	background-color: #cdc0a0;
	color: #000000;
}
.weather_alerts .faq {
	background-color: #FFFFCC;
}
#page .weather_alerts .activeweather {
	background-color: #FFCCCC;
}

/* Non-Department Pages Side Menu */
#popmenu .rounded {
	height: 36px;
	margin: auto auto 5px;
	text-align: left;
}
#popmenu a {
	color: #000000;
	text-decoration: none;
}
#popmenu a {
	font-size: 1em;
	font-weight: 700;
	line-height: 2.0;
	display: block;
	width: 100%;
	height: 100%;
}
#popmenu a img {
	margin: 4px;
	vertical-align: middle;
}
#popmenu .hover {
	background-color: #BBBBDE !important;
}

/* Department Pages Side Menu */
#department_menu .RadPanelBar_Web20 {
	width: 200px;
	margin: -10px 10px auto;
	text-align: left;
}
#department_menu .RadPanelBar_Web20 .rpRootGroup {
	border-width: 0;
}
#department_menu .RadPanelBar_Web20 .rpRootGroup .rpLink {
	background: #7b5c47 url(images/panelrootbrown.jpg) repeat-x scroll 0 0;
	border-bottom-width: 0;
}
#department_menu .RadPanelBar_Web20 .rpRootGroup .rpText {
	color: #000000;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
}
#department_menu .RadPanelBar_Web20 .rpRootGroup .rpGroup .rpLink {
	background: #cdc5b0 none no-repeat scroll 0 0;
	border-bottom: 1px solid #FCD9A1;
	border-top: 0;
	display: block;
	-moz-box-sizing: border-box;
}
#department_menu .RadPanelBar_Web20 .rpRootGroup .rpGroup .rpLink .rpText {
	font-weight: normal;
}
#department_menu .RadPanelBar_Web20 .rpRootGroup .rpGroup .rpSelected, #department_menu .RadPanelBar_Web20 .rpGroup .rpLink:hover {
	background-color: #FCD9A1;
}
#department_menu .RadPanelBar_Web20 .rpRootGroup .rpGroup .rpSelected .rpText, #department_menu .RadPanelBar_Web20 .rpGroup .rpLink:hover .rpText {
	text-decoration: underline;
}
#department_menu .RadPanelBar_Web20 .rpRootGroup .rpGroup .rpExpanded .rpText {
	font-weight: bold;
	text-decoration: underline;
}

/* Sidebar Content Space */
.sidebar-note {
	margin-top: 10px;
	padding: auto 10px;
	background: #CDC0A0;
	color: #000000;
}
.sidebar-note .left {
	margin-left: 5px;
}
.sidebar_text {
	text-align: left;
	width: 200px;
	margin: auto;
	padding: 5px;
}

/* Main Content Area */
#content_cell {
	background-color: #FFFFFF;
	text-align: center;
	color: #000000;
	z-index: -1;
}
.content_head {
	text-align: center;
	margin: 0px auto 15px;
}
.content_text {
	text-align: left;
	width: 620px;
	margin: auto;
	padding: 5px;
}
.content_text h4 {
	margin-left: -20px;
}
.content_text h4 .normal {
	font-size: smaller;
	font-weight: normal;
}
.content_text ul, .content_text ol {
	padding-left: 20px;
}
.content_text blockquote {
	margin-left: 20px;
}
.sidebar h4 {
	margin: auto;
}
.r_sidebar {
	float: right;
	width: 150px;
	border: solid 1px #666666;
	padding: 3px;
	margin: 3px 0px 3px 3px;
	background-color: #CCCCCC;
}
.l_sidebar {
	float: left;
	width: 150px;
	border: solid 1px #666666;
	padding: 3px;
	margin: 3px 3px 3px 0px;
	background-color: #CCCCCC;
}

/* Home Page */
#content_cell .home_headlines {
	background-color: #b4d1d0;
	z-index: 1;
}
.home_headlines {
	color: #000000;
}
#content_cell .home_calendar {
	background-color: #d4bb9e;
}
.home_calendar {
	color: #000000;
}



/******  NEEDS ORGANIZED ******/
.hours_content {
	width: 520px;
	padding: 0;
	margin: auto;
	border-width: 0;
}
.hours_content h3 {
	text-align: center;
	width: 100%;
	background-color: #ee8800;
	color: #FFFFFF;
	clear: both;
	margin: 0 0 3px;
}
.hours_content p {
	text-align: center;
	margin: 1px auto 3px;
}
.hours_content div p {
	font-size: 1.1em;
	font-weight: bold;
	margin: 3px;
}
.hours_content div {
	width: 250px;
	margin: 0 0 20px;
	padding: 3px;
	float: left;
}

.use-tip {
	text-align: right;
	color: #BBBBBB;
}

.polls td {
	border-bottom: solid 1px #000000;
}
.polls {
	border: solid 1px #000000;
	margin: auto;
}
.numberdata {
	text-align: right;
}
.license h3 {
	clear: both;
}
.license .location {
	height: 110px;
	width: 225px;
}
.license .location a {
	color: #000000;
}
.license .location p {
	margin: 4px 0;
}
.vacc_slogan {
	text-align: center;
	color: #00A5EB;
	text-transform: uppercase;
	font: bold 1.2em/1.5 'Times New Roman' Times Serif;
}
table.route {
	font-size: 10px;
	margin: auto;
}
table.route th {
	padding: 4px;
	text-align: center;
	border: solid 2px #FFFFFF;
}
table.route .towns {
	background-color: #FFCCCC;
}
table.route .stops {
	background-color: #CCFFCC;
	font-size: 8px;
}
table.route td {
	background-color: #CCCCFF;
	padding: 4px;
	text-align: right;
	border: solid 2px #FFFFFF;
}
table.route td.pm {
	font-weight: bold;
}
.regform {
	width: 600px;
	text-align: left;
	background-color: #e6e6e6;
	margin: auto;
	padding: 8px;
}
.regform .row {
	clear: both;
}
.regform .row label {
	float: left;
	width: 300px;
	text-align: right;
}
.regform .row .field {
	float: right;
	width: 285px;
	margin-bottom: 8px;
}
.regform .row .field label {
	float: none;
	width: auto;
	text-align: inherit;
}
.regform .selection {
	clear: both;
	width: 500px;
	margin: auto;
}
.regform h4 {
	clear: both;
	margin-left: 20px;
}
.regform .req {
	font-weight: bold;
}
.bold-list {
	font-weight: bold;
}
.bold-list p {
	font-weight: normal;
}
