/* ------------------------------------------------------------

	Title:		Main Style Sheet for botsford.org/fvfp/
	Author:  	jhd [at] botsford.org

----------------------------------------------------------- */


/* ----- Header Start ----- */
#header_box {
	padding-left: 10px;
	height: 140px; 
	width: 760px;
	border-bottom: 3px solid #FFFFFF;
} 

#logo {
	float: left;
 	width: 180px;
 	height: 140px;
}

#header {
	height: 140px; 
	width: 565px;
	background: url(/fvfp/images/header.jpg) no-repeat left top;
	float: left;
	margin-left: 5px;
} 

#main_name {
	font:  26px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	margin: 70px 0px 0px 10px;
	letter-spacing: 1px;
}

#sub_name {
	font:  22px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	margin: 0px 0px 10px 10px;
	letter-spacing: 1px;
}

#title_bar {
	width: 565px;
	background-color: #FFFFFF;
	height: 46px;
	background: url(/fvfp/images/bg_title.gif) left top;
	float: left;
} 

#title_bar h2 {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #778844;	
	margin: 10px 0px 10px 10px;
}
/* ----- Top End ----- */


/* ----- Menu Start ----- */
#left {
	padding-left: 10px;
	width: 180px;
	float: left;
	background-color: #FFFFFF;
	border-right: 5px solid #FFFFFF;
}

#menu a {
 	display: block;
 	width: 180px;
 	height: 26px;
}

#menu ul {
	margin: 0;
	padding: 0;
 	list-style-type: none;
 	font: normal 10px/24px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 4px;
	letter-spacing: 1px;
	border-bottom: 1px solid #FFFFFF;
}

#menu li a:link, #menu li a:visited {
	background:#225577;
 	color: #FFFFFF;
 	text-decoration: none;
	text-indent: 4px;
	border-bottom: 1px solid #FFFFFF;
}

#menu li a:hover {
	background: #225577;
	color: #FFFF00;
	text-decoration: none;
	text-indent: 4px;
	border-bottom: 1px solid #FFFFFF;
}

#menu li a#current {
	background: #225577;
	color: #FFFF00;
	text-decoration: none;
	text-indent: 4px;
	border-bottom: 1px solid #FFFFFF;
	font: bold 10px/24px Verdana, Arial, Helvetica, sans-serif;
}
/* ----- Menu End ----- */


/* ----- Related Links Start ----- */
#related {
	width: 180px;
	margin-top: 1px;
	float: left;
	background-color: #778844;
}

#related h2 {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	margin: 10px 0px 10px 4px;
}

#related ul {
	margin: 10px;
 	padding: 0;
 	list-style-type: none;
}

#rel_links {
	width: 180px;
	float: left;
	background-color: #EFEFEF;
	color: #575757;
	font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
}

#rel_links h2 {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	margin: 10px 0px 10px 10px;
}

#rel_links ul {
	margin: 8px;
 	padding: 0;
 	list-style-type: none;
}

#rel_links li a:link, #rel_links li a:visited {
 	color: #575757;
	font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
}

#rel_links li a:hover {
	color: #bb5533;
	font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif;
}
#address {
	width: 160px;
	float: left;
	background-color: #EFEFEF;
	color: #575757;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	border-top: solid 1px #FFF;
}

#address a:link, a:visited {
	color: #575757;
}
#address a:hover {
	color: #bb5533;
}
/* ----- Related Links End ----- */


/* ----- Body Start ----- */
body {
   background-color: #ddddcc;
   margin: 20px 0px 20px 0px;
   padding: 0;
   text-align: center;
}

#container {
   margin: 0px auto;
   text-align: left;
   width: 770px;
   background-color: #FFFFFF;
   background: url(/fvfp/images/bg.gif) repeat-y 50% 0;
   background-attachment: fixed;
}

#content {
	padding-top: 5px;
	padding-bottom: 10px;
	width: 575px;
	float: right;
	background-color: #FFFFFF;
}

#content a:visited, #content a:link {
	text-decoration: underline;
	color: #778844;
	font-weight: bold;
}

#content a:hover {
	text-decoration: none;
	color:  #bb5533;
}

 #content ul li {
	list-style-image: url(/fvfp/images/bullet3.gif);
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

.text {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-left: 10px;
	margin-right: 10px;
}

.subtitle {
	font: normal 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #bb5533;
}

.subtitle2 {
	font: bold 14px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.imageleft {
	float: left;
	padding-left: 10px;
	padding-right: 8px;
}

.imageright {
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}

.physimage {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.clear {
	clear: both;
}
/* ----- Body End ----- */


/* ----- Form Start ----- */

form {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}

label, input {
display: block;
float: left;
margin-bottom: 10px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}

label {
text-align: left;
width: 140px;
padding-right: 20px;
margin-left: 10px;
}

.submit-button {
font: 11px Verdana, Arial, Helvetica, sans-serif;
clear: both;
color: #333333;
margin-left: 10px;
margin-bottom: 10px;
width: 80px;
}

.br-clear {
clear:left;
}

fieldset {
border: #225577 solid 1px;
width: 32em;
padding: 1px 10px 20px;
margin-top: 10px;
margin-left: 10px;
}

legend {
font:  bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #225577;
border: #225577 solid 1px;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px 10px;
}

/* ----- Form End ----- */


/* ----- Footer Start ----- */
#footer {	
	margin-left: 10px;
	background-color: #225577;
	border-top: 3px solid #FFFFFF;
	width: 750px;
	height: 50px;
	clear: both;
	z-index: 1;
}

#footer_locations {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
	width: 300px;
	float: left;
}

#footer_locations a:visited, #footer_locations  a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer_locations a:hover {
	color: #ddbb00;
	text-decoration: none;
	border-bottom: none;
}

#footer_utils {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
	width: 300px;
	float: right;
}

#footer_utils a:visited, #footer_utils  a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer_utils a:hover {
	color: #FFFF00;
	text-decoration: none;
	border-bottom: none;
}

#footer_affiliate {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	padding-top: 5px;
	width: 300px;
	float: right;
}

#footer_affiliate a:visited, #footer_affiliate  a:link {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer_affiliate a:hover {
	color: #FFFF00;
	text-decoration: none;
	border-bottom: none;
}

#footer_image {	
background: url(/fvfp/images/footer.gif) no-repeat left top;	
width: 770px;
}
/* ----- Footer End ----- */

#phys {
	padding-top: 20px;
	padding-bottom: 10px;
	width: 200px;
	background-color: #FFFFFF;
}

#faq {
	width : 500px;
	margin-left: 10px;
}

.faqTitleBar {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   	padding: 4px 6px 4px 6px;
   	border-style: solid;
	border-top-color: #6699CC;
	border-bottom-color: #EFEFEF;
   	border-width: 1px 0px 1px 0px;
}

.faqContentBox {
   font: normal 11px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   border: 1px solid #6699CC;
   border-top-width: 0px;
   padding: 0px 8px 0px 8px;
}