body {
	background:#FFFFFF url(images/css/bg_repeat.jpg) top center repeat-x;
	font-size:76%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

h2 {
	FONT-FAMILY:Arial, Helvetica, sans-serif; 
	FONT-SIZE:12pt; 
	FONT-WEIGHT:bold; 
	/*COLOR:#737161;*/
	COLOR:#585841;
}
.title_red {
	FONT-FAMILY:Arial, Helvetica, sans-serif; 
	FONT-SIZE:12pt; 
	FONT-WEIGHT:bold; 
	/*COLOR:#737161;*/
	COLOR:#990033;
}
/*************************************
*  HOME PAGE LAYOUT                  *
**************************************/

div#navbar {
	margin:auto;
	background:url(images/css/nav_bar.jpg) center no-repeat;
	width:961px;
	height:42px;
}
div#branding {
	margin:auto;
	width:961px;
	height:122px;
	background:url(images/css/header.jpg) center no-repeat;
}

div#footer {
	margin:auto;
	height:82px;
	width:961px;
	background:url(images/css/footer.jpg) bottom center no-repeat;
	text-align:center;
	color:#630434;
}



div.mainList {
	font-size:medium;
	line-height:1.5em;
	
	float:left;
}

div.largeItem {
	width:351px;
	/*font-size:medium;
	line-height:1.5em;
	
	float:left;*/
}
	div.largeItem h2 {
		margin:0;
		}
	div.largeItem div.head {
		background:url(images/css/info-topLG.jpg) top center no-repeat;
		height:18px;
	}
	div.largeItem div.content {
		background:url(images/css/info-contentLG.jpg) repeat-y;
		padding-left:10px;
	}
	div.largeItem div.foot {
		background:url(images/css/info-bottomLG.jpg) top center no-repeat;
		height:18px;
	}
	div.largeItem div.content ul {
		margin-top:0px;
		margin-bottom:0px;
		margin-right:8px;
		}
	div.largeItem div.content form {
		margin-left:25px;
		margin-bottom:0px;
		padding-top:10px;
		}
	div.largeItem div.content li {
		margin-bottom:5px;
		}
	div.largeItem div.content p {
		margin:0 0 0 15px;
		}
div.padded {
	padding-left:40px;
}
div.padded {
	padding-left:40px;
	width:400px;
}

div.clearLeft {
	clear:left;
	}

div.resources {
	border:solid thin #990033; 
	background-color:#F0F0F0; 
	padding:3px;
	float:right;
	margin-right:20px;
	margin-top:10px;
	width:250px;
	padding-left:5px;
	}

div.facet {
	margin-top:10px;
	padding-left:40px;
	font-size:medium;
	}

/*********************************************************/
/* ENROLLMENT FORM  */
/*********************************************************/
fieldset {
	border:none;
	margin:5px 0px;
	}
	
div.input_block {
	float:left;
	}
.input_label {
	color:#585841;
	font-size:x-small;
	display:block;
	}
div.input_block input {
	margin-right:10px;
	}
	
div.formSection {
	border:1px #f0f0f0 solid;
	padding:10px;
	margin-bottom:20px;
	}

div.formInstructions {
	COLOR:#630434;
	margin-right:5px;
	padding:5px;
	background:lightyellow;
	border:1px solid #630434;
}

div.formInstructions span.title {
	COLOR:#630434;
}
div.formInstructions dt {
	font-weight:bold;
	margin-top:5px;
}
div.formInstructions dd {
	margin-left:5px;
}
div.formInstructions dd ul {
	margin-left:5px;
	padding-left:15px;
}

/*********************************************************/
/* EVENTS  */
/*********************************************************/
span.eventTitle {
	font-size:9pt;
	display:block;
}
div.eventList span.date {
	font-size:x-small;
	color:#630434;
}
div.eventList span.blurb {
	font-size:x-small;
	color:#666666;
}





div#info div.smallItem {
	width:176px;
	float:left;
}

	div#info div.smallItem div.head {
		background:url(images/css/info-topSM.jpg) top center no-repeat;
		height:18px;
	}
	div#info div.smallItem div.content {
		background:url(images/css/info-contentSM.jpg) repeat-y;
		padding-left:12px;
	}
	div#info div.smallItem div.foot {
		background:url(images/css/info-bottomSM.jpg) bottom center no-repeat;
		height:18px;
	}
div#info dl {
	margin:10px ;
}
div#info dd {
	margin-left:10px ;
	margin-right:10px ;
}
		
div#homepic {
	margin:0 0 0 20px;
	padding:0;
	width:600px;
	height:180px;
	}


	
div#contentHolder {
	margin:auto;
	background:url(images/css/content_repeat.jpg) top center repeat-y;
	width:961px;
	/*position:relative;
	border:1px solid green;*/
}
div#pageContent {
	/*border: 1px solid blue;
	top:10px;
	left:200px;
	position:absolute;*/	
	float:right;
	width:740px;
	z-index:0;
	padding-right:20px;
	margin-top:10px;
}

/*************************************
*------------- Nav Bar --------------*
**************************************/
#navbar ul {
	list-style: none;
	margin: auto;
	margin-left:150px;
	padding:0;
	height: 32px;
	font-size:small;
	font-weight:bold;
	/*background-color:#f9f9f9;
	width: 927px;
	border-bottom:1px solid #00487f;*/
	
}
#navbar li {
	float: left;
	margin:2px 5px 0px 0px;
	text-align: center;
	width:140px;
	
	/*border-top:5px solid #aaaaaa; */
}
#navbar li.home {
	float: left;
	margin:2px 0px 0px 0px;
	text-align: center;
	width:140px;
	
	/*border-top:5px solid #aaaaaa; */
}
#navbar li.my {
	color: #990033;
}
#navbar a {
	margin:5px 10px;
	display: block;
	color: #585841;
}
#navbar a:hover {
	color: red;
	/*color: #990033;*/
}

/*************************************
*  INTERNAL PAGE LAYOUT                  *
**************************************/

div#pageHolder {
	margin:auto;
	min-height:550px;
	background-color:#FFF;
	width:938px;
}
div#branding2 {
	margin:auto;
	width:938px;
	height:132px;
	text-align:left;
	background:url(images/css/inside_header.jpg) center no-repeat;
}
div#footer2 {
	margin:auto;
	height:63px;
	width:938px;
	background:url(images/css/inside_footer.jpg) bottom center no-repeat;
	text-align:center;
}
div#footer2 p, div#footer p {
	margin:0px;padding-top:10px;
	/*font-weight:bold;*/
	font-size:small;
	color:#003a67;
}

/* Anchor Style */
A	{font-family: verdana,helvetica,arial,sans-serif; color:blue; text-decoration: none}
A:hover	{font-family: verdana,helvetica,arial,sans-serif; color:red; text-decoration: none}

A.foot		{font-family: verdana,helvetica,arial,sans-serif; font-size:7pt; color:gray; text-decoration: none}
A.foot:hover	{font-family: verdana,helvetica,arial,sans-serif; font-size:7pt; color:red; text-decoration: none}

A.foot2		{font-family: verdana,helvetica,arial,sans-serif; font-size:small; color:#738fbb; text-decoration: none}
A.foot2:hover	{font-family: verdana,helvetica,arial,sans-serif; font-size:small; color:red; text-decoration: none}

/*IMAGE WRAPPER*/
div.leftImageWrapper, div.rightImageWrapper {
	border:2px solid #611122;
	background:#fff;
	margin:5px 10px;
	float:left;
}
span.centerImageWrapper {
	border:2px solid #611122;
	background:#fff;
}
	div.leftImageWrapper img, div.rightImageWrapper img, div.centerImageWrapper img {
		margin:3px;
	}
	div.leftImageWrapper span, div.rightImageWrapper span, div.centerImageWrapper span {
		display:block;
		text-align:center;
		color:#333;
	}
div.rightImageWrapper {
	float:right;
}
/*DIVIDERS*/
div.monthDivider {
	margin:5px 0px;
	padding-left:5px;
	background:#F0F0F0;
	color:#990033;
	border-top:1px solid #990033;
	border-left:1px solid #990033;
	/*background:#611122;
	border:1px solid #fff;
	color:#fff;*/
}
div.orangeLine {
	margin:10px 10px 10px 20px;
	border-bottom:1px solid #FFCC66;
}
/*MAIN CONTENT*/
div#mainContent {
	width:510px;
	float:left;
}
	div#mainContent table {
		margin:20px;
	}
/*	div#mainContent ul {
		margin:10px 20px 10px 45px;
	}*/
/*SUB CONTENT*/
div#subContent {
	width:200px;
	float:right;
}
	div#subContent p, div#subContent h3 {
		margin:5px 25px 5px 10px;
		line-height:1.2em;
	}
	div#subContent table {
		margin:10px;
	}
		div#subContent td {
			background:#EFC476;
			padding:2px;
		}
		div#subContent td.menuPrice {
			background:#E9A220;
			color:#fff;
			text-align:center;
			vertical-align:top;
		}
	div#subContent ul {
		/*margin:10px 20px 10px 45px;*/
	}
	div#subContent div.subnav {
		margin-bottom:10px;
		}
	div#subContent div.subnav span.title {
		color:#990033;
		font-weight:bold;
		}
/*********************************************************/
/* FAQ
/*********************************************************/
.question {
	FONT-FAMILY:Arial, Helvetica, sans-serif; 
	FONT-SIZE:large; 
	FONT-WEIGHT:bold; 
	/*COLOR:#737161;*/
	COLOR:#585841;
}
.answer {
	FONT-FAMILY:Arial, Helvetica, sans-serif; 
	margin-right:10px;
}
/*********************************************************/
/* NEWSLETTER STYLES/
/*********************************************************/
.masthead {
	FONT-FAMILY:caxtonroman,timesnewroman,serif; 
	FONT-SIZE:xx-large; 
	FONT-WEIGHT:bold; 
	COLOR:black;
	DISPLAY: block;
	/*background-color:white;*/
	text-align:center;
}

/**************************************************************
...Image UL...START
**************************************************************/
ul.imageUL {
	margin:10px 0px 5px 30px;
	padding:0;
	list-style: url(images/golddot.png);
}

ul.link {
	margin:10px 0px 20px 30px;
	padding:0;
	list-style: url(images/globe2.png);
	marker-offset:10px;
}
ul.doc {
	margin:10px 0px 20px 30px;
	padding:0;
	list-style: url(images/small_icon.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
**************************************************************/

.title	{FONT-FAMILY:caxtonroman,timesnewroman,serif; FONT-SIZE:medium; FONT-WEIGHT:bold; COLOR:#737161;}
.instructions {font-family:verdana,helvetica,arial,sans-serif; FONT-SIZE:7.5pt; FONT-WEIGHT:normal; COLOR:#630434;}
.list_date	{FONT-FAMILY:verdana,helvetica,arial,sans-serif; FONT-SIZE:8pt; FONT-WEIGHT:normal; COLOR:#911122;}


/*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;}
		
/*label styling...*/
/*labels (div.jqDockLabel) only get absolute position and zero margin (with top and left being calculated); the rest is up to you*/
  /*...let's set some defaults...*/
  div.jqDockLabel {border:0px none; padding:0px 4px;font-weight:bold; font-size:14px; font-style:italic; white-space:nowrap; color:#000000; background-color:transparent;}
  div.jqDockLabelLink {cursor:pointer;}
  div.jqDockLabelImage {cursor:default;}
  /*...and some overrides...*/
  div#menu {
  	padding-left:50px;
 	background-color:#990033; 
  	}
  div#menu img {
 	background-color:#990033;
 	padding:10px 0px;/**/
  	}
 div#menu div.jqDock {
 	background-color:#990033; 
 	width:200px;
 	}
 
  /*...give the right-hand vertical a smaller, non-bold, deep red label, on a white background...*/
  #menu div.jqDockLabel {color:#fff; background-color:#990033; padding:1px; font-size:12px; font-weight:bold;padding-right:3px;}
  /*...and the left-hand vertical (with the black background) a white, smaller, label...*/
  #menu5 div.jqDockLabel {color:#fffca3; padding:0px;}
  
/**************************************************************/
/*  Form Validation  */
/**************************************************************/
form label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}
div.error { display: none; }
form .gray * { color: gray; }
input.error { border: 1px dotted red; }
select.error { border: 1px dotted red; }