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

Print Styles
================================================= */

/* Global Reset Styles *******************************/
/* ================================================= */
* {
	color: #333;
	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 *****************************/
/* ================================================= */
h2 {font-family: Georgia, "Times New Roman", serif; font-size: 16pt; margin: 0 0 1em; border-top: 1pt solid #000; border-bottom: 1pt solid #000; padding: 0.25em 0; }
h3{font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: bold; margin-bottom: 15px;}
h4{font-size: 14px; font-weight: bold; margin-bottom: 15px;}
	h4.search-title{margin-bottom: 5px;}
h5{font-size: 14px; margin-bottom: 20px;}
p{font-size: 12px; margin-bottom: 15px;}
	p.intro{font-size: 14px; margin-bottom: 20px;}
a{text-decoration: underline;}
ul{font-size: 12px; margin-bottom: 20px;}
	li{margin-bottom: 5px;}
label{font-size: 12px;}


/* Layout Styles *************************************/
/* ================================================= */

body{
	background: none;
	font: 14px Arial, Helvetica, sans-serif;
	padding: 1in 0 0;
}

#body-bg{
	background:  none;
	margin: 0 auto;
	width: 6in;
}

/* Hide Styles *************************************/
/* ================================================= */
.skip, #header, #nav, #secondary, #minor-col, #footer-nav, #audio-player, #helpline-instrucitons img{display: none;}	

/* Primary Content Styles ****************************/
/* ================================================= */
#content{background: none;}
#primary{float: none;position: relative;}
		
	ul.section-highlight{list-style-type: disc; margin-top: 50px; margin-left: 0px;}
			ul.section-highlight h3 a{
				background: none;
				text-decoration: underline;
			}
	ul.highlight-link{list-style-type: disc; margin-top: 50px;}
			ul.highlight-link h3 a{
				background: none;
				text-decoration: underline;
			}
				
	
	/* FAQ Styles ****************************************************/
	ul#faqs{margin-left: 0px;}
	ul#faqs li.question{
		background: none;
		list-style-type: disc;
		margin-bottom: 5px;
	}
		ul#faqs li.question h3{
			font-weight: bold;
			margin-bottom: 0px;
		}
	ul#faqs li.answer{
		background: none;
		list-style-type: none;
		margin-bottom: 20px;	
	}
		ul#faqs li.answer p{margin-bottom: 0px;}
		
	/* 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 #333;
		margin: 20px 0;
	}
	ul.boardroom li{margin-bottom: 3px;}
		


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


.event-details h4{
	font-weight: bold;
	margin-bottom: 0px;
	text-align: left;
}
	.event-details h4 a{text-decoration: none;}
.event-details p{
	margin-bottom: 0px;
	padding-bottom: 15px;
}

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

/* Footer Styles *************************************/
/* ================================================= */
#footer{
	background: none;
	font-size: 12px;
	padding-top: 25px;
}
	p#footer-statement{
		font-size: 11px;
		font-style: italic;
		padding: 0;
		text-align: left;
	}
	
	#copyright{
		float: none;
		text-align: left;
	}
		#copyright p{font-size: 11px;}


/* Form Styles *******************************/
/* ================================================= */
p.req{
	color:#000;
	font-style: italic;
}
#notification, .notification{
	background-color: #eee;
	border: 1px solid #999;
	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 #999;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

#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{
		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: none;
		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{
	margin-bottom: 1em;
}
	.standard-col #arc-form .text{margin-bottom: 5px;}
	#arc-form span.req{
		color:#000;
		vertical-align:middle;
	}
	#arc-form .text label{
		float: left;
		padding-right: 20px;
		text-align: right;
		width: 200px;
	}
		.standard-col #arc-form .text label{width: 150px;}
		
		#arc-form .text label.error{
			color:#000;
			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;}


	

/* Helpline Styles ***********************************/
/* ================================================= */
.nav_cat_archive ul{display: block !important; margin-left: 30px;}

#helpline-table tr.even{
	background-color: #eee;
	border: 1px solid #999;
}
#helpline-table tr.odd{border: 1px solid #999;}
	#helpline-table td{
		font-size: 12px;
		padding: 5px;
		vertical-align: top;
	}
		#helpline-table td.col-1{
			font-weight: bold;
			padding-right: 30px;
		}



/* SIFR Styles ***************************************/
/* ================================================= */
.sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }