/* CSS Document */


/*------------------------------------------------------------------------
PAGE TAG ELEMENTS DEFAULT STYLES
------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Arial,Helvetica,verdana,sans-serif;
	color: #000;
	background: #fff;
	}

p {
	padding: 0px;
	margin: 0px 0px 20px;
	font-size: .9em;
	}
	
ul ,ol {
	font-size: .9em;
	margin:0px 0px 20px 15px;
	padding: 0px 0px 0px 0px;
	}
	
img, img a {
	border: none;
	}
a:link {
	text-decoration: none;
	color: #000000;
	}

a:hover {
	text-decoration: none;
	color: #006699;
	}
a:visited, a:active {
	text-decoration: none;
	color: #888;
	}
	
p a:link, ul a:link, ol a:link {
	text-decoration: underline;
	color: #006699;
	
	}

p a:hover, p a:active, ul a:hover, ol a:hover, ul a:active, ol a:active {
	text-decoration: underline;
	color: #006699;
	}
	
p a:visited, ul a:visited, ol a:visited {
	text-decoration: underline;
	color: #888;
	}
	

h1 {
	font-weight: bold;
	font-size: 1.1em;
	color: #006699;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-weight: bold;
	font-size: 1em;
	color: #006699;
	margin: 20px 0px 0px;
	padding: 0px;
}
h3 {
	font-weight: bold;
	font-size: .9em;
	color: #000;
	margin: 0px 0px;
	padding: 0px;
}

label {
	margin-right: 5px;
	}
/*------------------------------------------------------------------------
CONTAINER STYLING - TOP MENU
------------------------------------------------------------------------*/

#container-top-menu {
	font-size: .9em;
	}
	
#container-top-menu ul {
	 list-style:none; 
	 margin: 0px; 
	 padding: 0px;
	 }
#container-top-menu ul li {
	display:inline; float:right; padding: 0px 10px; border-right: 1px solid #FF6319;
	 }
#container-top-menu ul li.no-bar {
	display:inline; float:right; padding: 0px 10px; border-right: 1px solid #FFF;
	 }	
	
/*------------------------------------------------------------------------
CONTAINER STYLING - HEAD
------------------------------------------------------------------------*/

#logo {	
	padding: 0px;
	margin: 0px;
	float: left;
	}
	
#tag_id_box {
	float: left;
	text-align: center;
	width: 463px;
	padding: 0px;
	margin: 15px 0px 0px 25px;

	}

#tagline {
	}

#identifier {
	margin-top: 10px;
	}

/*------------------------------------------------------------------------
CONTAINER STYLING - MENU
------------------------------------------------------------------------*/
#menu {
margin: 0px;
padding: 0px;
}

#menu li{
margin: 0px;
padding: 0px;
display: inline;
}
a.menuButton {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 100;
	text-decoration: none;
	text-align: center;
	color: #ffffff !important;
	font-size: .9em;
	font-weight: bold;
	cursor: default;
	border: 1px solid #fff;
	padding: .4em 0px;
	width: 162px;
	float:left;
	margin-right: 2px;
	background-color: #006699;
	}

a.search {
width: 112px;
}

a.menuButton:hover {
  background-color: #BFD9E5;
  color: #006699 !important;
  text-decoration: none !important;
	
}

a.menuButtonActive,
a.menuButtonActive:hover {
  background-color: #ffffff;
	padding: .4em 0px .6em 0px;
  color: #006699 !important;
    text-decoration: none !important;
	border: 1px solid #808080;
	border-bottom: 5px solid #ffffff;
	z-index: 90;
}
	
div.menu {
  background-color: #ffffff;
  border: 1px solid #808080;
	border-right: none;
	border-bottom: none;
	padding: .25em 0px;
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  z-index: 80;
	width: 100%;
	text-align: left;
}
div.menu a.menuItem {
  cursor: default;
  display: inline;
	color: #000000;
	font-size: .8em;
	font-weight: bold;
  padding: .2em 10px;
    text-decoration: none !important;
  white-space: nowrap;
	border-left : 1px solid #FF6319;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #ffffff;
    text-decoration: none !important;
  color: #006699;
}

div.menu a:visited {
	color: #888;
}

.nobar {
	border-left : none !important; 
}

.basictab li.selected a{ /*selected tab effect*/
  background-color: #ffffff;
	padding: .4em 0px .6em 0px;
  color: #006699 !important;
    text-decoration: none !important;
	border: 1px solid #808080;
	border-bottom: 5px solid #ffffff;
	z-index: 90;
}

.submenustyle{
width: 780px;
display: none;
filter:alpha(opacity=0);
-moz-opacity:0;
}

* html .submenustyle{ /*IE only width definition*/
width: 780px;
}

/*------------------------------------------------------------------------
CONTAINER STYLING - BODY
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
CONTAINER STYLING - FOOTER
------------------------------------------------------------------------*/

#container-footer {
	font-size: .75em;
	}

#sponsor {
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

#address-block {
	width: 620px;
	text-align: center;
	padding: 10px 80px;
}
#container-footer .address {
	float: left;
	text-align: left;
	margin: 0px 10px;
}

#container-footer .phone {
	float: left;
	text-align: right;
	margin: 0px 10px;
}

#footer-menu {
clear: left;
}

#copyright {
clear: both;
float: right;
}


/*------------------------------------------------------------------------
HOME PAGE STYLING 
------------------------------------------------------------------------*/
#body-col-1, #body-col-2, #body-col-3 {
	width: 256px;
	background-color: #FF6319;
	text-align:center;
	color: #ffffff;
	}

#body-col-1 {
	float:left;
}
#body-col-2 {
float:left;
margin-left: 6px;
}
#body-col-3 {
	float: right;
}

#col-1-top a, #col-2-top a, #col-3-top a,
#col-1-top a:link, #col-2-top a:link, #col-3-top a:link,
#col-1-top a:visited, #col-2-top a:visited, #col-3-top a:visited,
#col-1-top a:hover, #col-2-top a:hover, #col-3-top a:hover {
	font-weight: bold;
	font-size: 1.1em;
	color: #ffffff !important;
}

#col-1-bottom a, #col-2-bottom a, #col-3-bottom a,
#col-1-bottom a:link, #col-2-bottom a:link, #col-3-bottom a:link,
#col-1-bottom a:visited, #col-2-bottom a:visited, #col-3-bottom a:visited,
#col-1-bottom a:hover, #col-2-bottom a:hover, #col-3-bottom a:hover {
	color: #ffffff !important;
	font-size: .9em;
}


#col-1-top, #col-2-top, #col-3-top {
width: 256px;
height: 45px;
padding-top: 18px;
}
#col-1-image, #col-2-image, #col-3-image {
width: 256px;
height: 256px;
}
#col-1-bottom, #col-2-bottom, #col-3-bottom {
width: 236px;
height: 23px;
padding: 20px 10px;
}
#col-1-top {
background: url(../_images/bg_top_left_corner.gif) no-repeat 0 0px;
}
#col-1-bottom {
background: url(../_images/bg_bott_left_corner.gif) no-repeat 0 0px;
}

#col-3-top {
background: url(../_images/bg_top_right_corner.gif) no-repeat 0 0px;
}

#col-3-bottom {
background-image: url(../_images/bg_bott_right_corner.gif);
background-position: bottom;
background-repeat: no-repeat;
}

.col-bottom-2line {
width: 236px !important;
height: 43px !important;
padding: 10px 10px !important;
}
.clickHdr {
font-size: .9em;
font-weight: normal;
}


/*------------------------------------------------------------------------
INNER PAGE STYLING WITH SIDEBAR
------------------------------------------------------------------------*/
.body-sidebar {
	float:left;
	width: 297px;
	padding:0px;
	font-size: .9em;
}

.body-content {
	width: 463px;
	padding-left: 20px;
	float:left;
}


/* ------------------------------------------------------------------------------
SIDEBAR NAVIGATION STYLING
------------------------------------------------------------------------------ */
#body-sidebar a:visited, .body-sidebar a:visited  {
	color: #888 !important;
}

#body-sidebar ul, .body-sidebar ul {
list-style: none;
margin: 20px 0px 0px 10px;
padding: 0px;

}

#body-sidebar ul li, .body-sidebar ul li {
padding-bottom: 7px;
	cursor: default;
}

#body-sidebar ul li a, .body-sidebar ul li a {
	font-weight: bold;
	color: #006699;
}

#body-sidebar ul li a:vistied, .body-sidebar ul li a:visited {
	color: #888 !important;
}

#body-sidebar ul li a:hover, .body-sidebar ul li a:hover {
	color: #000000 !important;
}


#body-sidebar p, .body-sidebar p {
padding: 0px 10px 0px;
}
/* DROPDOWN SIDEBAR MENU STYLING */

dl#side-menu, dl#side-menu dt, dl#side-menu dd, dl#side-menu ul,dl#side-menu li {
margin: 0;
padding: 0;
list-style-type: none;
}

dl#side-menu {
	padding: 0px;
	margin: 20px 0px 0px 10px;
/*width: 15em;*/
}
dl#side-menu dt {
cursor: pointer;
margin: 2px 0;
height:20;
min-height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
}

dl#side-menu dt a:visited {
color:#888;
}

dl#side-menu dt a:hover {
color:#006699 !important;
}



dl#side-menu dd {
margin: 0px 0px 0px 15px;
}

dl#side-menu li {

}

dl#side-menu li a {
color: #000;
font-weight:normal;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#side-menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#side-menu li a:visited {
color: #888;
}



dl#side-menu li a:visited, dl#side-menu dt a:visited {
color: #888;
}
dl#side-menu li a:hover, dl#side-menu dt a:hover {
color: #006699;
}
/* ------------------------------------------------------------------------------
SIDEBAR QUOTE BOX STYLING
------------------------------------------------------------------------------ */

.quote_box_top {
	background-image:url(../_images/bg_quotebox_orange_top.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 286px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-top: 30px;
}
.quote_box_body {
	background-image:url(../_images/bg_quotebox_orange_mid.gif);
	background-repeat:repeat-y;
	width: 266px;
	padding: 0px 10px  0px 10px;
	margin: 0px;
	border: 0px;
	
}
.quote_box_bot  {
	background-image:url(../_images/bg_quotebox_orange_bot.gif);
	background-position:top;
	background-repeat:no-repeat;
	width: 286px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.quote_box_art {
margin-top: 30px;
}

.quote {
	font-style:italic;
	margin: 0px !important;
	padding: 0px !important;
	}
.quote-attribute {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: .9em;
}
.quote-attribute-addline {
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-left: 12px;
	font-size: .9em;
}
/*------------------------------------------------------------------------
INNER PAGE STYLING FULL BODY TEXT WITH TOP HEADER
------------------------------------------------------------------------*/

#body-header {
	width: 740px; 
	height: 23px;
	padding: 21px 20px 18px;
	margin-bottom:20px;
	}

#body-header h1 {
	font-size: 1.3em;
	color: #ffffff;
	margin: 0px;
	float:left;
	}

#body-header.orange {
	background-color: #FF6319;
}

#body-header p {
	color:#FFFFFF; 
	float:left;
	margin:-5px 20px 0px 30px;
	padding:0px;
	}
	
#body-full {
	width:780px;
	}

/*------------------------------------------------------------------------
OPTIONS FOR CARE SECTION STYLING 
------------------------------------------------------------------------*/
#body-sidebar {
	float:left;
	width: 195px;
	font-size: .9em;
}
#body-content {
width: 585px;
float:left;
}

#body-content ul {
	margin:0px 0px 20px 15px;
	padding: 0px 0px 0px 10px;
}
#body-sidebar h1, #body-content h1 {
	font-weight: bold;
	font-size: 1.3em;
	color: #ffffff;
	margin: 0px 0px 0px 0px;	
}

#body-content h1.orange {
	width: 545px;
	height: 23px;
	padding: 21px 20px 18px;
	background-color: #FF6319;
}

#body-sidebar h1.orange {
	width: 155px;
	height: 47px;
	padding: 8px 20px;
	background-color: #FF6319;
}

#body-content h1.yellow {
	width: 545px;
	height: 23px;
		padding: 21px 20px 18px;
	background-color: #FFCC00;
}

#body-content h1.purple {
	width: 545px;
	height: 23px;
		padding: 21px 20px 18px;
	background-color: #CC99CC;
}

#body-content h1.green {
	width: 545px;
	height: 23px;
		padding: 21px 20px 18px;
	background-color: #CCCC00;
}

#body-content h1.blue {
	width: 545px;
	height: 23px;
		padding: 21px 20px 18px;
	background-color: #006699;
}

#body-sidebar h1.yellow {
	width: 155px;
	height: 46px;
	padding: 8px 20px;
	background-color: #FFCC00;
}

#body-sidebar h2 {
	font-weight: bold;
	font-size: 1.1em;
	color: #000000;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#body-content h2,#body-content h2 a:link {
	font-weight: bold;
	font-size: 1.1em;
	color: #005293;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#body-content h2 a:visited {
	font-weight: bold;
	font-size: 1.1em;
	color: #888;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#body-content h2 a:hover, #body-content h2 a:active {
color: #000000;
}
#body-sidebar h3, #body-content h3 {
	font-weight: bold;
	font-size: 1em;
	color: #006699;
	margin: 0px 0px;
	padding: 0px;
}
#body-content h3 {
margin-left: 10px;
}

#body-sidebar h3 {
color: #000000;
}

div.content_box_yellow, div.content_box_purple,
div.content_box_green, div.content_box_blue,
div.content_box_white {
margin: 10px 0px 10px 10px;
padding: 10px;
width: 555px;
font-size: .9em;
}

div.content_box_yellow .top a, div.content_box_purple .top a,
div.content_box_green .top a, div.content_box_blue .top a,
div.content_box_white .top a {
font-size: 1em;
}

div.content_box_yellow {
	/*background-color: #F9DEAB;*/
	background-color: #f5db96;
}

div.content_box_purple {
	background-color: #E8D8EA;
}

div.content_box_green {
	background-color: #EBEFAC;
}

div.content_box_blue {
	background-color: #BFD9E5;
}

div.content_box_white {
	background-color: #FFFFFF;
}

ul.content_box_ul {
margin: 0px;
padding: 0px;
list-style: none;
}
ul.content_box_ul li {
margin: 0px 20px 15px 0px;
}
ul.content_box_ul li a {
color: #000000;
font-weight: bold;
}

ul.content_box_ul li a:visited {
color: #888;
font-weight: bold;
}

ul.content_box_ul li a:hover {
color: #006699;
font-weight: bold;
}

#body-content p {
margin: 0px 100px 20px 10px;
font-size: .9em;
}

.img_sidebar {
	width: 195px;
	height: 195px;
}

#body-content .intro {
	margin-top: 25px;
	font-size: 1.08em;
}







/* ------------------------------------------------------------------------------
GLOBAL PAGE ITEM STYLING
------------------------------------------------------------------------------ */

.center {
	display: block;
	margin-left:auto;
	margin-right: auto;
}

.divider {
	 width:100%; 
	 clear:both; 
	 visibility:hidden; 
	 margin:0px; 
	 padding:0px;
}

p.list_follows {
	margin: 0px;
	padding: 0px;
	}
ul.list_no_bullets {
	list-style:none;
	margin: 0px;
	padding: 0px;
}

ul.list_no_bullets li {
	margin-left: 20px;
	padding: 0px;
}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 180px;
  text-align: right;
  padding-right: 5px;
  }

div.row span.formw {
  float: right;
  width: 245px;
  text-align: left;
  } 

.top a {
	font-size: .8em;
	}
/* ------------------------------------------------------------------------------
COMMUNITY MAP LOCAL ITEM STYLING
------------------------------------------------------------------------------ */

#township_list_no_script {
	float: right;
	width: 350px;
	}	
.township_txt {
	display: none; 
	width:350px; 
	padding-left: 10px;
	}

p.township_list {
	margin: 0px;
	}
	
ul.township_list {
	 margin:0px 0px 20px;
	 padding:0px; 
	 list-style:none; 
	 font-size:.9em;
	}
ul.township_list li {
	margin-left: 20px;
	}	
ul.township_list li a{
	text-decoration: underline !important;
	color: #006699;
	}
ul.township_list li a:visited {
	text-decoration: underline !important;
	color: #888;
	}
/* ------------------------------------------------------------------------------
STAFF LIST LOCAL ITEM STYLING
------------------------------------------------------------------------------ */	

ul.staff_list, ul.staff_list_sub, ul.staff_list_sub_2 {
	list-style:none; margin: 10px 0px 0px 0px; padding:0px; font-size: 1em;
}	

ul.staff_list_sub {
	margin-left: 25px;
}

ul.staff_list_sub_2 {
	margin-left: 50px;
}
ul.staff_list, ul.staff_list_sub {
	margin-bottom: 10px;
}

