@charset "utf-8";
/* CSS Document */

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

body{
	margin:0px;
	padding:0px;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:justify;
}

html{
	overflow-y: scroll;
}

h1 {

	padding-top:22px;
	padding-left:35px;
	font-size:16px;
	letter-spacing:3px;
	border: 0px solid #0F0;

}

h2 {

	font-size:14px;
	letter-spacing:2px;
	border: 0px solid #0F0;
}



#h1holder
{
	border: 0px solid #F0F;
	background-image:url(../images/header.png);
	background-repeat: no-repeat;
	background-position: left;
	height:40px;
	margin-top:10px;
	margin-bottom:20px;
}

p {
	margin-top:10px;
	margin-bottom:10px;
}

img {
	border:0px;
}

li.flower {
	border: 0px solid #0F0;
	background-image:url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	list-style: none;


}

#wrapper1{
	border: 0px solid #0F0;
	width:100%;
	background:#FFF;
}

#wrapper2{
	border: 0px solid #C00;
	width:1000px;
	min-height:600px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#innercontent{
	border: 0px solid #C00;
	margin-left:30px;
}

#innercontent a.link{
	border: 0px solid #C00;
	color:#000;
	text-decoration:none;	
	
}

#innercontent a.link:hover{
	border: 0px solid #C00;
	color:#787CAC;
	text-decoration:underline;	
	
}

#innercontent a.link2{
	border: 0px solid #C00;
	color:#787CAC;
	
}

#innercontent a.link2:hover{
	border: 0px solid #C00;
	color:#000;
	text-decoration:underline;	
	
}

#innercontentlogin{
	border: 0px solid #C00;
	padding-top:50px;
	padding-left:0px;
}

#header1{
	border: 0px solid #C3F;
	width:1000px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/vines.png);
	background-position:right;
	background-repeat:no-repeat;
}

#header1admin{
	border: 0px solid #C3F;
	width:1000px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../admin/images/admintext.png);
}

#navi{
	border: 0px solid #C3F;
	width:1000px;
	height:175px;
	background-image:url(../images/BAFEP-logo2.png);
	background-repeat: no-repeat;
	margin-top:-57px;
}

#colorbar{
	border: 0px solid #0CF;
	width:802px;
	height:65px;
	float:right;
	margin-top:57px;
	background-color:#787CAC;


}

#roundedend {
	border: 0px solid #0F3;
	width:15px;
	height:65px;
	float:right;
	margin-top:-55px;	
	float:right;
	background-image:url(../images/roundedend.png);
}




#footer{
	border: 0px solid #FFF;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-5px;
	color:#FFF;
	font-size:10px;
	height:25px;
	padding-top:0px;
	background-color:#787CAC;
	background-image:url(../images/roundedend-bottom-left.png);
	background-repeat:no-repeat;
	background-position:left;
	
}

#footerroundedendright {
	border: 0px solid #0F3;
	width:6px;
	height:25px;
	float:right;
	background-image:url(../images/roundedend-bottom-right.png);
	margin-top:0px;
}

#footerroundedendleft {
	border: 0px solid #0F3;
	width:6px;
	height:25px;
	float:left;
	background-image:url(../images/roundedend-bottom-left.png);
}


#footerflowers{
	width:990px;
	height:38px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	background-image:url(../images/footerflowers.png);
	color:#FFF;
	font-size:10px;
}


#footer a{
	color:#FFF;
	border-bottom:none;
	text-decoration:none;	
	border: 0px solid #0F0;
}

#footer a:hover{
	text-decoration:underline;	
}

p.footertext{
	padding-top:0px;
	margin-left:auto;
	margin-right:auto;
	border: 0px solid #00F;
	width:900px;
	margin-top:0px;
	padding-top:4px;
	background-color:#787CAC;
	color:#FFF;
	font-size:10px;
	height:15px;
}

.whitefont {
	color:#FFFFFF
}

.button {
	border: 1px solid #000;	
	color:#000;	 
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	padding-left:3px;
	padding-right:3px;
	height:20px;
}

.button:hover {
	border: 1px solid #787CAC;	
	color:#787CAC;	 
}

.contactbutton {
	border: 1px solid #000;	
	color:#FFF;	 
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#787CAC;
	padding-left:9px;
	padding-right:9px;
}

.contactbutton:hover {
	border: 1px solid #000;	
	color:#000;	 
}

.contactbutton2 {
	border: 1px solid #000;	
	color:#000;	 
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:9px;
	padding-right:9px;
}

.textbox {
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.indeximage {
	border: 0px solid #787CAC;
	width:295px;
	height:295px;
	float:right;
	margin-right:50px;
	margin-left:30px;
	margin-top:60px;
	
}

table.table1
{
margin-top:20px;
background-color:#e0e1ea;
margin-left:auto;
margin-right:auto;
}


table.table2
{
	width:400px;
	background-color:#e0e1ea;
}

textarea {
	width: 200px;
	height:40px;
	border: 1px solid #cccccc;
	
	margin:0px;
	padding:0px;
	
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:25px;
	
	font: 12px verdana, geneva, sans-serif;
	color:#000;
	/*background-image: url(../images/textareabg.png);*/
	background-position: bottom right;
	background-repeat: no-repeat;
	
	resize:none;
}

textarea:hover{
border:1px solid #787CAC;	
}

.contactforminput {
border:1px solid #FFF;	
	
}

.contactforminput:hover {
border:1px solid #787CAC;	
	
}

.contacth2 {
font-size:14px;	
	
}

#newsbox {
	
	border:1px solid #787CAC;	
	padding:10px;
	margin-top:5px;
	margin-bottom:5px;
	marign-left:auto;
	margin-right:auto;
	
}



#line {
	border:1px solid #787CAC;	
	height:320px;
}

#signedin {
width:1000px;
border: 0px solid #000;
font-size:18px;
color:#787CAC;
font-weight:bold;
}

#signedin a {
	font-size:12px;
	color:#000;
}

#signedin a:hover {
	color:#787CAC;
}


p.errormessage {
	margin: 0px;
	padding: 0px;
	margin-top:30px;
	color:#F00;
	font-size:12px;
	float:right;
	background-color:#FFF;
}

p.errormessage2 {
	margin: 0px;
	padding: 0px;
	color:#F00;
	font-size:12px;
}


p.errormessageadmin {
	margin: 0px;
	padding: 0px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	color:#F00;
	font-size:12px;
}


font.errormessage {
	margin: 0px;
	padding: 0px;
	color:#F00;
	font-size:12px;
}

.forgotten a{
	color:#FFF;
	text-decoration:none;
}

.forgotten a:hover{
	color:#FFF;
	text-decoration:underline;
}

.forgottenadmin a{
	color:#000;
	text-decoration:underline;
}

.forgottenadmin a:hover{
	color:#787CAC;
	text-decoration:underline;
}

table.producers
{
margin-bottom:40px;
background-color:#e0e1ea;
margin-left:auto;
margin-right:auto;
margin-top:15px;
color:#CCC;
font-size:14px;
height:40px;
width:810px;
}

table.producers a
{
color:#000;	
text-decoration:none;
}

table.producers a:hover 
{
color:#FFF;
background-color:#787CAC;
}


table.producers td:hover 
{
color:#FFF;
background-color:#787CAC;
}


a.current {
font-size:24px;	
}

#resetpassword {
background-color:#e0e1ea;	
margin-top:100px;
margin-left:auto;
margin-right:auto;
padding:10px;
border:1px solid #787CAC;
width:400px;
}

/* rounded corners */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 820px; margin: 1em auto; }


.rbroundbox2 { background: url(../images/nt.gif) repeat;}
.rbtop2 div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop2 { background: url(../images/tr.gif) no-repeat top right; }
.rbbot2 div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot2 { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent2 { margin: 0 7px; }
.rbroundbox2 { width: 950px; margin: 1em auto; border: 0px solid #000; margin-left:auto; margin-right:auto; }


.rbroundbox3 { background: url(../images/nt.gif) repeat;}
.rbtop3 div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop3 { background: url(../images/tr.gif) no-repeat top right; }
.rbbot3 div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot3 { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop3 div, .rbtop3, .rbbot3 div, .rbbot3 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent3 { margin: 0 7px; }
.rbroundbox3 { width: 650px; margin: 1em auto; border: 0px solid #000; margin-left:auto; margin-right:auto; }



h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	border: 1px solid #787CAC;
	background:  #e0e1ea no-repeat;
	height: 46px;
	line-height: 46px;
	width: 900px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}

h2.trigger a {
	color: #787CAC;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #000; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #e0e1ea;
	/*background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top;*/
	overflow: hidden;
	width: 950px;
	clear: both;
	
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	/*background: url(../images/toggle_block_btm.gif) no-repeat left bottom;*/ /*--Bottom rounded corners--*/

}

#essencecard{
	padding: 10px;
	border: 2px solid #757aac;
	margin-bottom: 5px;
	margin-left:auto;
	margin-right:auto;
	clear: left;
	min-height: 100px;
	width:600px;
	
}

#essencecard a {
	
		color: #000;
}
#essencecard a:hover {
	
		color: #757aac;
}


#essencecardimg {
float:left;	
margin-right:20px;
margin-left:40px;
height:150px;
width:150px;
border: 0px solid #ccc;
}


.desc1 {
	font-size:16px;
	margin-left:0px;
}
.subess {
	font-size:14px;
	margin-left:0px;
}

.subess1 {
	font-size:14px;
	margin-left:40px;
}


#resonatecard {
	padding: 5px;
	border: 1px dotted #757aac;
	float: right;
	min-height: 50px;
	width:500px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;

}

table.res2 {
	margin-left:auto;
	margin-right:auto;
}


/* -- Members card ------------------------------------------------------ */
#memberCard{
	padding: 4px;
	border: 1px solid #757aac;
	margin-bottom: 5px;
	clear: left;
	min-height: 200px;
	width:800px;
	}
	
#memberCard2{
	padding: 4px;
	border: 1px solid #757aac;
	margin-bottom: 5px;
	clear: left;
	min-height: 200px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	}
.cardTitle{
	font-size: 14px;
	}
.cardImage{
	border: 1px solid #bec0d8;
	margin-top: 3px;
	margin-right: 20px;
	padding: 5px;
	background: #F3F3F8;
	vertical-align: top;
	float: left;
	}
p.cardDescription{
	margin-top: 3px;
	padding: 5px;
	}
p.cardAddress{
	margin-top: 3px;
	padding: 5px;
	}
p.contactTitle{
	clear: both;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 3px;
	}
	

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

#furtherdetailsholder {
	border:2px solid #757aac;
	padding:10px;
	margin-bottom:10px;
	width:900px;
	
}

#search1 {
	border: 0px solid #000;
	width:260px;
	height:650px;
	float:right;
	margin-top:45px;
	padding-left:30px;
}

#newpic1 {
	border: 0px solid #000;
	width:150px;
	height:150px;
	float:right;
	margin-top:0px;
	margin-right:60px;
}

#commentholder {
	border: 0px solid #000;
	width:900px;
	margin-top:0px;
	padding:10px;
}

#add {
	border: 0px solid #000;	
	width:150px;
	float:right;
	
}

a.add{
	color:#000;	
	font-size:16px;
}

a.add:hover{
	color:#787CAC;	
}