html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,
a,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,dl,caption,
small,strike,strong,sub,sup,tt,var,dt,dd,ol,ul,li,fieldset,form,label,legend,tr,
table,tbody,tfoot,thead,th,td{border:0;font-family:inherit;font-size:100%;
font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;
vertical-align:baseline;}
:focus{outline:0;}
body{color:black;background:white;line-height:1;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
strong{font-weight:bold;}
/*----------------------------------------------------------------------------*/
html{font-family:sans-serif;font-size:62.5%;height:100%;margin-bottom:1px;}
.clear{clear:both;}
/*----------------------------------------------------------------------------*/
div#under-construction {
        position:   fixed;
        top:        0;
        right:      0;
        width:      100px;
        height:     100px;
        background: url('under-construction.png') top right no-repeat;
        z-index:    1000; /* force on-top */
}
/*----------------------------------------------------------------------------*/
#outer{width:800px;margin:10px auto;background:url(/img/wrapper-back.png);}

/**
 **  the header is in 3 parts...
 **
 **  part #1 - last updated
 **  part #2 - top of the bpa logo
 **  part #3 - middle part of bpa logo and naviagtion bar
 **
 **/

#header {
	border-top:solid 1px #B0B0B0;
}

#header p {
	color:#666;
	font-size:1.2em;
	padding:0.5em;
}

#tlogo {
	height:14px;
	background:url(/img/bpa-home-top.png) no-repeat;
}

#navbar {
	background:url(/img/bpa-home-mid.png) no-repeat;
	height:24px;
}

#navbar ul.bar {
	margin-left:145px;
}

#navbar ul.bar li {
	border-top:solid 1px #B0B0B0;
	border-bottom:solid 1px #B0B0B0;
	height:24px;
	display:table-cell;
	vertical-align:middle;
}

#navbar ul.bar li a {
	font-size:12px;
	text-transform:lowercase;
	padding:0px 10px;
	text-decoration:none;
	color:#111;
}

#navbar ul.bar li.first {
	border-left:solid 1px #B0B0B0;
}

#navbar ul.bar li.last {
	border-right:solid 1px #B0B0B0;
}

#navbar ul.bar li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#navbar ul.bar li:hover ul {
	left:auto;
	background:#FFF;
	border:solid 1px #B0B0B0;
	width:auto;
	margin-top:5px;
}

#navbar ul.bar ul li {
	display:block;
	border:none;
	height:auto;
	vertical-align:baseline;
	padding:2px 0;
}

#navbar ul.bar ul li a {
	color:#369;
}

#navbar ul.bar ul li a:hover {
}

#navbar2 {
	background:url(/img/bpa-home-mid.png) no-repeat;
	height:24px;
}

#navbar2 div {
	margin-left:145px;
	height:24px;
}

#navbar2 a {
}

#navbar2 div a:hover {
}

/******************************************************************************/

#blogo {
	height:15px;
	background:#6FC1C2 url(/img/bpa-home-bot.png) no-repeat;
}

#footer1 {
	margin-top:10px;
	border-top:solid 15px #6FC1C2;
	text-align:right;
	border-bottom:solid 1px #B0B0B0;
	padding:5px 0 5px 0;
	color:#333;
	font-size:1.15em;
	line-height:130%;
	height:2.5em;
}

#footer1 a { color:#369;text-decoration:none; }
#footer1 a:hover { text-decoration:underline; }

#footer1 ul {
	width:380px;
	float:left;
	padding-left:10px;
	text-align:left;
}

#footer1 li {
	display:inline;
	padding-right:10px;
}

#footer1 a { color:#369;text-decoration:none; }
#footer1 a:hover { text-decoration:underline; }

#footer1 p { 
	width:380px;
	float:right;
	text-align:right;
	color:#333;
	padding-right:10px;
}

#footer3 {
	width:800px;
	margin:auto;
	padding:20px 0;
	text-align:center;
	color:#999;
	font-size:1.15em;
	font-variant:small-caps;
	line-height:120%;
}

#footer3 a { color:#69C;text-decoration:none; }
#footer3 a:hover { text-decoration:underline; }
#footer3 p { border:solid 1px #B0B0B0;padding:10px 0; }
/**
 **
 **  home page
 **
 **/
 
#home {
	background: url(/img/small-circuit.png) no-repeat;	/* image is 373x291px */
}

#home h1 { margin:0 10px 10px 260px;font-size:1.8em;color:#333;padding-top:10px; }
#home p  { margin:0 10px 10px 260px;font-size:1.2em;color:#333;line-height:140%;text-align:justify; }
#home ul { margin:0 10px 10px 277px;font-size:1.2em;color:#333;line-height:140%; }
#home li { list-style-image:url(/img/list-image.png);list-style-type:circle; }
#home a { color:#369;text-decoration:none; }
#home a:hover { text-decoration:underline; }
/*
#home-latest { padding:0 10px; }
#home-latest-left { width:363px;float:left;border:solid 1px #B0B0B0;min-height:7.5em; }
#home-latest-right { width:403px;float:right;border:solid 1px #B0B0B0;min-height:7.5em; }
#home-latest h2 { margin:5px;font-size:1.2em; }
#home-latest ul { margin:5px;font-size:1.15em;line-height:130%; }
#home-latest li { list-style-image:url(/img/list-image.png);list-style-type:circle;margin-left:20px; }
*/

#pager { font-size:1.2em; margin-left:58px;color:#333; }
#pager img { vertical-align:middle; }

/** grid - used for most standard pages **/

div#grid { margin:10px 58px 0 58px; }
div#grid h1 { font-size:1.8em;color:#333;text-transform:lowercase; }
div#grid h2 { font-size:1.4em;color:#333;border-bottom:solid 1px #B0B0B0;padding-top:10px; }
div#grid h3 { font-size:1.2em;color:#333;border-bottom:solid 1px #B0B0B0;padding-top:10px;}
div#grid h4 { font-size:1.2em;font-weight:bold;color:#666;border-bottom:solid 1px #B0B0B0;padding-top:10px;}
div#grid p { font-size:1.2em;color:#333;padding:5px 0;line-height:140%; }
div#grid ul { font-size:1.2em;color:#333;line-height:140%; }
div#grid li { list-style-image:url(/img/list-image.png);list-style-type:circle;margin-left:16px; }
div#grid a  { color:#369;text-decoration:none; }
div#grid a:hover { text-decoration:underline; }

div#grid div.split-2, div#grid div.split-3 { padding-top:10px; }
div#grid div.split-2 .left { width:340px;float:left;text-align:left; }
div#grid div.split-2 .right { width:340px;float:right;text-align:left; }
div#grid div.split-2:after, div#grid div.split-3:after {content:".";display:block;height:0;clear:both;visibility:hidden; }
div#grid div.split-3 .left { width:225px;float:left;text-align:left;}
div#grid div.split-3 .middle { width:225px;float:left;text-align:left;margin-left:5px; }
div#grid div.split-3 .right { width:225px;float:right;text-align:left;}
div#grid ul.inline li { list-style-type:none;display:inline;padding:0 10px; }
div#grid table { width:680px;border-collapse:collapse;margin-top:10px; }
div#grid tr.hover:hover { background:#FFF8DC; }
div#grid th { background:#F0F0F0;font-size:1.2em;padding:6px 4px;border:solid 1px #B0B0B0; }
div#grid td { font-size:1.2em;padding:6px 4px;border:solid 1px #B0B0B0;line-height:140%; }

div#grid form { font-size:100%; }
div#grid form fieldset { border:solid 1px #B7B7B7;width:580px;margin:1em auto;padding:0.5em 0; }
div#grid form fieldset legend { margin:0 0.9em;font-size:1.2em;color:#454545; }
div#grid form fieldset dl { clear:both;padding:0.5em 1em; }
div#grid form fieldset dl dt { float:left;width:10em; }
div#grid form fieldset dl dt label { font-size:1.2em;color:#454545; }
div#grid form fieldset dl dt label span { font-size:83.3%;color:#5D5D5D; }
div#grid form fieldset dl dd { float:left; }
div#grid form fieldset dl dd select.combo { width:15em;font-size:1.2em;background:#FFF;color:#454545;border:solid 1px #B7B7B7;padding:1px; }
div#grid form fieldset dl dd input.text { width:30em;font-size:1.2em;background:#FFF;color:#454545;border:solid 1px #B7B7B7;padding:1px; }
div#grid form fieldset dl dd input.date { width:10em;font-size:1.2em;background:#FFF;color:#454545;border:solid 1px #B7B7B7;padding:1px; }
div#grid form fieldset dl dd input.file { width:25em;font-size:1.2em;background:#FFF;color:#454545;border:solid 1px #B7B7B7;padding:1px; }
div#grid form fieldset dl dd input.checkbox { background:green; }
div#grid form fieldset dl dd textarea.memo { width:30em;font-family:sans-serif;font-size:1.2em;background:#FFF;color:#454545;border:solid 1px #B7B7B7;padding:1px;height:12.5em; }
div#grid form fieldset.actions { }
div#grid form fieldset.actions input { border:solid 1px #B7B7B7;background:#FFF;color:#454545;font-size:1.2em;margin-left:0.5em;width:6em; }
div#grid form fieldset.actions input.default { font-weight:bold;color:#5D5D5D; }
div#grid form fieldset.actions input.first { margin-left:9.2em; }
div#grid form fieldset.error { background:#FFF8DC; }
div#grid form fieldset.error p { color:#C00;margin:0 0.9em; }

div#grid form fieldset dl dd select.combo:focus,
div#grid form fieldset dl dd textarea.memo:focus,
div#grid form fieldset input.text:focus,
div#grid form fieldset.actions input:focus { background:#FFF8DC; }