body {
	background-color: #004883;
	color: #ffffff;
	font-size: 14px;
	font: Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
}

*, div {
	margin: 0;
	padding: 0;
}

img, div {
   behavior: url (/iepngfix.htc);
}

/* ------------ LAYOUT ------------ */

#content {
	width: 781px;
	margin: 0 auto 0;
}

#header {
	margin: 20px 0 17px 0;
	text-align: left;
}


/* ------------ MAIN NAVIAGATION ------------ */

#nav {
	width:800px;
}

#nav ul {
	list-style: none;
}

#nav li {
	float: left;
}

#nav li a {
	 behavior: url (/iepngfix.htc);
	background: url(/images/Mid-BayWeb_02.png) top left no-repeat;
	height: 90px;
	line-height: 76px;
	float: left;
	width: 109px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

#nav li a:hover {
	 behavior: url (/iepngfix.htc);
	background: url(/images/Mid-BayWeb_02.png) top left no-repeat;
	height: 90px;
	line-height: 76px;
	float: left;
	width: 109px;
	display: block;
	color: #e85a22;
	text-decoration: none;
	text-align: center;
}

/* ------------ MAIN NAVIAGATION EDGES ------------ */

#nav li.left-menu a {
	background: url(/images/Mid-BayWeb_01.png) top left no-repeat;
	height: 90px;
	line-height: 76px;
	float: left;
	width: 117px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

#nav li.left-menu a:hover {
	background: url(/images/Mid-BayWeb_01.png) top left no-repeat;
	height: 90px;
	line-height: 76px;
	float: left;
	width: 117px;
	display: block;
	color: #e85a22;
	text-decoration: none;
	text-align: center;
}

#nav li.right-menu a {
	background: url(/images/Mid-BayWeb_03.png) top left no-repeat;
	height: 90px;
	line-height: 76px;
	float: left;
	width: 120px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

#nav li.right-menu a:hover {
	background: url(/images/Mid-BayWeb_03.png) top left no-repeat;
	height: 90px;
	line-height: 76px;
	float: left;
	width: 120px;
	display: block;
	color: #e85a22;
	text-decoration: none;
	text-align: center;
}

#home #nav ul li#nav-home a,
#about #nav ul li#nav-about a,
#notices #nav ul li#nav-notices a,
#future #nav ul li#nav-future a,
#maps #nav ul li#nav-maps a,
#news #nav ul li#nav-news a,
#contact #nav ul li#nav-contact a {
color: #e85a22;
}


 /* Hide from IE5-Mac \*/
#nav li a
{
float: none
}
/* End hide */

/* ------------ SIDEMENU ------------ */

#sidenav {
	float: left;
	width: 201px;
}

#sidenav ul {
	list-style: none;
	line-height: 200%;
	font-size: 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin-bottom:50px;
}

#sidenav a {
	color: #54A790;
	text-decoration: none;
}

#sidenav a:hover {
	color: #e85a22;
	text-decoration: none;
}

.about-home li#sidenav-about-home a,
.about-board li#sidenav-about-board a,
.about-staff li#sidenav-about-staff a,
.notices-home li#sidenav-notices-home a,
.notices-calendar li#sidenav-notices-calendar a,
.notices-notice li#sidenav-notices-notice a,
.notices-agenda li#sidenav-notices-agenda a,
.notices-rfq li#sidenav-notices-rfq a,
.notices-review li#sidenav-notices-review a,
.future-home li#sidenav-future-home a,
.future-cip li#sidenav-future-cip a,
.future-current li#sidenav-future-current a,
.future-permits li#sidenav-future-permits a,
.future-environmental li#sidenav-future-environmental a,
.future-future li#sidenav-future-future a,
.future-construction li#sidenav-future-construction a,
.maps-home li#sidenav-maps-home a,
.maps-toll li#sidenav-maps-toll a,
.maps-location li#sidenav-maps-location a,
.news-home li#sidenav-news-home a,
.news-reports li#sidenav-news-reports a,
.contact-home li#sidenav-contact-home a,
.contact-links li#sidenav-contact-links a {
color: #e85a22;
}



/* ------------ TEXTAREA ------------ */

#subheader {
	margin: 24px auto 36px;
	text-align: center;
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 48px;
	text-transform: uppercase; 
	color: #316A96;	
}

#textarea{
	border-left: 2px solid #316a96;
	border-right: 2px solid #316a96;
	padding: 0px 14px 24px 14px;
	margin-bottom: 63px;
}

#copy{
	margin-left: 218px;
	padding: 0px 14px 24px 14px;
}

h1, h2 {
	font-size: 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: 650;
	line-height: 150%;
	margin-bottom:15px;
}

h3 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 650;
	line-height: 150%;
	margin-bottom:15px;
}

p {
	font-size: 14px;
	color: #ffffff;
	font: Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	margin-bottom: 15px;
}

a {
	color: #e85a22;
	text-decoration: underline;
}

img {
	margin-right: 7px;
	border: 0;
}

strong {
	color: #e85a22;
}


.borderleft {
	border-left: 2px solid #316a96;
	padding-left: 14px;
	margin-left: 7px;
}

.pdf {
	text-decoration: none;
	color: inherit;
}

#table {
	width: 300px;
	border: 2px solid #316a96;
	text-align: left;
	padding: 4px;
	margin-bottom: 24px;
}

#press {
	margin-left: 24px;
}

#press h3{
	margin-bottom: 7px;
}

div.quote {

margin-left: 25px;

}

/* ------------ FOOTER ------------ */

#footer {
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #54A790;
	line-height: 150%;
	margin-bottom: 15px;
	clear: both;
	}
	
#footer a{
	font-size: 10px;
	color: #54A790;
	text-decoration: underline;
	}

/* ------------ FIX ------------ */


div.fix {
height: 1px;
clear: both;
overflow: hidden;
}


/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }