/* Style sheet for NE Michigan 211 web site at www.211nemichigan.org */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.86em;
	background-color: #fff;
	text-align: center;
	color: #333;
	line-height: 1.2em; }

img { border: none; }

#page {
	width: 944px;
	margin: 0 auto;
	text-align: left; }

h1 {
	color: #004baf;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.4em;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	padding: 0; }

h2 {
	color: #004baf;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.2em; }

h3 {
	margin: 0;
	display: block;
	width: 100%;
	padding: 4px 0;
	margin: 10px 0;
	border-bottom: 1px #349 solid;
	border-top: 1px #349 solid;
	color: #349; }

h4 {
	display: block;
	width: 100%;
	color: #444;
	font-weight: 400;
	text-align: left;
	font-size: 1.4em; }

h5 { font-size: 1em; }

/* Style for text links other than menu */
a { font-weight: bold; }

	a:link {
		text-decoration: none;
		color: #900; }

	a:visited {
		text-decoration: none;
		color: #900; }

	a:hover {
		text-decoration: underline;
		color: #d63; }

	a:active {
		text-decoration: none;
		color: #d63; }

/* Style for menu links */
#box1pad a {
	text-decoration: none; }

	#box1pad a:link { 
	   color: #900; }

	#box1pad a:visited { 
	   color: #900; }

	#box1pad a:hover { 
	   color: #d63; }

	#box1pad a:active {    
	   color: #d63; }

#box1pad ul {
	margin: 10px 0 10px 10px;
	list-style: none; }

#box1pad li {
	list-style: none;
	padding-bottom: 1em;
   font-size: 1.4em;
   font-weight: bold; }

#boxpad h3 {
   font-size: 0.8em; }

dt {
	font-size: 1.2em;
	margin-top: 1.4em; }

#banner {
	width: 944px;
	background-color: #004baf;
	margin: 0; }

	#banner p {
		margin: 0;
		padding: 4px 0;
		font-size: 1.4em;
		font-weight: bold;
		text-align: center;
		color: #fff; }

.reports {
	float: left;
	width: 540px;
	padding: 0;
	clear: both;
	margin: 10px 0;
	background-color: #fff; }

	.reports a h3 { text-decoration: none; }

	.reports ul {
		margin-left: 0px;
		padding-left: 0px;
		list-style: none; }

	.reports p {
		clear: both;
		padding-top: 10px; }

.countylinks {
	margin-left: 0;
	padding-left: 0; }

	.countylinks ul {
		list-style-type: none;
		margin-left: 0;
		padding-left: 0; }

	.countylinks li {
		display: inline;
		margin: 4px; }

		.countylinks li a {
			text-decoration: none;
			padding: 4px 8px;
			background-color: #9ad;
			color: #fff;
			background-image: -moz-linear-gradient(100% 100% 90deg, #9ad, #039);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#039), to(#9ad));
			filter:progid: DXImageTransform.Microsoft.gradient(startColorstr=#9ad,endColorstr=#039); /* IE gradient */
			-ms-filter: \"progid: DXImageTransform.Microsoft.gradient(startColorstr=#9ad,endColorstr=#039)";
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px; }

			.countylinks li a:link {
				background-color: #9ad;
				color: #fff; }

			.countylinks li a:visited {
				background-color: #9ad;
				color: #fff; }

			.countylinks li a:hover {
				background-color: #abe;
				background-image: -moz-linear-gradient(100% 100% 90deg, #039, #9ad);
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9ad), to(#039));
				filter:progid: DXImageTransform.Microsoft.gradient(startColorstr=#039,endColorstr=#9ad); /* IE gradient */
				-ms-filter: \"progid: DXImageTransform.Microsoft.gradient(startColorstr=#039,endColorstr=#9ad)";
				color: #fa6; }

			.countylinks li a:active {
				background-color: #9ad;
				color: #fff; }

.year {
	float: left;
	width: 100px;
	margin: 0 60px 0 0; }

   .year h4 {
      border-bottom: 1px #444 solid;
      margin-left: 30px; 
    }

p a.searchbutton {
	display: block;
	margin-left: 120px;
	width: 100px;
	height: 50px;
	background-image: url(images/searchbutton.png);
	text-indent: -9999px; 
}
	
p a.searchbutton:link {
	background-position: 0px 0px; }

p a.searchbutton:hover {
	background-position: 0px -50px; }
	
p a.chat {
	display: block;
	width: 188px;
	height: 155px;
	background-image: url(images/chatbutton.png);
	text-indent: -9999px;
}
	
p a.chat:link {
	background-position: 0px 0px;
}

p a.chat:hover {
	background-position: 0px -155px;
}	
	
ul.arrowlist li {
	list-style: none;	
	background-image: url(images/arrow1.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	font-size: 1.2em;
	padding-left: 40px;
	line-height: 1.6em; }
	
.darker {
   color: #000;
   font-weight: 600; }
   
a.plainanchor {
   font-weight: normal;
   color: inherit;
   text-decoration: none; }
   
a.plainanchor:hover {
   text-decoration: none; }
   
.bluebullet li, .bluebullet dd {
   background-image: url(images/bluebullet.jpg);
   background-repeat: no-repeat;
   background-position: 0 5px;
   padding-left: 15px;
   list-style: none; }
   
.clearmap {
	width: 360px;
	padding: 1em 0; }

	#clearmap p, ul { padding-bottom: 1em; }

	#clearmap ul { margin-left: 2em; }
   
		.button a {
			text-decoration: none;
			padding: 4px 8px;
			background-color: #9ad;
			color: #fff;
			background-image: -moz-linear-gradient(100% 100% 90deg, #9ad, #039);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#039), to(#9ad));
			filter:progid: DXImageTransform.Microsoft.gradient(startColorstr=#9ad,endColorstr=#039); /* IE gradient */
			-ms-filter: \"progid: DXImageTransform.Microsoft.gradient(startColorstr=#9ad,endColorstr=#039)";
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px; }

			.button a:link {
				background-color: #9ad;
				color: #fff; }

			.button a:visited {
				background-color: #9ad;
				color: #fff; }

			.button a:hover {
				background-color: #abe;
				background-image: -moz-linear-gradient(100% 100% 90deg, #039, #9ad);
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9ad), to(#039));
				filter:progid: DXImageTransform.Microsoft.gradient(startColorstr=#039,endColorstr=#9ad); /* IE gradient */
				-ms-filter: \"progid: DXImageTransform.Microsoft.gradient(startColorstr=#039,endColorstr=#9ad)";
				color: #fa6; }

			.button a:active {
				background-color: #9ad;
				color: #fff; }
   
   <!-- Styles for main menu buttons -->

.menu1 {
	font-size: 1.1em;
}

.menu1 ul {
	width: 100%;
	padding:0.6em 0;
	margin:0 ;
	list-style-type:none;
	text-align: center;
	background: #ddd; /* older browsers background */
	background: -moz-linear-gradient(#ddd, #ccc);
	background: -o-linear-gradient(#ddd, #ccc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ccc));/* Older webkit syntax */
	background: -webkit-linear-gradient(#ddd, #ccc);		
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 );
}
	
	.menu1 li {
		display: inline;
	}
	
		.menu1 li a {
			padding: 0.4em;
			text-transform: uppercase;
			text-decoration: none;
			border: 1px #888 solid;
			background: #aaa; /* older browsers background */
			background: -moz-linear-gradient(#aaa, #ddd);
			background: -o-linear-gradient(#aaa, #ddd);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaa), to(#ddd));/* Older webkit syntax */
			background: -webkit-linear-gradient(#aaa, #ddd);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#dddddd',GradientType=0 );
		}
		
		.menu1 li a:hover {
			background: #ddd;
		}