/* 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
	7. Photo Gallery Specific
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:20px 0 10px 5px;
	}
#columnLeft { 
	background-color: #fff;
	float:left;
	padding:20px 15px 10px 10px;
	width:400px;
	}
#columnRight { 
	background-color:#e8f0f7;
	float:right;
	margin: 40px 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;
	width:900px;
	}
#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 a {border-right:none;}
/* ------ 3. links and navigator -------- */
a { text-decoration:none;
	}
a:hover { color:#669900;
		background-color: #66FFFF;
	}
#navigation {
	padding:5px 0 5px 0px;
	}
#navigation a {text-decoration: none;
	font:bold 1em  Verdana, Arial, sans-serif;
	}
#navigation ul {
	}
#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;
	}
.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;
	}
.right {float:right;
	margin: 0 50px 5px 20px;}
/* ------- 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;
	}
.undeline {text-decoration:underline;
	}
/* ------ 5. images ------ */
a img {
	border: 0;
	}
/* ------ 6. hacks ------ */
body {/* IE 5 centering bug fix */
		text-align: center;
		}
#wrapper {
	text-align: left;
		}
/* ------ 7. Photo Gallery -------- */
#photoContainer {
	background-color:#666;
	color:#fff;
	border:1px solid #000;
	min-width:700px;
	min-height:770px;
	}
.gallery {
	cursor: default;
	list-style: none;
}
.gallery a .previewHorz, .previewVert
{
	display: none;
	z-index:1;
}
.gallery a:hover .previewHorz 
{
	display: block;
	position: fixed;
	border:1px solid #000;
	top: 200px;
	left: 250px;
	width:500px;
	height:332px;
	visibility:visible;
	z-index: 100;
}
.gallery a:hover .previewVert
{
	display: block;
	position: fixed;
	border:1px solid #000;
	top: 80px;
	left: 325px;
	width:332px;
	height:500px;
	visibility:visible;
	z-index: 100;
}
.gallery img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	width: 75px;
	height: 75px;
}
.gallery li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 3px;
	position: relative;
}
.gallery .preview
{
	border-color: #000;
}