/* CSS Document */

/**************************************************************
...HTML TAGS...START
**************************************************************/
body {
	margin: 0px;
	padding: 0px;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	background-image:url(images/bg/body.png);
	background-position:top center;
	background-repeat:repeat-y;
	font-size:small;
}
table.head {
	margin: 0px;
	padding: 0px;
	width: 760px;
	text-align:left;
}
table.main {
	margin: 0px;
	padding: 0px;
	width: 760px;
	text-align:left;
}

/*FORM FOR REFERENCE DOC*/
.ref {
	float:right;
	width:200px;
	margin-right:20px;
	padding-right:10px;
	border:1px inset #ccc;
	text-align:right;
	}

div.main {
	bottom: 1px;
	height: 100%;
	}
td {
	vertical-align: top;	
}
p {
	color:#000000;
	margin: 5px 20px 5px 20px;
}
h1 {
	margin:10px; padding:0;
	color:#003663;
	font-size:x-large;
	border-bottom:1px inset #ccc;
}
h2 {
	margin:20px 10px 0 10px; padding:0;
	color:#003663;
	font-size:large;	
	/*border-top:1px inset #ccc;*/
	line-height:1.5em;
}
/*like h2 without margins*/
.alt_title {
	margin:0px 10px 0 10px; padding:0;
	color:#003663;
	font-size:large;	
	border-bottom:1px inset #ccc;
	line-height:1.5em;
}
h3 {
	margin:5px 10px 0px 10px; padding:0;
	color:#003663;
	font-size:medium;
}
ul {
	margin:0px 20px 10px 20px; padding:0;
}
	li {
		margin:5px; padding:0;
	}
dl {	
	margin:0px 20px 10px 20px; padding:0;
}
dt {
	padding-top:5px;
}
dd.tag {
	font-size:x-small;
	color:gray;
	padding-bottom:3px;
}
/**************************************************************
...HTML TAGS...END
**************************************************************/
/**/
/**************************************************************
...Floats...START
**************************************************************/
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
.indent {margin-left:20px;}
/**************************************************************
...Floats...END
**************************************************************/
/**/
/**************************************************************
...Table Structure...START
**************************************************************/
#leftCol {
	margin: 0px;
	padding: 0px;
	width: 150px;
	background-color:#003663;
	background-image:url(images/bg/navRepeater.png);
	background-position:top left;
	background-repeat:repeat-y;
}
	#leftCol .textHolder {
		margin:10px 15px 5px 5px; padding:0;
	}
	#leftCol .title {
		margin:0; padding:0;
		font-size:12px;
		color:white;
		font-weight:bolder;
		text-align:left;
	}
	#leftCol .title2 {
		margin:0; padding:0;
		font-size:12px;
		color:white;
		font-weight:bolder;
		text-align:center;
	}
	#leftCol .content {
		margin:0 0 8px 0; padding:0;
		font-size:12px;
		color:#FFFFFF;
		text-align:left;
	}
	#leftCol .content2 {
		margin:0 0 8px 0; padding:0;
		font-size:12px;
		color:#FFFFFF;
		text-align:center;
	}
/*	#leftCol a {
		font-size:12px;
	}
	#leftCol a:link, a:visited {
		color:#FFFFFF;
		text-decoration:underline;
	}
	#leftCol a:hover {
		color:#999999;
	}*/
#rightCol {
	margin: 0px;
	padding: 0px;
	width: 250px;
	background-color:#FFFFFF;
	/*****
	background-image:url(images/bg/Seal.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	******/
}
#middleCol {
	margin:0; 
	padding:0;
	width:360px;
	background-color:#FFFFFF;
}
#oneCol {
	margin:0; 
	padding:0;
	width:610px;
	background-color:#FFFFFF;
}
#footer {
	margin:0; padding:0;
	height:21px;
	background-image:url(images/bg/footer.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
#subhead {	
	background-image:url(images/header/subhead.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}

.dateline {
	color:gray;
	font-size:x-small;
	text-align:right;
	/*padding-left:160px;*/
	padding-right:20px;
	}
/**************************************************************
...Table Structure...END
**************************************************************/
/**/
/**************************************************************
...contentBox1...START
**************************************************************/
.contentBox1_holder {
	margin:0; padding:0;
	background-image:url(images/boxParts/contentBox1_body.png);
	background-position:top center;
	background-repeat:repeat-y;
	}
		.contentBox1_head {
			margin:0; padding:0;
			height:30px;
			background-image:url(images/boxParts/contentBox1_head.png);
			background-position:top center;
			background-repeat:no-repeat;
		}
			.contentBox1_title {
				margin:0 0 0 15px; padding:0;
				color:#585841;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bolder;
				line-height:2em;
				letter-spacing:1px;
			}
		.contentBox1_body {
			margin:0 25px 0 15px;
			padding:0;
			border:1px solid white;
			vertical-align: top;
		}
			.contentBox1_body p {
				font-size:medium;
				margin: 5px 0 0 0;
				color:#333333;
			}
			.contentBox1_body a.title {
				color:#333333;
			}
			
			.contentBox1_body a.title:hover {
				color:#FF0000;
				text-decoration:underline;
			}
			
		.contentBox1_foot {
			margin:0px; padding:0px;
			height:30px;
			background-image:url(images/boxParts/contentBox1_foot.png);
			background-position:bottom center;
			background-repeat:no-repeat;
		}
/**************************************************************
...contentBox1...END
**************************************************************/
/**/
/**************************************************************
...contentBox2...START
**************************************************************/
.contentBox2_holder {
	margin:0px; padding:0;
	background-image:url(images/boxParts/contentBox2_body.png);
	background-position:top center;
	background-repeat:repeat-y;
	}
		.contentBox2_head {
			margin:0; padding:0;
			height:5px;
			background-image:url(images/boxParts/contentBox2_head.png);
			background-position:top center;
			background-repeat:no-repeat;
		}
		.contentBox2_body {
			margin:0px 15px 0px 15px;
			padding:0px;
			border:1px solid white;
			vertical-align: top;
		}
			.contentBox2_body p {
				font-size:14px;
				margin: 5px 0 0 0;
				color:#333333;
			}
		.contentBox2_foot {
			margin:0; padding:0;
			height:5px;
			background-image:url(images/boxParts/contentBox2_foot.png);
			background-position:top center;
			background-repeat:no-repeat;
		}
/**************************************************************
...contentBox2...END
**************************************************************/
/**/
/**************************************************************
...eventBox...START
**************************************************************/
.eventBox_holder {
	margin:0 10px 0 10px; padding:0;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ddd;
	}
		.eventBox_head {
			margin:0px; padding:0;
			/*height:1.75em;*/
			background-color:#ddd;
		}
			.eventBox_head .title {
				margin:0px; padding:0;
				font-size:14px;
				color:black;
				/*line-height:1.75em;*/
				text-indent:.5em;

			}
		.eventBox_body {
			margin:0 15px 0 15px;
			padding:0;
			vertical-align: top;
		}
			.eventBox_body p {
				font-size:14px;
				margin: 5px 0 0 0;
				color:black;
			}
			.eventBox_body .date {
				font-size:12px;
				margin: 5px 0 5px 0;
				color:#999999;
			}
/**************************************************************
...eventBox...END
**************************************************************/
/**/
/**************************************************************
...NAVIGATION...START
**************************************************************/
#navHolder {
	margin:25px 0px 20px 0px;
	padding: 0px;
	background-color:transparent;
}
		#navHolder ul{
			margin:0px;
			padding:0px;
 			list-style-type: none;
 			display:block;
		}
		#navHolder li {
  			margin:0px; padding:0px;
		}
		#navHolder a {
		/* determines the width of button box */
			margin:0px 14px 0px 0px;
		/* determins the indent of the txt in box. */
			padding:0px 0px 0px 10px;
			display:block;
			letter-spacing: 1px;
			/*line-height:2em;*/
			color:#000066;
			text-decoration:none;
			
		}
		#navHolder a:link, #navHolder a:visited{
			background-color:#585841/*#baa57b*/;
			color: #fff;
			text-decoration:none;
			border:thin #baa57b outset;
			font-weight:bold;
			font-size:small;
			}		
		#navHolder a:hover {
			background-color:#baa57b;
			color:#fff;
			text-decoration:none;		
			border:thin #baa57b outset;
			font-weight:bold;
			font-size:small;
		}
#active a:link, #active a:hover, #active a:visited {
		background-color:#000000;
		color:#FFFFFF;
		border:1px solid black;
		text-decoration:none;
	}
/**************************************************************
...NAVIGATION...END
**************************************************************/
/**/
/**************************************************************
...resaultList...START
**************************************************************/
#resultList_holder {
	margin:0 10px 0 10px; padding:0;
	text-align:left;
	font-size:12px;
/*	border-top:1px solid black;
	border-bottom:1px solid black;*/
}
	#resultList_holder .date {
		margin:0; padding:0;
		width:15%;
		float:left;
	}
	#resultList_holder .content {
		margin:0; padding:0;
		width:84%;
	}
	#resultList_holder .rowEVEN {
		margin:0 0 3px 0; padding:0;
	}
	#resultList_holder .rowODD {
		margin:0 0 3px 0; padding:0;
		background-color:#DDD;
	}
/**************************************************************
...resaultList...END
**************************************************************/
/**/
/**************************************************************
...Banner...START
**************************************************************/
.banner {
	margin:0; padding:0;
	width:590px;
	border:2px ridge #585841;
	background-color:#003663;
	color:#FFFFFF;
	font-size:16px;
	height:2em;
	line-height:2em;
	text-indent:1.5em;
}
.banner2 {
	margin:0; padding:0;
	width:590px;
	border-bottom:2px ridge #585841;
	border-top:2px ridge #585841;
	background-color:#ffffff;
	color:#ff0000;
	font-size:14px;
	text-align:center;
}
a.bulletin:hover {
	color:#ff0000;
	text-decoration:underline;
}
/**************************************************************
...Banner...End
**************************************************************/
/**/
/**************************************************************
...Image UL...START
**************************************************************/
ul.imageUL {
	margin:0px 0px 0px 30px;
	padding:0;
	list-style: url(http://main.co.branch.mi.us/images/golddot.png);
}

/*THESE CAN BE SUBSTITUTED FOR THE IMAGE TO GIVE A DIFFERNT LOOK*/

ul.bluedot {
	margin:0px 0px 0px 30px;
	padding:0;
	list-style: url(http://main.co.branch.mi.us/images/bluedot.png);
}
ul.smalldot {
	margin:0px 0px 0px 30px;
	padding:0;
	list-style: url(http://main.co.branch.mi.us/images/smalldot.png);
}
ul.golddot {
	margin:0px 0px 0px 30px;
	padding:0;
	list-style: url(http://main.co.branch.mi.us/images/golddot.png);
}
ul.bullet {
	margin:0px 0px 0px 30px;
	padding:0;
	list-style: url(http://main.co.branch.mi.us/images/bullet1.png);
}
ul.square {
	margin:0px 0px 0px 30px;
	padding:0;
	list-style: url(http://main.co.branch.mi.us/images/square.gif);
}
/**************************************************************
...Image UL...End
**************************************************************/

/*Cool Table */
table.cool {float:left; margin-right:10px;}
td.upperleft {background: url(images/upperleft.gif) repeat-x bottom; width:10px; height:10px;}
td.topmid {background: url(images/topmid.gif) repeat-x bottom; height:10px;}
td.upperright {background: url(images/upperright.gif) repeat-x bottom; width:10px; height:10px;}

td.leftmid {background: url(images/leftmid.gif) repeat-y; width:10px;}
td.rightmid {background: url(images/rightmid.gif) repeat-y; width:10px;}

td.bottomleft {background: url(images/bottomleft.gif) repeat-x top; width:10px; height:10px;}
td.bottommid {background: url(images/bottommid.gif) repeat-x top; height:10px;}
td.bottomright {background: url(images/bottomright.gif) repeat-x top; width:10px; height:10px;}

/*Cool Table BLUE */
table.coolblue {float:left; margin-right:10px;}
td.upperleftb {background: url(images/bluetable/upperleft.png) repeat-x bottom; width:10px; height:10px;}
td.topmidb {background: url(images/bluetable/topmid.png) repeat-x bottom; height:10px;}
td.upperrightb {background: url(images/bluetable/upperright.png) repeat-x bottom; width:10px; height:10px;}

td.leftmidb {background: url(images/bluetable/leftmid.png) repeat-y; width:10px;}
td.rightmidb {background: url(images/bluetable/rightmid.png) repeat-y; width:10px;}

td.bottomleftb {background: url(images/bluetable/bottomleft.png) repeat-x top; width:10px; height:10px;}
td.bottommidb {background: url(images/bluetable/bottommid.png) repeat-x top; height:10px;}
td.bottomrightb {background: url(images/bluetable/bottomright.png) repeat-x top; width:10px; height:10px;}

/* FAQ */
.question {FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:10pt; FONT-WEIGHT:bold; COLOR:#014892;}
.answer {FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; FONT-WEIGHT:normal; COLOR:black;}
.postdate {FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; FONT-WEIGHT:normal; COLOR:gray;}

.resources	{
	border:solid thin darkblue; 
	background-color:lightyellow; 
	padding:3px;
	margin:20px 10px 0px 0px;
	}
.instructions {font-family:verdana,helvetica,arial,sans-serif; FONT-SIZE:7.5pt; FONT-WEIGHT:normal; COLOR:#630434;}
.footer {
	FONT-FAMILY:verdana,helvetica,arial,sans-serif; 
	FONT-SIZE:x-small; 
	FONT-WEIGHT:normal; 
	COLOR:gray;
	border-top:1px inset #ccc;
	margin-top:20px;}

.tag {
	font-size:x-small;
	color:gray;
	}

.posted	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:7.5pt; FONT-WEIGHT:bold; COLOR:#585841;}
.small	{font-size:7pt;}
table.showcase {
	padding-top:20px;
	margin-right: 5px;
	text-align:left;
	height:100%;
	}

a {
	color:#000099;
	text-decoration:none;
}
a:hover {
	color:#FF0000;
	text-decoration:underline;
}
a.nav {
	color:#0000FF;
	text-decoration:none;
}
a.nav:hover {
	color:#FF0000;
	text-decoration:underline;
}
a.tag {
	color:gray;
	font-size:x-small;
	text-decoration:none;
}
a.tag:hover {
	color:#FF0000;
	text-decoration:underline;
}