body {background-image:url('images/BFA-StripBkgd.bmp;');
   behavior:url(css/csshover.htc); margin:0px; padding:0px; font: 1.0em verdana, arial, sans-serif; text-align:center;}
* {margin:0; padding:0;}
div#mainwrapper {width:804px; margin-left:auto; margin-right:auto;  text-align:left; background-color:#D8D8D8;}
div#header {width:804px; height:184px; background-color:#FFFFFF; text-align:center; padding-top:0px;}
div#maincontent {width:510px; float:left; }
div#maincontent p {font-size:.8em; margin-top:10px; padding-top:10px; padding-left:2px;}
div#contentinner {margin:2px; font: 1.2em verdana, arial, sans-serif; color: #FFF;}
div#contentinner p {font-size:.8em; margin-top:10px; padding-top:10px; padding-left:2px;}

/* div#contentarea {width:780px; background-color:#FFF; } */
div#contentarea {width:804px; background-image:url(../images/BFA-StripBkgd.bmp); } 

div#nav {width:140px; background-color:#CCC; float:left;}
div#nav ul {margin: 20px 0 0 26px;}
/* companyinfo styles */
div#companyinfo h4 {font-size:1em; text-align:center; margin:.5em; padding-bottom:2px; padding-top:10px;}
div#companyinfo h5 {font-size:.9em; text-align:center; margin:.5em; padding-bottom:2px; padding-top:10px;}
div#companyinfo p {font-size:.8em; text-align:center; margin:.5em; padding-bottom:10px; padding-top:10px;}

/* right column styles */
div#rightcol {width:140px; color: #FFF; background-color:#182559; float:left;}
div#rightcol {padding-top:15px;  border-bottom:2px dotted #FFF;}
div#rightcol p {font-size:.75em;}
div#rightcol img {border:none; border-top:2px solid #960;}
div#rightcol div#newslinks ul {list-style-type:none; font-size:.7em; padding-left: 20px; margin:0 6px 0 0;}
div#rightcol div#newslinks li {margin-top:0; margin-bottom:.5em;}
div#rightcol h3 {text-align:center; font-size:.8em; color:#FFF; margin-bottom:4px; padding-top:3px; border-top: 2px dotted #FFF;}
div#rightcol a {text-decoration:none; color:#FFF; text-decoration:underline}
div#rightcol a:hover {color: #C0C0C0; text-decoration: none;}
div#rightcol li.morelink {font-style:italic;}
div#rightcol div#viewitems p {margin-top:30px; margin-left:10px;}
div#rightcol div#viewitems ul {list-style-type:none; font-size:1em; padding-left: 25px; margin:0 6px 0 0;}
div#rightcol div#viewitems li {margin-top:0; margin-bottom:.3em;}
div#rightcol div#viewitems a {text-decoration:none;} 

div#footer {width:804px;}
/*footer styles*/
div#footer {
 	padding:4px 0;                 /* pushes the links away from top and bottom of the div */
	font-size:.8em;                /* sets the font size of all links */
	text-align:center;             /* centers the ul elements in the div */
	background-color:#182559;      /* sets the background color of the div */
	border-top:2px solid #000;     /* sets the top border color and size */
	border-bottom:2px solid #FFF;} /* sets the bottom border color and size */
 div#footer ul {margin:3px 0;}    /* vertical spacing between the lists */
 
 div#footer li {                  
	border-left:1px solid #FFF;   /* creates the vertical line to the left of each list items */
	padding:0 5px 0 9px;          /* horiz space between links and vert lines - needed diff l & r values to center */
	display:inline; }             /* the key CSS - makes the lists display horizontally */
}                  

 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */

 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 	color:#FFF; /* the color of the links */
	}
 div#footer ul li a:hover {text-decoration:underline; color:#D8D8D8} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#FFF;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#FFF;} /* had to explicitly color these or they inherit from div#footer li */
 div#footer ul.fineprint li a:hover {color:#D8D8D8;} /* turns bottom row white when hovered */

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";            /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;               /* ensure the period is not visible */
    clear: both;             /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */