/**************************************************
Site:           The Arc of Western Wayne County
Created:        Jun 01 2009
Last Modified:  Aug 12 2009 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2009
================================================= */

/* Global Reset Styles *******************************/
/* ================================================= */
* {
	margin: 0;
	padding: 0; 
	line-height: 1.4;
	font-style: normal;
	font-weight: normal;
}
a img, :link img, :visited img {border: 0;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
}

strong, b {font-weight: bold;}
italic, em {font-style: italic;}


/* Clear Floated Elements
-----------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* Global Element Styles *****************************/
/* ================================================= */
h1{color: #781d7e; font-size: 40px;}
h2{color: #781d7e; font-size: 32px; font-family: Georgia, "Times New Roman", serif; font-style: italic; margin-bottom: 15px;}
	#minor-col h2{color: #fff; margin-top: 0px;}
		#minor-col h2.title{background-color: transparent; color: #ffffff; font-size: 32px; font-style: italic; text-align: center;}
h3{color: #781d7e;font-size: 20px; font-weight: normal; margin-bottom: 15px;}
	#minor-col h3{margin-bottom: 0; color: #fff; font-size: 24px; font-family: Georgia, "Times New Roman", serif; font-style: italic; padding-bottom: 15px;}
h4{color:#3c3c3c; font-size: 14px; font-weight: bold; margin-bottom: 15px;}
h5{color:#3c3c3c; font-size: 16px; margin-bottom: 20px; font-weight: normal;}
p{color:#3c3c3c; font-size: 14px; margin-bottom: 15px;}
	p.intro{font-size: 16px; margin-bottom: 20px;}
a:link, a:visited, a:active{color: #0c6af8;text-decoration: underline;}
	a:hover{color: #781d7e; text-decoration: underline;}
	
object, embed {display:block;}


/* Layout Styles *************************************/
/* ================================================= */
html, body {
	height: 100%;
	min-height: 100%;
}

body{
	background: #dedac4 url(/images/site/bg-repeat.gif) repeat-x;
	font: 14px Arial, Helvetica, sans-serif;
}

.skip { position: absolute; left: -9999em; }

#body-bg{
	background:  url(/images/site/body-bg.jpg) no-repeat center top;
	min-height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	width: 100%;
}
	* html #body-bg {height:100%}

#container{
	position: relative;
	margin: 0 auto;
	width: 950px;
	z-index: 1;
}

.full-col{
	min-height: 640px;
	height:auto !important;
  	height:640px;
	padding-left: 20px;
	margin-top: 40px;
	width: 750px;
}
.standard-col, .helpline-col{
	float: left;
	margin: 40px 20px 0 0;
	width: 485px;
}
	.standard-col-width{padding-left: 20px; width: 437px;}

/* Header Styles *************************************/
/* ================================================= */
#header{height: 186px;}	
	#header h1 a{
		background:transparent url(/images/site/logo.gif) no-repeat;
		display:block;
		height:150px;
		margin:7px 0 0 0;
		overflow:hidden;
		position: absolute;
		text-indent:-9999px;
		width:142px;
	}
	#header h1#site-title{
		position: absolute;
		left: 205px;
		top: 80px;
		width: 700px;
	}
	
	#search{
		float: right;
		margin-top: 25px;
	}
		#search form{position: relative;}
		#search .inputtext{
			display: block;
			margin-right: 85px;
			width: 183px;
		}
		#search .inputbutton{
			position: absolute;
			right: 0;
			top: 0;
			display: block;
		}
		
/* Main Nav Styles ***********************************/
/* ================================================= */
#nav{
	background: url(/images/site/nav-sprites.png) no-repeat;
	height: 64px;
	list-style-type: none;
	position: absolute;
	left: 114px;
	top: 155px;
	width: 835px;
	z-index: 100;
}
	#nav li{
		display: block;
		position: absolute;
	}
		#nav li a{
			display: block;
			height: 31px;
			overflow: hidden;
			text-indent:-9999px;
		}
			#nav li#home-nav{left: 0;width: 171px;}
				#nav li#home-nav a:hover, #nav li#home-nav a.active{background: url(/images/site/nav-sprites.gif) no-repeat 0 -65px;}
			#nav li#people-nav{left: 130px;width: 227px;}
				#nav li#people-nav a:hover, #nav li#people-nav a.active{background: url(/images/site/nav-sprites.gif) no-repeat -130px -130px;}
			#nav li#family-nav{left: 315px;width: 205px;}
				#nav li#family-nav a:hover, #nav li#family-nav a.active{background: url(/images/site/nav-sprites.gif) no-repeat -315px -195px;}
			#nav li#provider-nav{left: 482px;width: 202px;}
				#nav li#provider-nav a:hover, #nav li#provider-nav a.active{background: url(/images/site/nav-sprites.gif) no-repeat -482px -260px;}
			#nav li#helpline-nav{left: 647px;width: 188px;}
				#nav li#helpline-nav a{height: 64px;}
				#nav li#helpline-nav a:hover, #nav li#helpline-nav a.active{background: url(/images/site/nav-sprites.gif) no-repeat -647px -325px;}
			
/* Utility Nav Styles ********************************/
/* ================================================= */
#secondary{
	float: left;
	left: -790px;
	margin-top: 35px;
	padding: 0 5px 0 18px;
	position: relative;
	width: 97px;
}
	
	#secondary ul{list-style-type: none;}
		ul#utility-nav{margin-left: 8px;}
		ul#utility-nav li{margin-bottom: 20px; line-height: 18px;}
			ul#utility-nav li:hover, ul#utility-nav li.active{list-style-image: url(/images/site/utility-nav-bullet.gif);}
			ul#utility-nav li a{
				color: #fff;
				font-size: 16px;
				line-height: 18px;
				text-decoration: none;
			}
				ul#utility-nav li a:hover, ul#utility-nav li.active a{color: #500050;}
				
		ul#utility-buttons li{margin-bottom: 10px;}
			ul#utility-buttons li a{
				background: url(/images/site/utility-button.gif) no-repeat;
				color: #781d7e;
				display: block;
				height: 28px;
				font-size: 16px;
				padding-top: 5px;
				text-align: center;
				text-decoration: none;
				width: 85px;
			}
				ul#utility-buttons li a:hover, ul#utility-buttons li a.active{background: url(/images/site/utility-button-hover.gif) no-repeat;}

/* Primary Content Styles ****************************/
/* ================================================= */
#content{
	background: url(/images/site/content-bg.png) no-repeat 0 5px;
}

#primary{
	float: left;
	left: 159px;
	position: relative;
	width: 790px;
}
	.standard-col ul, .full-col ul{color:#3c3c3c; font-size: 14px; margin-bottom: 15px; margin-left: 20px;}
		.standard-col ul li, .full-col ul li{margin-bottom: 10px;}
			.standard-col ul li ul, .full-col ul li ul{margin-bottom: 0px; margin-top: 10px;}
		
	ul.section-highlight{list-style-type: none; margin-top: 50px; margin-left: 0px;}
		ul.section-highlight li{margin-bottom: 15px;}
			ul.section-higlight h3{color: #3c3c3c; font-size: 20px;}
			ul.section-highlight h3 a:link, ul.section-highlight h3 a:visited, ul.section-highlight h3 a:active{
				background: url(/images/site/section-highlight-bg.png) no-repeat;
				color: #3c3c3c;
				display: block;
				height: 41px;
				padding: 8px 0 0 100px;
				text-decoration: none;
				width: 383px;
			}
				ul.section-highlight h3 a:hover{background: url(/images/site/section-highlight-bg-hover.png) no-repeat;}
	
	ul.highlight-link{list-style-type: none; margin-top: 50px;}
		ul.highlight-link li{margin-bottom: 15px;}
			ul.highlight-link h3{color: #3c3c3c; font-size: 16px;}
			ul.highlight-link h3 a{
				background: url(/images/site/highlight-link.png) no-repeat;
				color: #3c3c3c;
				display: block;
				height: 28px;
				padding: 6px 0 0 40px;
				text-decoration: none;
				width: 391px;
			}
				ul.highlight-link h3 a:hover{background: url(/images/site/highlight-link-hover.png) no-repeat;}
				
	
	/* FAQ Styles ****************************************************/
	ul#faqs{margin-left: 0px;}
	ul#faqs li.question{
		background: url(/images/site/bullet-q.png) no-repeat 0 3px;
		list-style-type: none;
		margin-bottom: 5px;
	}
		ul#faqs li.question h3{
			color: #781d7e;
			font-size: 18px;
			font-family: Georgia, "Times New Roman", serif;
			font-style: italic;
			margin-bottom: 0px;
			padding: 0 0 0 40px;
		}
	ul#faqs li.answer{
		background: url(/images/site/bullet-a.png) no-repeat 0 3px;
		list-style-type: none;
		margin-bottom: 20px;	
	}
		ul#faqs li.answer p{
			margin-bottom: 0px;
			padding: 0 0 0 40px;
		}
		
	/* Staff and Board Member Styles *********************************/
	.profile{
		min-height: 80px;
		height:auto !important;
  		height:80px;
		position: relative;
		margin-bottom: 30px;
	}
		.profile img.profile-picture{
			position: absolute;
			top: 0;
		}
		.profile p{
			font-size: 12px;
			padding-left: 90px;
		}
			.profile p.info{
				font-size: 14px;
				margin-bottom: 5px;
			}
			
	/* Sitemap Styles ***********************************************/
	ul#sitemap, ul#sitemap-extras{
		margin-bottom: 0px;
	}
		ul#sitemap li, ul#sitemap-extras li{
			list-style-type: none;
			margin-bottom: 5px;
		}
			ul#sitemap li ul{
				margin: 5px 0 0 30px;
			}
			
	/* MISC Styles **************************************************/
	#search h4{margin-bottom: 0px;}
	
	.dotted-divide{
		border-top: 1px dotted #717f0d;
		margin: 20px 30px 20px;
		width: 620px;
	}
	
	ul.boardroom li{margin-bottom: 3px;}
	
	p#accessibility-statement{
		color: #686568;
		font-size: 12px;
		font-style: italic;
		line-height: 1.3em;
		margin-bottom: 5px;
		position: absolute;
		left: 45px;
		bottom: 0px;
		text-align: center;
		width: 375px;
	}

		

/* Minor Col Styles **********************************/
/* ================================================= */
#minor-col{
	float: left;
  	margin-top: 5px;
  	padding-top: 208px;
  	position: relative;
	width: 285px;
}
	#minor-col-container{
		background-color: #5f005f;
		min-height: 417px;
		height:auto !important;
  		height:417px;
	}
		#minor-col-bottom{
			background: url(/images/site/minor-col-bottom-internal.png) no-repeat;
			height: 48px;
			width: 285px;
		}
			#minor-col-bottom.close-footer{background: url(/images/site/minor-col-bottom.png) no-repeat;}

	#minor-col img.minor-image{
		position: absolute;
		top: 0;
		z-index: 0;
	}
	
	.center-col{
		background: url(/images/site/minor-col-box-top.png) no-repeat;
		padding: 25px 20px 0 20px;
		position: relative;
		text-align: center;
		z-index: 10;
	}
		.thin{
			padding: 25px 40px 0;
		}
		.center-col h2{margin-bottom: 20px;}
		.center-col h3{}
		.center-col p{
			color: #fff;
			font-size: 14px;
			margin-bottom: 0px;
			padding-bottom: 15px;
			text-align: left;	
		}
		.center-col p.summary{
			color: #f5f6e8;
			font-family: Georgia, "Times New Roman", serif; font-style: italic;
			font-size: 16px;
			margin-bottom: 20px;
			text-align: center;
		}
		.center-col a{
			color: #cfb536;
			text-decoration: none;
		}
			.center-col a:hover{text-decoration: underline;}
			
		.center-col ul{
			color: #fff;
			font-size: 14px;
			text-align: left;
			margin-left: 20px;
		}
			.center-col ul li{
				padding-bottom: 10px;
			}
		.center-col blockquote{
			background: url(/images/site/quote-top.gif) no-repeat 5px 20px;
			padding: 20px;
			text-align: left;
		}
			.center-col blockquote p{
				color: #fff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 16px;
				font-style: normal;
				margin-bottom: 10px;
			}
				.center-col blockquote p span.bottom-quote{
					background: url(/images/site/quote-bottom.gif) no-repeat top right;
					padding-right: 12px;
				}
				.center-col blockquote p.author{
					font-size: 14px;
					font-style: italic;
					margin-bottom: 0px;
					margin-left: 18px;
					padding-bottom: 0;
					text-align: right;
				}
				.center-col blockquote p.position{
					font-size: 12px;
					font-style: italic;
					margin-bottom: 0px;
					margin-left: 27px;
					text-align: right;
				}

ul.minor-nav{color: #f5f6e8; text-align: left; margin-left: 40px;}
	ul.minor-nav li{}	
		ul.minor-nav li a, a.enewsletter-link{
			color: #f5f6e8;
			font-family: Georgia, "Times New Roman", serif; font-style: italic;
			font-size: 16px;
			text-decoration: none;
		}
			ul.minor-nav li a:hover{text-decoration: underline;}


/* Event Styles **************************************/
/* ================================================= */
.event-full h4{
	margin-bottom: 0px; 
	font-weight: bold;
}
	.event-full h4 a{
		color:#3c3c3c;
		font-weight: bold;
		text-decoration: none;
	}


.event-details h4{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	text-align: left;
}
	.event-details h4 a{
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
		.event-details h4 a:hover{text-decoration: underline;}
.event-details p{
	font-size: 12px;
	margin-bottom: 0px;
	padding-bottom: 15px;
}
.event-details p a{
	color: #cfb536;
}

a.signup{margin-right: 10px;}

/* Footer Styles *************************************/
/* ================================================= */
#footer{
	background: url(/images/site/footer-divide.png) no-repeat top;
	clear: both;
	color: #686568;
	font-size: 12px;
	margin-left: 126px;
	padding-top: 25px;
	width: 823px;
}

	#footer-nav{
		float: left;
		margin: 0 20px 0 15px;
		text-align: center;
		width: 505px;
	}
		#footer-nav ul{
			text-align: center;
		}
			#footer-nav ul.last{margin-bottom: 20px;}	
			#footer-nav ul li{
				background: url(/images/site/footer-bullet.gif) no-repeat center left;
				display: inline;
				padding: 0 5px 0 15px;
			}
				#footer-nav ul li a{color: #686568; text-decoration: none;}
					#footer-nav ul li a:hover, #footer-nav ul li a.active{color: #500050;}
					#footer-nav ul li a.last{background: url(/images/site/footer-bullet.gif) no-repeat center right; padding-right: 15px;}
	
	#copyright{
		float: left;
		width: 265px;
		text-align: center;
	}
		#copyright p{font-size: 11px;}


/* Form Styles *******************************/
/* ================================================= */
p.req{
	color:#b50c0c;
	font-style: italic;
}
#notification, .notification{
	background-color: #f6f6ed;
	border: 1px solid #e3e4be;
	margin-bottom: 15px;
	padding: 5px 10px;
}
	#notification p{margin-bottom: 0px;}


#arc-form, .arc-non-form{margin-bottom: 25px;}
#arc-form fieldset, .arc-non-form fieldset{
	border: none;
	border-bottom: 1px solid #5f005f;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
	#arc-form fieldset.no-border{border: none;}

#arc-form h3.legend, .arc-non-form h3.legend{
	font-style: italic;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
	#arc-form h3.legend span, .arc-non-form h3.legend span{
		color: #3c3c3c;
		font-size: 14px;
		font-weight: bold;
		margin-left: 5px;
	}

#arc-form h4, .arc-non-form h4{margin-top: 30px; margin-bottom: 5px;}
#arc-form p, .arc-non-form p{}
	a.btn-payment{
		background: url(/images/site/btn-payment.gif) no-repeat;
		color: #5f005f;
		display: block;
		height: 21px;
		margin-left: 80px;
		padding-top: 3px;
		text-decoration: none;
		text-align: center;
		width: 196px;
	}

#arc-form .text, .arc-non-form .text{
	color:#3c3c3c;
	margin-bottom: 1em;
}
	.standard-col #arc-form .text{margin-bottom: 5px;}
	#arc-form span.req{
		color:#b50c0c;
		font-size:16px;
		vertical-align:middle;
	}
	#arc-form .text label{
		color:#3c3c3c;
		float: left;
		padding-right: 20px;
		text-align: right;
		width: 200px;
	}
		.standard-col #arc-form .text label{width: 150px;}
		
		#arc-form .text label.error{
			color:#b50c0c;
			display: block;
			float: none;
			font-style: italic;
			font-size: 12px;
			margin-left: 220px;
			text-align: left;
		}
	#arc-form .text input.textbox{
		float: left;
		width: 250px;
	}
	#arc-form .text textarea{
		float: left;
		width: 250px;
	}
		.standard-col #arc-form .text input.textbox, .standard-col #arc-form .text textarea, .standard-col #arc-form .text select, .standard-col .arc-non-form .text select{width: 200px;}
		
	.move-right{margin-left: 170px;}
		
	#arc-form #btn-submit{margin-left: 220px;}
	#cancel{margin: 0 30px;}

	
#preview ul{margin-left: 0px;}	
	#preview ul li{
		font-weight: bold;
		list-style-type: none;
		margin-bottom: 3px;
	}
		#preview ul li span{font-weight: normal;}


#sidebar-login p{
	text-align: center;
}
	#sidebar-login p.password-link{
		font-size: 12px;
		margin-left: 100px;
		padding-top: 10px;
		text-align: left;
	}

#sidebar-login .text{
	color:#3c3c3c;
	padding-bottom: 5px;
}
	#sidebar-login span.req{
		color:#fff;
		font-size:16px;
		vertical-align:middle;
	}
	#sidebar-login .text label{
		color:#fff;
		float: left;
		padding-right: 10px;
		text-align: right;
		width: 85px;
	}
		#sidebar-login .text label.error{
			color:#fff;
			display: block;
			float: none;
			font-style: italic;
			font-size: 12px;
			margin-left: 100px;
			width: 140px;
			text-align: left;
		}
	#sidebar-login .text input.textbox{
		float: left;
		width: 140px;
	}
	#sidebar-login #btn-submit{
		margin-left: 10px;
	}