body {
		position: relative;
		margin: 0px;
		padding: 0px;
		font-family: Helvetica, Trebuchet MS, Arial;
		text-align: center;
		background-color: #fcfdec;
			background-image: 
			url('http://www.whelandesign.com/clients/bpah/images/bridgepark_bkrd.jpg');
			background-repeat: repeat-x
		}
html>body body {
		position: relative;
		margin: 0px;
		padding: 0px;
		font-family: Helvetica, Trebuchet MS, Arial;
		text-align: center;
		background-color: #fcfdec;
			background-image: 
			url('http://www.whelandesign.com/clients/bpah/images/bridgepark_bkrd.jpg');
			background-repeat: repeat-x
		}


#container {
	position: relative;
	width: 1052px;
	height: 120%;
	min-height: 900px;
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
	background-color: #fcfdec;
	color: #333;
	border: 0px solid #ffffff;
	line-height: 130%;
	}
	
html>body #container {
	position: relative;
	width: 1052px;
	height: 120%;
	min-height: 900px;
	margin: auto;
	padding: 0;
	background-color: #fcfdec;
	color: #333;
	border: 0px solid #ffffff;
	line-height: 130%;
	text-align: center;
	}
	
	
#top {
	width: 1052px;
	height: 225px;
	position:relative;
	margin: 0;
	padding: 0;
	backround-color: #fbfdeb;
	background: url('http://www.whelandesign.com/clients/bpah/images/bridgepark_bkrd.jpg') repeat-x;
	clear:both;
	z-index:800;
	}
html>body #top {
	width: 1052px;
	height: 225px;
	position:relative;
	margin: 0;
	padding: 0;
	backround-color: #fbfdeb;
	background: url('http://www.whelandesign.com/clients/bpah/images/bridgepark_bkrd.jpg') repeat-x;
	z-index:800;
	clear:both;
	}
		
#logo {
	vertical-align: top;
	text-align:left;
	padding: 0;
	margin: 0;
	}
html>body #logo {
	vertical-align: top;
	text-align:left;
	padding: 0;
	margin: 0;
	}				
#em {
	text-align: right;
	padding: -150px 10px 0 0px;
	margin: -150px 10px 0 0px;
	}
html>body #em {
	text-align: right;
	padding: -150px 10px 0 0px;
	margin: -150px 10px 0 0px;
	}	
	
#date {
	text-align: right;
	top: 65px;
	left: 745px;
	position: relative;
	margin: 0;
	padding: 0 0 0 0;
	z-index: 500;
	}
html>body #date {
	top: 68px;
	left: 745px;
	position: inherit;
	margin: 0;
	padding: 0 0 0 0;
	z-index: 500;
	}	
	
	
#nav_row {
	width: 1052px;
	text-align: center;
	position: relative;
	margin: -100px 0 0 0;
	padding: -100px 0 0 0;
	z-index: 800;
	_z-index: 800;
	
	}
			
html>body #nav_row {
	width: 1052px;
	text-align: center;
	position: relative;
	margin: -100px 0 0 0;
	padding: -100px 0 0 0;
	z-index: 800;
	*z-index: 800;
	}
	
#flashMov {
	width: 1052px;
	text-align: center;
	position: relative;
	margin: -210px 0 0 0;
	z-index: 100;
	_z-index: 100;
	}
			
html>body #flashMov {
	width: 1052px;
	text-align: center;
	position: relative;
	
	}
	

#content {
	position:relative;
	float: left;
	width: 625px;
	margin: 5px 0 0 30px;
	padding: 5px 0 0 30px;
	}

html>body #content {
	float: left;
	position:relative;
	width: 625px;
	margin: 145px 0 0 30px;
	padding: 145px 0 0 30px;
	}	
	
/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		position:relative;
		width: auto;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 .2em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	
	.threecol .col1 {
		width:50%;			/* width of center column content (column width minus padding on either side) */
		left: 0;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:270px;			/* Width of left column content (column width minus padding on either side) */
		left:6%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:270px;			/* Width of right column content (column width minus padding on either side) */
		left:55%;
		margin-top: -368px;
					/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
											
#hp1 {
	vertical-align:top;
	position: relative;
	display:block;
	float: left;
	}

#hp2 {
	width: 300px;
	top: 0px;
	left: 400px;
	float: left;
	}	

#hp3 {
	width: 300px;
	float:right;
	}
	
																							
#rightSide {
	top: 20px;
	left: -140px;
	position: relative;
	width: 200px;
	float: right;
	text-align:left;
	margin: 0;
	padding: 0x;
	}	
html>body #rightSide {
	top: 20px;
	left: -140px;
	position: relative;
	float: right;
	text-align:left;
	width: 200px;
	margin: 0;
	padding: 0;
	}	

	
#newsContent  {
		position: relative;
		display: block;
		width: 200px;
		margin: 0px 0 0 10px;
		padding: 0px;
		border: 0px solid #000000;
	}
	
	html>body #newsContent  {
		position: relative;
		display: block;
		width: 200px;
		margin: 0px 0 0 10px;
		padding: 0px;
		border: 0px solid #000000;
	}
	
	::root #newsContent  {
		position: relative;
		display: block;
		width: 200px;
		margin: 0px 0 0 10px;
		padding: 0px;
		border: 0px solid #000000;
	}
	
	
html>body #footer {
	width: 1052px;
	height: 50px;
	clear: both;
	margin-top: 35px;
	padding: 3px 0 35px 0;
	color: #FFF;
	background-color: #660000;
	text-align: center;
	}
		
#footer {
	width: 1052px;
	height: 50px;
	clear: both;
	margin-top: 35px;
	padding: 3px 0 35px 0;
	color: #FFF;
	background-color: #660000;
	text-align: center;
	}
	
	#footer_inside {
		width: 100%;
		height: 50px;
		clear: both;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		color: #FFF;
		background-color: #005292;
		text-align: left;
		}

/* +++++++++++ INVISIBLE HORIZONTAL RULE +++++++++++ */	
/* ++++++++++ AND LINE BREAK CLEAR FLOATS ++++++++++ */	

hr, br.fix {
		visibility:hidden;
		clear:both;
		line-height:0px;
		background:#fff;
		height:5px;
		font-size:0px;
		padding:0;
		margin:0;
		}
		

table {
	width: 850px;
	padding-right:1px;
	padding-bottom:1px;
	}
html>body table {
	width: 850px;
	padding-right:1px;
	padding-bottom:1px;
	}

		
tr {
	line-height:14px;
	}

td {
	line-height:15px;
	padding:1em;
	vertical-align:top;
	}