/* Style sheet for NE Michigan 211 web site at www.211nemichigan.org */

body {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 0.85em; 	
   background-color: #fff; text-align: center;
}
img {
   border: none;
}
#page {
   width: 900px; 
   margin: 0 auto; 
   text-align: left;
}
h1 {
   color: #039; 
   font-family: Georgia, "Times New Roman", Times, serif; 
   font-size: 2.4em; 
   font-weight: bold; 
   font-style: italic; 
   margin: 0; padding: 0;
}
h2 {
   color: #039; 
   font-family: Georgia, "Times New Roman", Times, serif; 
   font-size: 2em; 
   font-weight: normal; 
   font-style: italic;
}
h3 {
   font-size: 1.4em;
   color: #222; 
   font-family: Georgia, "Times New Roman", Times, serif; 
   font-weight: normal;
}
h4 {
   display: block; 
   width: 100%; bold
   color: #fff; 
   background-color: #359; 
   text-align: center; 
   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  {
   font-weight: bold;
   font-size: 1.4em; 
   text-transform: uppercase;
   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 {
   margin-bottom: 6px;
   list-style: none;
}
.block {
   display: block;
   width: 225px;
   background-color: #349;
   text-align: center;
   padding: 6px 0;
   margin-bottom: 10px;
}
.block a  {
   font-weight: bold;
   font-size: 1em;
   color: #fff;
   text-transform: uppercase;
}
.block a:link {
   text-decoration: none; 
   color: #fff; 
}
.block a:visited {
   text-decoration: none; 
   color: #fff; 
}
.block a:hover {
   text-decoration: underline;	
   color: #d63; 
}
.block a:active {
   text-decoration: none;	
   color: #d63; 
}
dt {
   font-weight: bold;
   font-size: 1.2em;
   margin-top: 1.4em;
}
#banner {
   width: 899px;
   background-color: #349;
   margin: 0;
}
#banner p {
   margin: 0;
   padding: 4px 0;
   font-size: 1.6em;
   font-weight: bold;
   text-align: center;
   color: #fff;
}

#menu1 ul a {
   text-transform: uppercase;
}

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

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

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

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

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

.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));
/* IE gradient */   
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ad,endColorstr=#039);
	-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));
/* IE gradient */   
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#039,endColorstr=#9ad);
	-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-right: 20px;
}

.year h4 {
   background-color: #fff;
   color: #444;
   font-size: 1.2em;
}

.year ul {
   border-width: 1px 1px 0 0;
   border-color: %349;
   border-style: solid;
   padding: 6px;
}