/* CSS Document */
/*
Style Sheet for Home of the Sparrow web site
created by Michael Kocher
www.michaelkocher.com
Table of Contents (ToC)
	1. Defaults
	2. Structure
	3. Links and Navigation
	4. Fonts
	5. Images
	6. Hacks
Notes
*/
/* ------ 1. Defaults -------- */
* {
	margin: 0;
	padding: 0;
	}
body {
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	background-color:#e8f0f7;
	color:#000000;
	}
/* ------ 2. structure ------- */
#wrapper { width:900px; 
	margin: 0 auto;
	background-color:#fff;
	}
#masthead { 
	background-color:#fff;
	background-image:url(images/Header2Backgrd.jpg);
	background-repeat:no-repeat;
	height:210px;
	}
#logo {
	float:right;
	}
#navContainer {
	}
#content { 
	background-color:#fff;
	margin:10px 0 10px 5px;
	}
#columnLeft { 
	background-color: #fff;
	float:left;
	padding:10px 15px 10px 10px;
	width:400px;
	}
#columnRight { 
	background-color:#e8f0f7;
	float:right;
	margin: 5px 20px 10px 10px;
	padding:5px 5px 10px 10px;
	width:400px;
	}
#wideLeft {
	float:left;
	margin:10px 20px 10px 10px;
	padding: 5px 10px 5px 15px;
	background-color:#fff;
	min-width:650px;
	}
#narrowLeft {
	width: 190px;
	padding: 10px 5px 10px 5px;
	float: left;
	}
#narrowRight {
	margin:10px 0 0 10px;
	float: right;
	padding: 10px 5px 10px 5px;
	width: 150px;
	}
#footer {
	background-color:#e0f0d1;
	color:#000000;
	width:100%;
	padding: 10px 0 5px 0;
	border: #666666 1px solid;
	}
#footer a {padding: 0 10px 3px 5px;
	border-right:1px solid #333333;
	}
#breadCrumb {
	width:890px;
	margin: 15px 0 10px 0;
	padding:5px;
	background-color:#fc0;
	color:#003;
	font-variant:small-caps;
	font-size:.8em;
	font-weight:bold;
	}
#breadcrumb a {
	color:#039;
	text-decoration:none;
	}
#runContent {
	width: 650px;
	margin:0 20px 5px 10px;
	padding:0 20px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	display:none;
	}

.separator {
	clear: both;
	height: 0;
	}
.blueGray {
	background-color:#b3c5d8;
	}
.small {
	font-size:.8em;
	padding:5px 5px 0 5px;
	}
.lastItem {border-right: none;}
/* ------ 3. links and navigator -------- */
a { text-decoration:none;
	}
a:hover { color: #993300;
		background-color: #CCCC66;
	}
a[href$=".pdf"] {
	background: url(images/pdficon_small.gif) no-repeat right top;
	padding-right: 30px;
	}	
#navigation {
	padding:5px 0 5px 0px;
	}
#navigation a {text-decoration: none;
	font:bold 1em  Verdana, Arial, sans-serif;
	}
#navigation ul {display: block;
	}
#navigation li {
		display:inline;
		list-style:none;
		padding: 5px 10px 0 15px;
		border-right:#333333 1px solid;
		font-size:1.2em;
		font-family: Verdana, Arial, sans-serif;
		font-weight:bold;
	}
#navigation li .lastItem {
	border-right:none;
	}
.left { 
	border-bottom:#333333 1px solid;
	margin:148px 0 5px 100px;
	padding-left:9px;
	}
.imgFloatRight {
	float:right;
	padding:10px 0 10px 10px;
	}
.imgFloatLeft {
	float:left;
	margin:10px 10px;
	padding:10px 0 10px 10px;
	}
.imgCenterPad {
	margin:5px 5px;
	padding:10px 0 10px 10px;
	position: inherit; 
	}
.img-wrapper {
	background:url(images/shadow.gif) no-repeat bottom right;
	line-height: 0;
	}
.img-wrapper img {
	background: #fff;
	padding: 4px;
	border: 1px solid #a9a9a9;
	position: relative;
	left: -5px;
	top: -5px;
	margin:10px;
	}
.right {float:right;
	margin: 0 20px 5px 20px;}
.underline {
	text-decoration:underline;
	}
a[href$=".pdf"] {
	background: url(images/icons/pdficon_small.gif) no-repeat right top;
	padding-right:30px;
	}
a[href$=".doc"] {
	background: url(images/icons/iconword.gif) no-repeat right top;
	padding-right: 30px;
	}
/* ------- 4. fonts ------ */
h1, h2, h3, h4, p, ul {font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
h1 { font-size: 2em;
	font-weight:bold;
	padding: 10px 5px 2px 5px;
	}
h2 { font-size:1.7em;
	font-style:italic;
	font-weight:bold;
	padding: 10px 5px 2px 5px;
	}
h3 { font-size:1.4em;
	font-style:italic;
	font-weight:bold;
	padding: 8px 5px 2px 5px;
	}
h4 {font-size:1.2em;
	font-weight:bold;
	padding: 8px 5px 2px 5px;
	}
p { padding: 7px 5px 7px 5px;
	}
ul {
	margin: 5px 10px 5px 10px;
	}
li {
	list-style-type: square;
	padding: 3px 5px 3px 10px;
	}
table {
	border-collapse: collapse;
	width: 37em;
	border: 1px solid #bebebe;
	}
td {
	padding: 0.1em 1.5em;
	}
th {
	padding: 0.1em 0.3em;
	}
caption {
	font-size: 1.2em;
	font-weight:bold;
	color: #222;
	margin: 0.6em 0;
	text-indent: 5em;
	}
col {
	border-right: 1px solid #ccc;
	}
th {
	font-weight: bold;
	text-align: center;
	}
.odd {
	background-color: #e3eaf3;
	}
td:hover {
	background-color: #3d80df;
	color: #fff;
	}
.papyrus {
	font-family: Papyrus;
	font-size:12px;
	font-weight:bold;
	}
/* ------ 5. images ------ */
a img, img {
	border: 0;
	}
/* ------ 6. hacks ------ */
body {/* IE 5 centering bug fix */
		text-align: center;
		}
#wrapper {
	text-align: left;
		}
/* ------- 7. Forms -------- */
#volunteerApp {
	min-width: 700px;
	background-color:#CCCCCC;
	margin: 10px;
	padding: 5px;
	}
.field {
	background-color: #eeeeee;
	display:block;
	border: 1px solid #333333;
	margin:20px;
	padding:10px;
	}
.formbox {
	border-top:: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 200px;
	height:18px;
	margin: 5px 2px 5px 2px;
	}
.address {
	border-top:: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 350px;
	height:18px;
	margin: 5px 2px 5px 2px;
	}
.state{
	border-top:: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 30px;
	height:18px;
	margin: 5px 2px 5px 2px;
	}
.zip { 
	border-top:: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 80px;
	height:18px;
	margin: 8px 2px 8px 5px;
	}
.textarea {
	border-top:: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3px;
	width: 600px;
	height: 150px;
	}
.checkbox {
	margin:4px 0 4px 5px;
	}
.warning {
	color:#990000;
	font-weight:bold;
	}
.button {
	margin: 5px 20px 5px 20px;
	padding: 0 25px 0 25px;
	display:block;
	}