<style type="text/css"><!--

body {
	font: 12px verdana, arial, sans serif;
	background:url('bpc/graphics/background.gif') repeat top left;/*#faf2ea;*/ 
	/*word-wrap:break-word; */
	}
	
#container {
	position:relative;
	width:800px;
	margin: 0px auto 0px auto;
	font-family: verdana, arial, sans-serif; 
	background:#fff;
	padding: 0;
    border:0; 
    }
#header {
	clear:both;
	background:#fff;
	width:798px;
	height:180px;
	border:0;
	padding:0;
	margin: 0;
	}

#header_left {
	float:left;
	background:#fff;
	width:455px;
	height:180px;
	border:0;
	padding:0;
	margin: 0;
	}
	
#header_right {
	float:right;
	background:#fff;
	width:343px;
	height:180px;
	background: #000;
	border:0;
	padding:0;
	margin: 0;
	}
	
#header_right_dl {
	float:right;
	background:#fff;
	width:343px;
	height:180px;
	/*background: #000;*/
	background:url('/bpc/graphics/bpc_header_right_dl.gif') no-repeat top right;
	border:0;
	padding:0;
	margin: 0;
	}
	
	
#header_home {
	clear:both;
	background:transparent;
	border:0;
	padding:0;
	margin: 0;
	}

#wrapper_home {
	clear:both;
	width:798px;
	height:638px;
	margin: 0px auto 0px auto;
	overflow:hidden; 
	padding: 0;
    border:1px solid #193a81; 
	background: url('/bpc/graphics/bpc_splash_bg_smaller.jpg') no-repeat top left;
	}
	
#wrapper {
	clear:both; 
	width:800px;
	margin: 0px auto 0px auto;
	/*overflow:hidden;*/
	background:#fff;
	padding: 0;
    border:1px solid #193a81; 
    }

#content_left {
	font: 12px verdana, arial, sans serif;
	width: 525px;
	padding: 10px 20px 0px 25px; /* do not change padding left and right: (paddingN x 2) + widthN + borderN = totalwidthN, ie (20+25)+525+230=800 */
	border-right:230px solid #f8edd9; /* The width and color of the nav */
	margin-right:-230px; /* Hat tip to Ryan Brill per ALA */
	float:left;
	background:#fff;
	/*padding-bottom:32767px;
	margin-bottom:-32767px;	*/
	}
	

#content_right {
	/*background:#faf2ea;*/  /*consider sep. id and putting background image for k-12 pages - for more playful filler*/
    font: 12px verdana, arial, sans serif;
    width:200px;
    float:right;
    padding-left:15px;
    padding-right:15px;
    padding-top:25px;
    padding-bottom:32767px;
	margin-bottom:-32767px;
	}

#content {
	/*background:#faf2ea;*/  /*consider sep. id and putting background image for k-12 pages - for more playful filler*/
    font: 12px verdana, arial, sans serif;
    width:753px;
    clear:both;
    background:#fff; /*f5f4eb*/
    padding-left:25px;
    padding-right:20px;
    padding-top:10px;
   /* padding-bottom:32767px;
	margin-bottom:-32767px;*/
	}

p.spotlight {
	
	font: 9pt verdana, arial, sans-serif; 
	text-align: left;
	margin:0px;
	padding: 0px;
	/*color: #a55609;
	border:.5px solid #193a81; */
	}
		
#splash_left  {
       float: left;
       font-size:10px; 
       width: 320px;
       margin: 200px 0px 0px 35px;
       padding: 0;
       }

#splash_right {
        float: right;
        width: 300px;
        margin: 240px 0px 0px 15px;
        padding: 30px 50px 20px 0px;
        }


p.right {
text-align: right;
width:95%;
        font: 11px Verdana, arial, sans-serif;
        margin: 10px 20px 5px 0px;
        padding: 0px;
}

p.right_bottom {
text-align: right;
width:95%;
        font: 11px Verdana, arial, sans-serif;
        margin: 3px 20px 20px 0px;
        padding: 0px;
}

#footer {
color: #000;
clear:both; 
background:#fff;
width:798px;

}
.content {
padding:9px;
color:#444;
}




h1 {
font-size:20px; 
margin:0; 
padding:10px 0; 
color:#fff;}



h3 {
font-size:16px; 
margin:0; 
padding:8px 0;
}

h4 {
font-size:14px; 
margin:0; 
padding:8px 0px 0px 0px;
}

h5 {
font: bold 12px Verdana, arial, sans-serif;
margin:0; 
padding:8px 0;
}

p {
font-size:12px; 
line-height:1.5em; 
margin:0; 
padding:5px 0px 5px 0px;
}


.header  {
font: bold 12px Verdana, arial, sans-serif;
margin: 0;
padding: 3px 0px 10px 0px;
 }


.last {
padding:5px 0px 50px 0px;
}

ul, li {
font-size:12px; 
}

ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 30px;
}
        
        
#header p {
color:#fff;
}

#footer a {
color:#000;
}

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




/*------  FORM PAGES -----------------*/

table.search  {
	width:95%;
        font: 12px Verdana, arial, sans-serif;
        margin: 0px 0px 0px 0px;
        padding: 15px 20px 20px 20px;
        background: #fff/* #daff90*/;
        border: 1px solid #000;}

td.field {
        font: bold 11px Verdana, arial, sans-serif;
	margin: 10px 0px 10px 10px;
        padding: 0;
        text-align:left;
}

td.form {
        font: 11px Verdana, arial, sans-serif;
	margin: 0;
        padding: 0px 0px 10px 10px;
        text-align:left;
}

td.search_form {
	font:  11px Verdana, arial, sans-serif;
	color: #056e85;
	padding: 8px 0px 8px 10px;
	margin: 0px 0px 0px 0px;
	border:0;
	}
	
.search_form {
	font:  11px Verdana, arial, sans-serif;
	color: #056e85;
	padding: 8px 0px 8px 10px;
	margin: 0px 0px 0px 0px;
	border:0;
	}
	
.form_lr {
	font: bold 11px Verdana, arial, sans-serif;
	background-color:#74a7d6;
	color: #0a50a1;
	padding: 8px 10px 8px 0px;
	margin: 0px 0px 0px 0px;
	border:0;
	}

.menu_lr {
	font: 11px Verdana, arial, sans-serif;
	padding: 8px 10px 8px 10px;
	margin: 0px 0px 0px 0px;
	border:0;}
	
.menu {
	font: 11px Verdana, arial, sans-serif;
	padding: 8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
	border:0;
	}
	

	
p.form_popup {
	font: bold 11px verdana, arial, sans-serif;
	color: #000;
	background-color:#f5f4eb;
	padding: 8px 0px 8px 10px;
	margin: 0px 0px 0px 0px;
	border:0;
	}

	
/* - - - - - - - - - - Images - - - - - - - */

 img.splash_button {
	margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border:.5px solid black;
}
	
	
.img_left {
	float:left;
        padding: 0px 10px 20px 0px;
        margin: 0px 10px 0px 0px;
	}
.img_right {
        float:left;
	padding: 0px 0px 20px 10px;
        margin: 0px;
	}
	
/* - - - - - - - - - - other styles - - - - - - - */
.alert {
	color: #a55609;
	font: 9pt verdana, arial, sans-serif; 
	text-align: left;
	margin:0px;
	padding: 0px;
	}
	
hr {
 width: 99%:
 height: 2px;
 border:0;
 padding: 0;
 margin:0;
 color:#000;
 background:#000;
 }
 

</style>

<!--[if lte IE 7]>
<style type="text/css">
body {word-wrap:break-word;}
#outer2 {float:left; display:inline; margin-left:10px; margin-right:10px;}

#wrapper {display:inline-block;}
</style>
<![endif]-->


/*-----------   Menu     ------------*/




-->
</style>
