@charset "UTF-8";
/* 
Designed by: MVDonegan Company
Date: 4/20/2009 
*/

ul, li, img, body, html { margin: 0; padding: 0; border: 0; }

a { text-decoration:none; }


/* HEADER STYLES ----------------------------*/

#header {
	background: #c5e1ff;
	border-top: 18px solid #c5e1ff;
	border-bottom: 18px solid #b8e1ff;
	text-align: center;
}

#index-container {
	background: #80a4dd;
	margin: 0 auto;
	text-align: center;
	width: 980px;
	height: 620px;
	padding-top: 10px;
}

#index-container-background {
	background: #80a4dd;
}

.index-article {
	width: 222px;
	height: 99px;
	float: left;
	margin: 8px 10px;
	border-bottom: 1px dotted #FFF;
	border-right: 1px dotted #FFF;
	text-align: left;
	cursor: pointer; /*changes mouse to pointer for IE7 */
}

.index-article img {
	float: left;
}

.index-article h2 {
	margin: 0 0 0 102px; padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.85em;
	color: #FFF;
}

#index-toprow {
height: 119px;
}

#index-middlerow-leftcol {
	width: 245px;
	float: left;
}

#index-middlerow-rightcol {
	width: 245px;
	float: right;
	margin-right: 6px;
}

#index-copy {
	margin: 7px 10px 8px 253px;
	height: 292px;
	width: 426px;
	background: #c5e1ff;
	border: 20px solid #b8e1ff;
}

#index-copy h1 {
	margin: 1.0em 0 0.8em 0; padding: 0; border: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
}

#index-copy p {
	text-align: left;
	margin: 0 10px; padding: 0; border: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
}

#index-bottomrow {
	clear:both;
}

#index-pdf img { margin: 7px 3px 0 7px; }
#index-pdf h2 { margin: 26px 0 0 0; }

#articles-container {
	width: 1040px;
	background: #FFF;
	margin: 0 auto;
	text-align: center;
}

.article-container {
	margin: 4em 0 2em;
	border: 1px solid #000;
	padding: 20px;
	position: relative;
}

.article-left {
	width: 190px;
	height: 500px;
	float: left;
	text-align: right;
}

.article-nav {
	float: right;
	width: 100px;
	height: 66px;
	margin: 0; padding: 0; border: 0;
}

.article-nav a {
	width: 100px; height: 22px;
	margin:0 0 0 1px; padding: 0;
	position: relative;
	display: block;
	cursor: pointer; /*changes mouse to pointer for IE7 */
}

/*	Note: Safari lets the (text) links peek out of the side if I just overlay 
	the (image) span over the links. So I move the (text) links to the left 
	1px and the (image) span to the right 1px */

.article-nav span {
      position:absolute; right:0; top:0; z-index:1;
      width:100px; height:22px;
      margin:0 -1px 0 0; padding:0;
	  background: url("../images/pagenav.png") no-repeat top right;
}

.nav-header span {
	background-position: 0 0;
}

.nav-previous span {
	background-position: 0 -22px;
}

.nav-next span {
	background-position: 0 -44px;
}

/*	See note above, 1px margin is to fix Safari */

div.print {
	margin: 0 0 0 1px;
	padding: 0;
	display: block;
	position: relative;
	float: right;
	cursor: pointer; /*changes mouse to pointer for IE7 */
}

div.print span {
    display:block;
    position:absolute; right:0; top:0; z-index:1;
    width:100px; height:22px;
    margin: 0 -1px 0 0; padding:0;
	background: url("../images/pagenav.png") no-repeat top right;
	background-position: 0 -66px;
}

.neediestcaseslogo {
	position: absolute;
	top: 91px;
	left: 123px;
}


.article-callout {
	margin-top: 170px;
	text-align: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
}

.article-metro {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.8em;
	padding-top: 3px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
}

.metro {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.3em;
}

.article-metro div.print {
	float: right;
	font-style: normal;
	font-size: 1.1em;
}

.article-content {
	margin: 0 0 0 200px;
	text-align: left;
	line-height: 16px;
	font-size: 16px
}


 /* Firefox Only */
@-moz-document url-prefix() {
	.article-content p {
	font-size: 14px;
	line-height: 17px;
	}
}

.article-content h1 {
	margin: 0; padding: 0; border: 0;
	font-family: "Times New Roman", Times, serif;
	line-height: 40px;
	font-size: 1.8em;
}

.article-content p {margin-bottom: 0;margin-top: 0;}

.article-content p + p, .article-col2 p {text-indent: 1.5em;} /*Indents every paragraph but the first, also targets col2 so the first p in that column is indented*/

.article-col1 {
	float: left;
	width: 375px;
	padding-right: 13px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	padding-left: 13px;
	font-size: 0.9em;
}

.article-col2 {
	width: 375px;
	margin-left: 416px;
	font-size: 0.9em;
}

.article-footer {
	padding: 18px 0 13px;
	text-align: center;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	clear: both;
}

#leftalone h1 {
	font-size: 1.5em;
}

#leftalone-img {
	margin: -3px -120px 0 10px;
	float: right;
	border-bottom: 6px solid #FFF;
	width:267px; height:390px;
}

#leftalone .article-col1 {
	margin-top: 3px;
}

#leftalone-imgplaceholder {
	margin: 0 10px 0 -170px;
	float: left;
	border-bottom: 6px solid #FFF;
	width:267px; height:390px;
}

#nearlyevicted .article-callout {
	margin-top: 393px;
}

#nearlyevicted .neediestcaseslogo {
	position: absolute;
	top: 667px;
}

#nearlyevicted-img {
	margin: 0 10px 0 -216px;
	float: left;
	border-bottom: 13px solid #FFF;
}

/* Target Firefox */
@-moz-document url-prefix() {
	#nearlyevicted .article-col1 {
	padding-right: 14px;
	width: 374px;
	}
}

#normallife h1 {
	font-size: 1.6em;
}

#normallife .article-col2 {
	float: right;
	width: 381px;
	margin: 0 0 0 0;
}

#normallife-img-spacer {
	width: 1px;
	height: 35.6em;
	float: right;
}

#normallife-imgplaceholder-spacer {
	width: 1px;
	height: 35.6em;
	float: left; clear: left;
}

#normallife-img {
	margin: 13px -198px 0 10px;
	float: right; clear: right;
	border-top: 4px solid #FFF;
}

#normallife-imgplaceholder {
	margin: 13px 14px 0 -228px;
	float: left; clear: left;
	width:393px; height:262px;
	border-top: 4px solid #FFF;
}

/* Target Firefox */
div#normallife-img-spacer { height: 36.9em;}
div#normallife-imgplaceholder-spacer { height: 36.9em; }
@-moz-document url-prefix() { #normallife-img { margin: 13px -198px 0 10px; }}
@-moz-document url-prefix() { #normallife-imgplaceholder { margin: 13px 14px 0 -228px; }}

#normallife div.credit {
	float: right;
	text-align: right;
	margin-top: 367px;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
}

div#normallife {
	padding-bottom: 0;
}

#normallife .article-footer {
	margin: 0; padding: 0; border: 0;
}

#normallife .col1-bordertotext {
	border-left: 1px solid #000;
	padding-left: 13px;
}

#normallife .article-col1 {
	width: 389px;
	padding-right: 13px;
	border-right: 1px solid #000;
	border-left: 0px;
	padding-left: 0px;
}

#motheragain-img-spacer {
	width: 1px;
	height: 10em;
	float: right;
}

#motheragain-img {
	margin: 5px -176px 0 10px;
	float: right; clear: right;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
}

#motheragain-imgplaceholder-spacer {
	width: 1px;
	height: 10em;
	float: left; clear: left;
}

#motheragain-imgplaceholder {
	margin: 5px 10px 0 -180px;
	float: left; clear: left;
	width:328px; height:218px;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
}

#motheragain .article-col2 {
	float: right;
	width: 375px;
	margin: 0 6px 0 0;
}

#firmerfooting-img {
	margin: 0 -180px 0 10px;
	float: right;
	border-bottom: 6px solid #FFF;
	border-top: 20px solid #FFF;
}

#firmerfooting-imgplaceholder {
	margin: 0 13px 0 -157px;
	float: left;
	border-bottom: 6px solid #FFF;
	border-top: 20px solid #FFF;
	width:312px; height:436px;
}

#firmerfooting .article-col1 {
	width: 378px;
	padding-right: 10px;
}

#firmerfooting .article-col2 {
	float: right;
	width: 370px;
	margin: 0 11px 0 0;
}

/* Target Firefox */
@-moz-document url-prefix() { #firmerfooting .article-col2 { width: 374px; margin: 0 7px 0 0; } }

#courier-img {
	margin: 0 10px 0 0;
	float: left;
	border-bottom: 6px solid #FFF;
}

#courier .article-col2 {
	float: right;
	width: 370px;
	margin: 4px 11px 0 0;
}

/* Target Firefox */
@-moz-document url-prefix() { #courier .article-col2 { width: 372px; margin: 4px 9px 0 0; } }

#toughsledding .neediestcaseslogo {
	top: 510px;
}

#toughsledding .article-callout {
	margin-top: 312px;
}

#toughsledding-img {
	float: left;
	margin: 0 10px 0 -225px;
	border-bottom: 6px solid #FFF;
}

#simpledreams .neediestcaseslogo {
	top: 167px;
}

#simpledreams .article-callout {
	margin-top: 245px;
}

#simpledreams-img-spacer {
	width: 1px;
	height: 64px;
	float: right;
}

#simpledreams-img {
	margin: 7px -137px 2px 10px;
	float: right; clear: right;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
}

/* Target Firefox */
@-moz-document url-prefix() { #simpledreams-img { margin-bottom: 7px; } }

#simpledreams-imgplaceholder-spacer {
	width: 1px;
	height: 64px;
	float: left; clear: left;
}

#simpledreams-imgplaceholder {
	margin: 7px 10px 2px -403px;
	float: left; clear: left;
	width:512px; height:283px;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
}

#simpledreams .article-col2 {
	float: right;
	width: 375px;
	margin: 0 6px 0 0;
}

#homecoming-img-spacer {
	width: 1px;
	height: 8.9em;
	float: right;
}

#homecoming-imgplaceholder-spacer {
	width: 1px;
	height: 8.9em;
	float: left; clear: left;
}

#homecoming-img {
	margin: 5px -176px 0 10px;
	float: right; clear: right;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
}

#homecoming-imgplaceholder {
	margin: 5px 10px 0 -197px;
	float: left; clear: left;
	width:345px; height:345px;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
}

#homecoming .article-col2 {
	float: right;
	width: 375px;
	margin: 0 6px 0 0;
}

#homecoming .neediestcaseslogo {
	top: 410px;
}

#homecoming .article-callout {
	margin-top: 203px;
}

#clownsdelight-img {
	margin: 0 -202px 0 10px;
	float: right;
	border-bottom: 6px solid #FFF;
}

#clownsdelight-imgplaceholder {
	margin: 0 10px 0 -209px;
	float: left;
	border-bottom: 6px solid #FFF;
	width:384px; height:218px;
}

#clownsdelight .article-col2 {
	float: right;
	width: 364px;
	margin: 0 16px 0 0;
}

/* Target Firefox */
@-moz-document url-prefix() {
	#clownsdelight .article-col2 {
	width: 370px;
	margin: 0 12px 0 0;
	}
}

#serveoneself h1 {
	font-size: 1.6em;
}

#serveoneself .neediestcaseslogo {
	top: 595px;
}

#serveoneself .article-callout {
	margin-top: 375px;
}

#serveoneself-img {
	float: left;
	margin: 0 10px 6px -80px;
	border-bottom: 6px solid #FFF;
}

#serveoneself .article-col2 {
	float: right;
	width: 376px;
	margin: 0 4px 0 0;
}

#bipolar-img-spacer {
	width: 1px;
	height: 13.4em;
	float: right;
}

#bipolar-imgplaceholder-spacer {
	width: 1px;
	height: 13.4em;
	float: left; clear: left;
}

#bipolar-img {
	margin: 5px -252px 3px 10px;
	float: right; clear: right;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
}

#bipolar-imgplaceholder {
	margin: 5px 10px 3px -175px;
	float: left; clear: left;
	width:399px; height:266px;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
}

/* Target Firefox */
@-moz-document url-prefix() { #bipolar-img { margin: 12px -246px 3px 10px; } }
@-moz-document url-prefix() { #bipolar-imgplaceholder { margin: 12px 10px 3px -181px; } }

#bipolar .article-col2 {
	float: right;
	width: 374px;
	margin: 0 7px 0 0;
}

#responsibility-img-spacer {
	width: 1px;
	height: 10em;
	float: right;
}

#responsibility-img {
	margin: 5px -146px 0 10px;
	float: right; clear: right;
	border-top: 6px solid #FFF;
	border-bottom: 5px solid #FFF;
}

#responsibility-imgplaceholder-spacer {
	width: 1px;
	height: 10em;
	float: left; clear: left;
}

#responsibility-imgplaceholder {
	margin: 5px 10px 0 -179px;
	float: left; clear: left;
	width:297px; height:198px;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
}

#responsibility .article-col2 {
	float: right;
	width: 375px;
	margin: 0 6px 0 0;
}