/* ------------------------------------------------------------------------
CSS sheet for Samaritan Counseling of the Fox Valley, Inc.
Author: Tim Kadec
Date Created: 12/26/2007

All inquiries for this document should be directed to information@virtualtech.com.

--------------------------------------------------------------------------

COLORS

Olive Green - #807760
Light Tan - #FBF4E2
Burnt Orange - #923C08
------------------------------------------------------------------------ */
*{
	margin: 0;
	padding: 0;
}
a{
	outline: none;
}
body{
	text-align: left;
	font: 14px/1.5em arial, Georgia, serif;
	background: #FDFBF3;
}
/* -----------------------------------------------------------------------
=NAVIGATION
-------------------------------------------------------------------------*/
.navigation{
	display: block;
	background: #800000;
	color: #fff;
	list-style-type: none;
	overflow: hidden;
	width: 100%;
}
.navigation li{
	display: block;
	float: left;
	border-right: 1px solid #fff;
	margin: 0 5px;
}
.navigation a{
	color: #E4E2DD;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1.2em;
	margin-left: 5px;
	margin-right: 22px;
	padding: .5em 5px;
	display: inline;
	float: left;
}
.navigation a:hover{
	color: #fff;
	background: #807760;
}
/* -----------------------------------------------------------------------
=HEADER
-------------------------------------------------------------------------*/
#header{
	display: block;
	background: #FBF4E2;
	width: 100%;
	overflow: hidden;
	color: #A09577;
	border-bottom: 1px solid #FFD18B;
	margin-bottom: 1.5em;
}
#header h1{
	display: inline;
	float: left;
	margin: 0 38px 0 10px;
	height: 139px;
	width: 274px;
	background: url(images/logo2.gif) no-repeat;;
	text-indent: -9999px;
}
#header blockquote{
	font-size: 1.6em;
	line-height: 1.1em;
	padding-top: 12px;
	margin-right: 10px;
}
/* -----------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/
#wrap{
	background: #FDFBF3;
	overflow: hidden;

}
#wrap > #content{
	background: url(images/translucentfooter.png) bottom left repeat-x;
}
#content{
	display: block;
	padding-left: 355px;
	padding-right: 10px;
	padding-bottom: 1.5em;
	background: #FDFBF3;
	z-index: 5000;
}

#content2{
	display: block;
	padding-left: 100px;
	padding-right: 10px;
	padding-bottom: 1.5em;
	background: #FDFBF3;
	z-index: 5000;
}

#content h2{
	font-size: 1.6em;
	line-height: 1.1em;
	color: #923C08;
}
#content h1{
	color: #923C08;
}
#content p{
	margin: 1.5em 0;
}
ul.reasons{
	list-style-type: square;
	margin: 1.5em 0 1.5em 20px;
}
table.border{
	width: 400px;
	border: 2px solid #000;
	margin-bottom: 1.5em;
}
table td{
	border: 2px solid;
	text-align: center;
}
img.fleft{
	float: left;
	padding: 10px;
}
img.fright{
	float: right;
	padding: 10px;
}
p.recruit{
	font-weight: bold;
	text-align: center;
}
h2.center{
	text-align: center;
}
.music{
	float: right;
	margin: 0px 125px 0px 10px;
	border: none;
}
/* -----------------------------------------------------------------------
=FAQ
-------------------------------------------------------------------------*/
dl.faq dt{
	font-weight: bold;
}
/* -----------------------------------------------------------------------
=FLASH
-------------------------------------------------------------------------*/
#flash{
	display: block;
	width: 350px;
	position: absolute;
	top: 200px;
	left: 0px;
	height: 776px;
	z-index: 0;
	overflow: hidden;

}
#home #flash{
	top:200px;
}
#flash img.second{
	margin-top: 700px;
}
/* -----------------------------------------------------------------------
=CONTACT FORM
-------------------------------------------------------------------------*/
form ul li{
	list-style-type: none;
	clear: both;
	display: block;
	padding-bottom: 10px;
}
form ul li label{
	float: left;
	width: 200px;
}
form ul li input{
	width: 261px;
}
form ul li.submit{
	margin-left: 100px;
}
/* -----------------------------------------------------------------------
=FOOTER
-------------------------------------------------------------------------*/
#footer{
	display: block;
	width: 100%;
	overflow: hidden;
	background: #923C08;
	color: #F1EAD7;
	padding-top: 19px;
	font: 1em/1.4em Myriad, Arial, sans-serif;
	padding-bottom: .5em;
	clear:both;
}
#footer a{
	color: #F1EAD7;
}
#footer dl.vcard{
	margin-left: 10px;
	display: inline;
	float: left;
	padding-bottom: 10px;
}
#footer dl.vcard img{
	border: 5px solid #FFD18B;
}
#footer dl.vcard dd.fn{
	display: none;
}
abbr.region{
	border: 0px;
}
#footer .meta{
	float: none;
	display: inline;
	width: 200px;
}
.meta ul{
	list-style-type: none;
	margin-bottom: 1.8em;
	padding-top: 1em;
}
.meta li{
	display: inline;
	margin-right: 5px;
}
.meta p{
	font-size: 9px;
	line-height: 1.4em;
}
ul.links{
	text-align: center;
}
p.copyr{
	text-align: center;
}