@charset "utf-8";
/* restore defaults */

* {margin:0;padding:0;}

html, body {
  	margin: 0px;
  	padding: 0px;
  	border: 0px;
}
body {
	margin: 20px 0px;
  	font-size:100%;
  	font-family:Verdana, Arial, Helvetica, sans-serif;
}

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

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family:Georgia, "Times New Roman", Times, serif;
}

p, th, td, tr, dd, dt, ol, ul, blockquote, q, acronym, abbr, a, input, select, textarea, fieldset {
  margin: 0;
  padding: 0;
  border:none;
}

ul li {
	list-style:none;
	}
	
a img {
  border: none;
}


table {
  margin: 0;
  padding: 0;
  border: none;
}

/*styling for containers*/
#top {
	margin:0 auto;
	height:16px;
	width:820px;
	background:#fff url(images/bg/top.gif) no-repeat;
	}
	
#wrap {
	width:820px;
	margin:0 auto;
	background:#fff url(images/bg/sides.gif) repeat-y;
	}
	
#container {
	width: 800px;
	margin:0 auto;
	}
	
#banner {
	width:800px;
	height:110px;
	background:#fff url(images/logos/bfc-logo.gif) no-repeat;
	}

#tagline {
	padding:40px 32px 0px 350px;
	}
	
#main-nav {
	padding:5px 32px 8px 0px;
	text-align:right;
	background:#fff;
	}

#slide-show {
	width:800px;
	height:302px;
	padding:10px 0px;
	background:#fff;
	}
	
#splash {
	width:520px;
	height:300px;
	border:solid 1px #000;
	margin:0 auto;
	background:#D2E1D2;
	}
	
#left {
	width:180px;
	float:left;
	padding:10px 32px 5px 32px;
	background:#fff;
	
	}

#featured {
	border-bottom:solid 2px #006600;
	width:180px;
	padding-bottom:8px;
	margin-bottom:15px;
	}

#LowerContent {
	border-bottom:solid 2px #006600;
	width:180px;
	padding-bottom:8px;
	margin-bottom:15px;
	}
	
#ContactForm {
	width:180px;
	padding-bottom:8px;
	margin-bottom:15px;
	}
	
#main {
	float:right;
	width:523px;
	padding-right:32px;
	background:#fff;
	}
	
#footer {
	clear:both;
	border-top:2px solid #006600;
	width:768px;
	height:50px;
	background:#fff;
	padding-left:32px;
	}
	
#bottom {
	margin:0 auto;
	height:16px;
	width:820px;
	background:#fff url(images/bg/bottom.gif) no-repeat;
	}
	
#design {
	width:800px;
	margin:0 auto;
	}
	
#design p {
	font-size:9px;
	color:#999999;
	font-style:italic;
	letter-spacing:1.3ems;
	padding:10px 32px 10px 0;
	text-align:right;
	}
/*banner styles*/

#tagline h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	font-weight:bold;
	font-size:14px;
	color: #126322;
	}

#tagline h2 {
	text-align:right;
	padding:5px 70px 0 0;
	color: #126322;
	}

#main-nav a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	letter-spacing: 2px;
	font-style:italic;
	}

#main-nav a:link {
	color: #006600;
	text-decoration: none;
}
#main-nav a:visited {
	text-decoration: none;
	color: #006600;
}
#main-nav a:hover {
	text-decoration: none;
	background:#D2E1D2;
	color: #006600;
}
#main-nav a:active {
	text-decoration: none;
	color: #006600;
}


#main h2 {
	border-bottom:2px solid #006600;
	font-size:20px;
	color:#006600;
	padding:5px 0 5px 0;
	margin-bottom:8px;
	}
#main h3 {
	text-align:center;
	font-style:inherit;
	font-weight:bold;
	letter-spacing:3px;
	font-size:13px;
	}
		
#main p {
	
	margin:10px 0;
	font-size:14px;
	line-height:1.7ems;
	}
#main ul {
	padding:5px 0 5px 20px;
	}
		
#main ul li {
	list-style:inside;
	font-size:12px;
	padding:5px 0 5px 10px;
	}
	
#main blockquote {
	font-size:12px;
	display:block;
	font-style:italic;
	line-height:1.2ems;
	letter-spacing:2px;
	font-weight:bold;
	padding:5px 20px;
	text-align:center;
	}
	
#main a:link {
	color: #006600;
	text-decoration: underline;
}
#main a:visited {
	text-decoration: underline;
	color: #006600;
}
#main a:hover {
	text-decoration: none;
	background:#D2E1D2;
	color: #006600;
}
#main a:active {
	text-decoration: underline;
	color: #006600;
}

.rightBox {
	float:right;
	width:200px;
	margin:50px 8px;
	padding:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	letter-spacing:3px;
	font-style: italic;
	font-weight:bold;
	color: #000;
	background-color: #AFE2FF;
	}
	
#left h3 {
	font-size:12px;
	font-weight:bold;
	letter-spacing:2px;
	color: #126322;
	padding-bottom:5px;
	}

#left a {
	font-size:12px;
	padding-left:20px;
	}

#left a:link {
	color: #006600;
	text-decoration: none;
}
#left a:visited {
	text-decoration: none;
	color: #006600;
}
#left a:hover {
	text-decoration: underline;
	color: #00CC00;
}
#left a:active {
	text-decoration: none;
	color: #006600;
}	

#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
#left label {
	font-size: 10px;
	display:block;
	}
	
#left input {
	border:1px solid #006600;
	width:178px;
	height:18px;
	}
	
#left textarea {
	border:1px solid #006600;
	width:178px;
	height:80px;
	}
	
#gallery {width:740px; padding:10px 10px 0 0;}
#gallery ul {list-style:none; padding:0; margin:0; width:300px; position:relative; float:right;}
#gallery ul li {display:inline; width:69px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:67px; height:50px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:67px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; right:340px; top:35px; width:auto; height:auto; border:1px solid #000;	}
/* below shows how to modify the right hand image holder width to accomodate fewer images, 15 in this case.  Simply add a <div id="othergallery"> before the <div id="gallery"> in the html file.
#othergallery #gallery {width:740px; padding:10px 10px 0 0;}
#othergallery #gallery ul {list-style:none; padding:0; margin:0; width:230px; position:relative; float:right;} 
#othergallery #gallery ul li {display:inline; width:69px; height:52px; float:left; margin:0 0 5px 5px;}
#othergallery #gallery ul li a {display:block; width:67px; height:50px; text-decoration:none; border:1px solid #000;}
#othergallery #gallery ul li a img {display:block; width:67px; height:50px; border:0;}
#othergallery #gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#othergallery #gallery ul li a:hover img {position:absolute; right:340px; top:35px; width:auto; height:auto; border:1px solid #000;	}
*/

.right {
	float:right;
	margin:10px 0 10px 10px;
	}
	
.left {
	float:left;
	margin:10px 10px 10px 0;
	}