@import "styles.css";

/* layout
----------------------------------------------- */
body {
	background: #003371;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
}
#wrapper {
	margin: 0 auto;
	width: 760px;
	background: #fff;
	padding: 10px;
}
#logo {
	background: #FDFEF8 url(../images/BPCS_logo.gif) no-repeat;
	width: 233px;
	height: 78px;
}

/* header
----------------------------------------------- */
#header #topnav {
	float: right;
	margin: 0 0 10px 0;
	_margin: 0 0 -10px 0;
	_padding: 10px 0 10px 0;
}

/* main navigation
----------------------------------------------- */
#navcontainer {clear: both;}

/* home image 
----------------------------------------------- */
#headerimage {
	width: 760px;
	height: 173px;
	margin: 35px 0 10px 0;
	_margin: 17px 0 10px 0;
}



/* main content
----------------------------------------------- */
.main {
	margin: 0 0 10px 0;
}

/* main left column
----------------------------------------------- */
.main .left { 
	float: left;
	width: 160px;
	padding: 0;
}

/* main middle column
----------------------------------------------- */
.main .middle { 
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	margin: 0 165px 0 165px;
}
.middlewrapper {
	padding: 10px;
}

/* main right column
----------------------------------------------- */
.main .right { 
	float: right;
	width: 160px;
	text-align: right;
}

/* footer
----------------------------------------------- */
#footer {
	clear: left;
	padding: 8px 0 0 0;
	margin: 0;
}

/* 2nd level header padding 
----------------------------------------------- */
.padding {
	width: 760px;
	height: 4px;
	margin: 35px 0 0 0;
	*margin: 5px 0 0 0; /* if IE7 or lower */
}