/* 

STYLE SHEET FOR IOWA FRIENDS OF FOSTER CHILDREN FOUNDATION WEB SITE
Created by Bluespace Creative, Inc.
www.bluespacecreative.com

ToC
	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks
	

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
	background-color: #FFF;
	background-image: url(../images/bkgGrad.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
		}
p {
	margin-bottom: .7em;
	line-height: 1.5em;
}

		
/*  --------- 2. structure  --------- */ 

#wrapper {
	width: 666px;
	background-color: #FFF;
	margin: 32px auto 0 auto;
	background-image: url(../images/wrapperBkg.jpg);
		}
#top {
	background: url(../images/topContent.gif) no-repeat;
	height: 6px;
}
#left {
	width: 241px;
	float: left;
}

#stride {
	width: 163px;
	float: left;
	margin-top: 15px;
	padding-top: 15px;
	padding-left: 50px;
	font-size: 12px;
	line-height: 16px;
}


#nav {
	width: 202px;
	background: url(../images/kid.jpg) no-repeat;
	margin: 22px 0 0 17px;
	padding: 258px 22px 0 0;
	float: left;
	text-align: right;	
}
#nav a {
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	float: right;
	clear: both;
	width: 150px;
}
#nav a:hover {
	color: #8E0D3A;
	text-decoration: underline;
}

#nav li {
	margin-bottom: 0.25em;
	float: right;
}
#nav ul {
	list-style-type: none;
}
		
#logo {
	float: left;
	margin: 27px 0 0 67px;
		}

#content {
	float: left;
	width: 355px;
	font-size: .7em;
	margin: 31px 0 15px 17px;
}

#footer {
	clear: both;
	border-top: solid 2px #ccc;
	margin: 0 17px 0 17px;
	font-size: 0.65em;
	padding: 10px 0 17px 0;
	color: #999;
		}
#footer p {
	margin: 0px;
	padding: 0px 0px 0px 242px;
}
.separator {
	clear: both;
	height: 2px;
	width: 350px;
	border-top: dotted 2px #999;
	margin-top: .7em;
		}

/* ---------- 3. links and navigation ---------- */

a {
	color: #8E0C3A;
	font-weight: bold;
	text-decoration: none;
		}
		
a:hover {
	text-decoration: underline;
		}
h1 {
	font-size: 1.3em;
	color: #8E0C3A;
	margin-bottom: .7em;
}
h2 {
	font-size: 1.25em;
	margin-bottom: .7em;
	color: #8E0D3A;
}
h3 {
	font-size: 1.1em;
	color: #8E0D3A;
}

		
/* ---------- 4. fonts ---------- */
#content ul {
	list-style-type: disc;
	margin-bottom: 0.7em;
	padding-left: 30px;
	line-height: 1.5em;
		} 
blockquote {
	padding-left: 210px;
}


/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center; 
		}
		
#wrapper {
		text-align: left;
		}