/**************** Generic Selectors ****************/ 
/* do not use // it can cause problems in opera and firefox */

body 
{ 

	text-align: center; /* needed by IE 5/6 to centre the a fixed width document) */

	font-family: Verdana;

	font-size: 80%; 

	color: #ffffff; 

	background-color: #ffffff; 

	background-image: url("http://www.bb-wfcs.com/fade.jpg");

	background-repeat: repeat-x;	

	padding-left:   0px;
	padding-right:  0px;
	padding-top:    0px;
	padding-bottom: 0px;

	margin-left:    0px;
	margin-right:   0px;
	margin-top:     0px;
	margin-bottom:  0px;

	border-left-width:    0px;
	border-right-width:   0px;
	border-top-width:     0px;
	border-bottom-width:  0px;

	border-style: solid;
	border-color: #000000;
} 

p 
{ 
	font-family: Verdana;

	font-size: 100%; 

	color: #011749;

	line-height: 120%; 

	text-align: justify;

	text-indent: 0em;

	text-decoration: none;

} 

ul 
{ 

	list-style-type: none; 

	line-height: 120%; 

	text-align: left;

	text-indent: 0em;

	text-decoration: none;

	color: #ffffff; 
} 

li 
{ 


	color: #ffffff; 

	list-style-type: none; 

	line-height: 150%; 
	
	text-align: left;

	text-indent: 0em;

} 

h1 
{ 
 

	font-family: Verdana;

	font-size: 120%; 

	font-weight: bold; 

	font-style: normal;

	color: #ffffff; 

	text-align: left;

	padding-left:   16px;
	padding-right:  0px; 
	padding-top:    5px;
	padding-bottom: 0px;

} 


h2
{ 


	font-family: Verdana;

	font-size: 70%; 

	font-weight: bold; 

	text-decoration:underline;

	color: #ffffff;  

}


h3
{ 
	line-height: 0px;	

	font-size: 80%; 

	font-weight: bold; 

	font-style: normal;

	color: #ffffff; 

	text-align: left;

	padding-left:   0px;
	padding-right:  0px; 
	padding-top:    0px;
	padding-bottom: 0px;
} 



/**************** Pseudo classes ****************/ 

a:link 
{ 
	font-family: Verdana;

	font-size: 83%; 

	font-weight: bold; 

	text-decoration:underline;

	color: #ffffff;  

} 

li :link 
{ 
	font-family: Verdana;

	font-size: 83%; 

	font-weight: bold; 

	text-decoration:underline;

	color: #ffffff;  

} 

a:visited 
{ 
	font-family: Verdana;

	font-size: 83%; 

	font-weight: bold; 

	text-decoration:underline;

	color: #ffffff;  

} 

li a:visited 
{ 
	font-family: Verdana;

	font-size: 83%; 

	font-weight: bold; 

	text-decoration:underline;

	color: #ffffff;  

} 
a:hover 
{ 
	font-family: Verdana;

	font-size: 83%; 

	font-weight: bold; 

	text-decoration:underline;

	color: #ffffff;  

} 

li a:hover 
{ 
	font-family: Verdana;

	font-size: 83%; 

	font-weight: bold; 

	text-decoration:underline;

	color: #ffffff;  

} 

a:active 
{ 
	font-family: Verdana;

	font-size: 83%; 

	font-weight: bold; 

	text-decoration:underline;

	color: #ffffff;  

} 

/************************* ID's *************************/ 

#containerwhitespacetop
{

	top:0px;	

	margin: 0 auto;
	
	width:800px;

	height:1px;

	text-align: left;

	background-color: #ffffff;

	color: #ffffff;
}

#containerwhitespacetopgreen
{

	top:0px;	

	margin: 0 auto;
	
	width:800px;

	height:0px;

	text-align: left;

	background-color: #00726a;

	color: #ffffff;
}


#containerbluespacetop
{

	margin: 0 auto;
	
	width:800px;

	height:28px;

	text-align: left;

	background-color: #011749; 

	color: #ffffff;
}

#containerwhitespacetop2
{

	margin: 0 auto;
	
	width:800px;

	height:1px;

	text-align: left;

	background-color: #ffffff; 

	color: #ffffff;
}

#containerbanner
{

	margin: 0 auto;
	
	width:800px;

	height:178px;

	text-align: left;

	background-color: #011749; 

	color: #ffffff;
}

#containerwhitespacebottom
{
	margin: 0 auto;
	
	width:800px;

	height:1px;

	text-align: left;

	background-color: #ffffff;

	color: #ffffff;
}

#containerbluespacebottom
{

	margin: 0 auto;
	
	width:800px;

	height:2px;

	text-align: left;

	background-color: #011749; 

	color: #ffffff;
}


#containermenu
{
	margin: 0 auto;
	
	width:800px;

	height:30px;

	text-align: left;

	background-color: #ffffff; 

	color: #011749;

	padding-left:   0px;
	padding-right:  0px; 
	padding-top:    7px;
	padding-bottom: 0px;

}

#containerbluespacebottom2
{

	margin: 0 auto;
	
	width:800px;

	height:2px;

	text-align: left;

	background-color: #011749; 

	color: #ffffff;
}


#containerwhitespacebottom2
{
	margin: 0 auto;
	
	width:800px;

	height:2px;

	text-align: left;

	background-color: #ffffff;

	color: #ffffff;
}

#containerheading
{
	margin: 0 auto;
	
	width:800px;

	height:35px;

	text-align: left;

	background-color: #011749;

	color: #ffffff;

}

#containercontent
{
	margin: 0 auto;
	
	width:800px;

	height:150px;

	background-color: #ffffff;

	color: #011749;

	border-left-width:    1px;
	border-right-width:   1px;
	border-top-width:     0px;
	border-bottom-width:  0px;

	border-style: solid;
	border-color: #011749;

}

#containercontent1
{
	margin: 0 auto;
	
	width:800px;

	height:150px;

	background-color: #ffffff;

	color: #011749;

	border-left-width:    1px;
	border-right-width:   1px;
	border-top-width:     0px;
	border-bottom-width:  0px;

	border-style: solid;
	border-color: #011749;
}

#containercontent2
{
	width:780px;

	background-color: #ffffff;

	color: #011749;

	padding-top:    10px;
	padding-bottom: 10px;
	padding-left:   10px; 
	padding-right:  10px;


	margin-left:    0px;
	margin-right:   0px;
	margin-top:     0px;
	margin-bottom:  0px;
}

#containercontent3
{
	float:left;

	width:615px;

	background-color: #ffffff;

	color: #011749;

	padding-top:    10px;
	padding-bottom: 10px;
	padding-left:   10px; 
	padding-right:  0px;

	margin-left:    0px;
	margin-right:   0px;
	margin-top:     0px;
	margin-bottom:  0px;


}


#containercontent4
{
	
	float:right;

	width:160px;

	background-color: #011749;

	color: #011749;

	padding-top:    5px;
	padding-bottom: 0px;
	padding-left:5px;
	padding-right:  0px;

	border-left-width:    0px;
	border-right-width:   0px;
	border-top-width:     1px;
	border-bottom-width:  1px;

	border-style: solid;
	border-color: #ffffff;

	margin-left:    0px;
	margin-right:   0px;
	margin-top:     0px;
	margin-bottom:  0px;

	text-align:left;

	line-height: 150%; 

}

#containerbottombar1
{

	clear:both; 
	/* this fixed the float bugs I was having with mozilla (no problem opera or IE) */

	margin: 0 auto;
	
	width:800px;

	height:40px;

	text-align: left;

	background-color: #011749;

	color: #ffffff;

	padding-left:   0px;
	padding-right:  0px;
	padding-top:    0px;
	padding-bottom: 0px;

}

#containerbottombar2
{

	float:left;

	width:400px;

	background-color: #011749;

	padding-left:   0px;
	padding-right:  0px;
	padding-top:    5px;
	padding-bottom: 0px;

}

#containerbottombar3
{
	float:right;

	width:200px;

	text-align: right;

	padding-left:   0px;
	padding-right:  20px;
	padding-top:    4px;
	padding-bottom: 0px;

	background-color: #011749;
}