/* =================================================
Site:           Arc of Western Wayne County
Created:        June 24 2009
Last Modified:  June 24 2009 
------------------------------------------------- 
casey reid, clearfirestudios.com
casey@clearfirestudios.com | Copyright 2009
================================================= */


/*----------------------------------
~~~~~~~~~~ Reset Styles ~~~~~~~~~~
----------------------------------*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
		margin:0;
		padding:0;
	}
	
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	
	fieldset,img { 
		border:0;
	}
	
	address,caption,cite,code,dfn,em,strong,th,var {
		font-style:normal;
		font-weight:normal;
	}
	
	ol,ul {
		list-style:none;
	}
	
	caption,th {
		text-align:left;
	}
	
	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
	}
	
	q:before,q:after {
		content:'';
	}
	
	abbr,acronym { 
		border:0;
	}


/*----------------------------------
~~~~~~~~~~ Base Styles ~~~~~~~~~~
----------------------------------*/

	html {
		color:#3c3c3c;
		background:#ebe8db url(/images/enewsletter/bg.gif) repeat-x;
		font:14px Arial, Helvetica, sans-serif;

	}

		body {
			margin:20px auto 20px auto;
			width:955px;
		}
		
		h2 {
			color:#781d7e;
			font-size:32px;
			font-family:Georgia, "Times New Roman", serif;
			font-style:italic;
		}

		.clear {
			clear:both;
		}
		
		a:link, a:visited, a:active{color: #0c6af8;text-decoration: underline;}
			a:hover{color: #781d7e; text-decoration: underline;}
			
/*----------------------------------
~~~~~~~~~~ Header Styles ~~~~~~~~~~
----------------------------------*/

	#header h1 a {
		background:url(/images/enewsletter/logo.gif) no-repeat 0px 0px;
		display:block;
		float:left;
		height:150px;
		text-indent:-9999px;
		width:142px;
	}

	#header img {
		float:right;
		margin:0px 0px 23px 0px;
	}

	#header #issue_info {
		background:#717f0d url(/images/enewsletter/issue_top.gif) no-repeat left top;
		clear:both;
		margin:0px 0px 12px 0px;
		padding:0px 0px 0px 0px;
	}
	
		#header #issue_info ul {
			margin:0px 15px 0px 15px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		
			#header #issue_info li {
				color:#ffffff;
				display:block;
				float:right;
				padding:9px 0px 0px 0px;
				margin:0px 0px 0px 0px;
			}
			
			#header #issue_info .issue_date {
				background:url(/images/enewsletter/issue_circle.gif) no-repeat 0px 12px;
				margin:0px 0px 0px 10px;
				padding:9px 0px 0px 15px;
			}
			
			#header #issue_info .site_link {
				float:none;
			}
			
				#header #issue_info li a:link, #header #issue_info li a:visited {
					background:url(/images/enewsletter/issue_arrow.gif) no-repeat left center;
					color:#ffffff;
					padding:0px 0px 0px 20px;
					text-decoration:none;
				}
				
				#header #issue_info li a:hover {
					text-decoration:underline;
				}
			
		#header #issue_info .clear {
			background:url(/images/enewsletter/issue_bottom.gif) no-repeat left bottom;
			height:9px;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
		}

		



/*----------------------------------
~~~~~~~~ Newsletter Styles ~~~~~~~~~
----------------------------------*/

	#newsletter {
		background:#ffffff;
		clear:both;
		margin:0px auto 0px auto;
		width:944px;
	}
	
	
	
	/*~~~ Main Content ~~~*/
	
		#newsletter #main_content {
			display:inline;
			float:left;
			font-size:.9em;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		
			#newsletter #main_content h2 {
				margin:20px 0px 0px 0px;
			}
		
			#newsletter #main_content p {
				font-size:1.1em;
				margin:25px 20px 20px 0px;
			}
			
				#newsletter #main_content p strong {
					font-weight:700;
				}
					#notification, .notification{
						background-color: #f6f6ed;
						border: 1px solid #e3e4be;
						margin-bottom: 15px;
						padding: 5px 10px;
					}	
			
			#newsletter #main_content img.story_image {
				float:right;
				margin:0px 20px 10px 10px
			}
			
			/*~~~ Stories ~~~*/
		
				#newsletter #main_content #stories {
					background:url(/images/enewsletter/border_stories.gif) no-repeat center top;
					padding:50px 0px 0px 0px;
				}
		
		
			/*~~~ Front Page and Opt 2 ~~~*/
	
				#newsletter #main_content.front_page, #newsletter #main_content.opt2 {
					margin:0px 0px 0px 50px;
					width:590px;
				}
			

			/*~~~ Page 3 ~~~*/
				
				#newsletter #main_content.page_3 {
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
				}
				
					#newsletter #main_content.page_3 .column {
						display:inline;
						float:left;
						padding:0px 15px 0px 30px;
						width:420px;
					}
					
					#newsletter #main_content.page_3 .first {
						border-right:1px solid #5f005f;
						padding:0px 25px 0px 30px;
					}
			
			/*~~~ Page 4 ~~~*/
			
				
					#newsletter #main_content.page_4 .story {
						min-height: 640px;
						height:auto !important;
  						height:640px;
						margin:0px 50px 0px 50px;
						padding:10px 0px 20px 0px;
					}
						#newsletter #main_content.page_4 hr {
							border: none;
							border-bottom:1px solid #5f005f;
							margin: 30px 0;
						}
					
						#newsletter #main_content.page_4 img {
							float:left;
							margin:0 20px 20px 0px;
						}

					#newsletter #main_content.page_4 .story.no_border {
						border:none;
					}

	/*~~~ Sidebar ~~~*/

		#newsletter #sidebar {
			float:right;
			width:285px;
		}
		
			#newsletter #sidebar .callout {
				background:transparent url(/images/enewsletter/callout_top.gif) no-repeat;
				margin:-34px 0px 0px 0px;
				padding:21px 0px 0px 0px;
				position:relative;
				z-index:100;
			}
			
				#newsletter #sidebar .callout .button {
					display:block;
					margin:0px auto -17px auto;
				}
					
			
				#newsletter #sidebar .callout .callout_contents {
					background:#5f005f;
					color:#ffffff;
					padding:17px 30px 0px 30px;
				}

					
					#newsletter #sidebar .callout dl {
						margin:30px 0px 0px 10px;
					}
						#newsletter #sidebar .callout dl a{
							color: #cfb536;
							text-decoration: none;
						}
							#newsletter #sidebar .callout dl a{text-decoration: underline;}	
					
						#newsletter #sidebar .callout dt {
							display:list-item;
							font-size:1.1em;
							font-weight:700;
							list-style:disc;
							margin:15px 0px 0px 0px;
						}
						
						#newsletter #sidebar .callout dd {
							font-size:.9em;
						}
					

				#newsletter #sidebar .callout .callout_footer {
					background:url(/images/enewsletter/callout_bottom.gif) no-repeat;
					height:49px;
					width:285px;
				}

			#newsletter #sidebar .minor_feature {
				border-left:1px solid #5f005f;
				color:#5f005f;
				font-size:.9em;
				margin:15px 0px 15px 0px;
				padding:15px 45px 0px 30px;
			}
			
				#newsletter #sidebar .minor_feature h3 {
					font-size:1.2em;
					font-weight:700;
					margin:0px 0px 5px 0px;
				}
				
				#newsletter #sidebar .minor_feature p {
					font-size:.9em;
					margin:0px 0px 15px 0px;
				}


	/*~~~ Footer ~~~*/

		#footer {
			background:#ffffff url(/images/enewsletter/bg_footer.gif) no-repeat left bottom;
			padding:20px 0px 20px 0px;
			clear:both;
		}
		
			#footer p {
				border-top:1px solid #5f005f;
				font-size:.9em;
				margin:0px auto 0px auto;
				padding:5px 0px 0px 0px;
				text-align:right;
				width:850px;
			}
			
				#footer img {
					display:block;
					margin:0px 0px 0px 50px;
				}







/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 Ð 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .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;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}