/* CSS Document */

body {
	background-image: url(img/bello-background-pattern.gif);
	background-repeat: repeat;
}


#wrapper {
	margin: 0 auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	z-index:1;
	position: relative;
}  

#bf_white_wrapper {
	position:absolute;
	left:10px;
	top:5px;
	width:770px;
	height:168px;
	z-index:1;
	background-color: #FFFFFF; 
}  

#bf_image {
	position:absolute;
	left:5px;
	top:5px;
	width:100px;
	height:148px;
	z-index:2;
	border: 5px solid #000000;
}

#bf_inner_image {
	position:absolute;
	left:0px;
	top:0px;
	width:100px;
	height:148px;
	z-index:2;
	background-color: #ffffff;
}

#bf_inner_image2 {
	position:absolute;
	left:30px;
	top:40px; 
	width:10px;
	height:118px;
	z-index:2;
	background-color: #000000;
	border: 5px solid #33C72C;  
}


#bf_banner {
	position:absolute;
	left:120px;
	top:5px;
	height:120px;
	width:645px;
	z-index:2;
	background-color: #000000;
	background-image: url(img/bf_logo.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#bf_banner_copy {
	position:absolute;
	left:200px;
	top:85px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	text-align: left;
}
#bf_menu {
	position:absolute;
	left:120px;
	top:120px;
	width:645px;
	height:0px;
	z-index:2;
}




	 
	 
/* Navigation
----------------------------------------------- */
	 
	 
#navcontainer
{
	padding: 0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	background-color: #FFFF00;
}

#navcontainer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	background-color: #000000;
}

#navcontainer ul li a {
	background: #000000;
	width: 159px;
	height: 29px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}

#navcontainer ul li a:hover {
	color: #000000;
	background-color: #75A130;
}

#navcontainer a:active {
	background: #000000;
/*	color:  #00CC00;; */
	color:  #75A130;
}

#navcontainer li#active a {
	color:  #75A130;
	background-color: #000000;
}	 

#navcontainer li#active a:hover {
	color: #000000;
	background-color:  #75A130;
}	




#bf_body {
	position:absolute;
	left:0px;
	top:168px;
	width:760px;
	height:370px;
	z-index:3;
	background-color: #000000;
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

#bf_image_display {
	position:relative;
	left:180px;
	top:31px;
	width:400px;
	height:298px;
	background-color: #009900;
}


#bf_about {
	position:relative;
	left:0px;
	top:0px;
	width:680px;
	height:330px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFFFF;
	text-align: left;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;	
}



#bf_footer {
	position:absolute;
	top:360px;
	left:-5px;
	width:760px;
	height:30px;
	z-index:2;
	background-color: #000000;
	border: 5px solid #666666;
}

.bf_footer_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #666666;
}

a:link.bf_footer_copy,a:visited.bf_footer_copy{text-decoration:none;}
a:active.bf_footer_copy,a:hover.bf_footer_copy {text-decoration:underline;}

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset label.controlset { display: block; float: left; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }

img.figure {
	float: right;
	margin-left: 0px;
	margin-bottom: 0px;
	border: 1px solid #666;
	padding: 10px;
}

img.figure-noborder {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 10px;
}