/*********************************************************\
|*
|*   Shelter of Hope
|*   http://www.shelterofhope.org
|*
|*   index.css
|*
|*   Created by Kelly Patrick Robinson
|*   http://www.kellypatrickrobinson.com
|*  
|*   January 04, 2007
|*
\*********************************************************/

* { margin: 0; padding: 0; border: 0; }

html { color: #946434; }

body {
	background: #1a001a;
	background: #0d000d;
	background: #100010;
	width: 800px;
	border-left: 1px solid #303;
	border-right: 1px solid #303;
	margin: 0px auto;
	font-family: Arial, Futura, sans-serif;
	font-size: 13px;
	line-height: 20px;
	position: relative;
}

div#backdrop {background: #827fae;}
ul { list-style-type: none; }
li a { text-decoration: none; }
table, thead, th, tr, td { border-collapse: collapse; text-align: left; }
caption { caption-side: top; }
th { speak-header: once }
address { font-style: normal; }
img.left { float: left; margin: 5px; }
img.right { float: right; margin: 5px; }
a img, img { border: none; }
a:link, 
a:visited, 
a:active, 
a:hover { text-decoration: none; color: #5b895d; }
a:hover { color: #946434; }

a.more, a.less {
	font-size: 12px;
	font-weight: 600;
}

a.less {
	display: inline; padding-left: 10px;
}

a.more {
	float: right; margin-top: 7px;
}

div#masthead {
	display: block;
	background: #679967 url(../images/masthead.jpg) 0 100% no-repeat;
	height: 201px; width: 100%; 
	color: white;
} div#masthead a { color: white; }

h1 {
	display: block; height: 114px; width: 155px;
	background: url(../images/typeLogo.jpg) 0 0 no-repeat;
	float: left; position: relative; top: 59px; left: 160px;
	text-indent: -9999px;
	z-index: 20;
}

h2 {
	display: block; height: 17px; width: 180px;
	background: url(../images/tagline.png) 0 0 no-repeat;
	position: relative; top: 149px; left: 280px;
	text-indent: -9999px;
	z-index: 30;
}

div#masthead ul { display: block; float: right; margin: 50px 50px 0px 0px; }
div#masthead a:hover { color: #946434; }

ul#mainNav {
	display: block; float: left;
	width: 170px;
	padding: 50px 0px 100px 50px;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
} ul#mainNav a { color: white; } ul#mainNav a:hover, ul#mainNav a.selected { color: #553214; }

div#content {
	background: #fff url(../images/photos.jpg) 0px 450px repeat-y;
	float: left; min-height: 700px;
	width: 335px; padding: 50px 50px 50px 195px;
}

div#content p, div#content ul, div#content ol, div#content form { margin: 15px 0px; }
div#content ul { list-style-type: disc; margin-left: 20px; }
div#content ul ul, div#content ul li.list { list-style-type:none; }
div#content ol { margin-left: 20px; }

#footer {
	width: 100%; clear: both;
	height: 25px; padding-top: 25px;
	background: #679967 url(../images/footerStripe.gif) 0 0 repeat-x;
	text-indent: 10px;
}

#footer li { display: block; float: left; padding: 2px 10px; }
#footer li a { color: #fff; }
#footer li a:hover { color: #553214; }