/* CSS Document
Site: Brandywine/Metroplex
Author: Mark Schuber/Lauren Kelly
Date: 10.12.2006
*/

body {
	font-size:62.5%;
	text-align:center;
	background:#294c89 url(../images/BG.gif) top repeat-x;
	}
	
div#mainWrap {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	width: 836px;
	margin:0 auto;
	padding:12px;
	background:#FFFFFF;
	border: #CCCCCC 2px solid;
	}
	
div#headerWrap {
	margin:0;
	padding:0;
	height:145px;
	background: url(../images/logoAndNav.png) no-repeat top right;
	}
	
div#headerWrap h1 {
	width:293px;
	height:95px;
	padding:0;
	margin:0;
	background:url(../images/header.png) no-repeat top left;
	position:relative;
	top:39px;
	}	
	
div#headerWrap h1 a {
	display:block;
	width:293px;
	height:95px;
	padding:0;
	margin:0;
	}	
	
div#headerWrap h1 span {
	display:none;
	}	
	
ul#globalNav {
	list-style:none;
	float:right;
	margin:0;
	padding:0;
	position:relative;
	right:70px;
	top:-80px;
	}
	
ul#globalNav li {
	float:right;
	margin:0 5px 0 0;
	padding:0;
	}	
	
ul#globalNav li a {
	margin:0 5px 0 0;
	padding:0;
	text-decoration:none;
	color:#0d3f72;
	font-size:.9em;
	}	
	
ul#globalNav li a:hover {
	color: #0099FF;
	}	
	
ul#globalNav li a span {
	padding:0;
	margin:0;
	}
		
	
ul#mainNav {
	float:right;
	list-style:none;
	/*padding:0;*/
	margin:12px -150px 0px 0px;
	position:relative;
	bottom:3px;
	}
	
ul#mainNav li {
	float:right;
	/*padding:0;*/
	margin:0;
	}
	
ul#mainNav a {
	display:block;
	height:100%;
	text-decoration:none;
	text-align:center;
	padding:4px 0 7px 0;
	margin:0 0 0 2px;
	width:105px;
	color:#FFFFFF;
	font-size:1.5em;
	}			

ul#mainNav a:hover {
	background:#0066FF;
	}

ul#mainNav li#current a {
	background:#0066FF;
	}


div#contentWrap {
	margin:0;
	padding:0;
	background: url(../images/etenantsLogo.png) no-repeat right bottom;
	}
	
div#projectTour {
	margin:0;
	padding:0;
	background:url(../images/projectTour.png) no-repeat bottom left;
	} 
	
div#location {
	margin:0;
	padding:0;
	background:url(../images/location.png) no-repeat bottom left;
	} 		
	
div#contact {
	margin:0;
	padding:0;
	background:url(../images/contact.png) no-repeat bottom left;
	} 		
		
div#resources {
	margin:0;
	padding:0;
	background: url(../images/resources.png) no-repeat bottom left;
	} 
	
div#overView {
	margin:0;
	padding:0;
	background:url(../images/overView.png) no-repeat bottom left;
	} 				
		
div#leftColumn {
	float:left;
	width:528px;
	margin:0;
	padding:0 0 50px 0;
	}	

div#leftColumn h2 {
	width:435px;
	border-bottom:#b0b0b0 1px solid;
	margin:0 0 0 41px;
	padding:45px 0 0 0;
	color:#173b77;
	font-size:1.6em;
	font-weight:lighter;
	}
	
div#leftColumn p {
	width:397px;
	padding:10px 0 0 0;
	margin:0 0 0 41px;
	font-size:1.1em;
	color:#323232;
	line-height:1.8em;	
	}	
	
div#flashContainer {
	height:229px;
	width:528px;
	background:url(../images/flashPic.jpg) no-repeat top left;
	}	
	
div#rightColumn {
	float:right;
	width:294px;
	margin:0;
	padding:0 0 50px 0;
	}	
	
div#rightColumn h3 {
	border-bottom:#b0b0b0 1px solid;
	margin:0;
	padding:45px 0 0 0;
	color:#173b77;
	font-size:1.6em;
	font-weight:lighter;
	}	
	
div#rightColumn h4 {
	color:#5d5959;
	font-size:1.2em;
	background:url(../images/arrow.png) no-repeat 0 5px;
	font-weight:normal;
	padding:0 0 0 20px;
	margin:10px 0 0 0;
	}	
	
div#rightColumn p {
	padding:0 0 10px 0;
	margin:0;
	font-size:1.1em;
	color:#323232;
	line-height:1.8em;
	}	
	
div#mapContainer {
	height:227px;
	width:294px;
	background:url(../images/mapPic.jpg) no-repeat top left;
	}	
	
div#footer {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	background: url(../images/dottedBorder.png) no-repeat center top;
	height:3em;
	}	
	

ul#mainNavFooter {
	clear:both;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	}
	
ul#mainNavFooter li {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	color:#0b4785;
	}	
	
ul#mainNavFooter li a {
	text-decoration:none;
	margin:0 5px 0 0;
	padding:0;
	color:#0b4785;
	font-size:.9em;
	line-height:2.2em;
	}

ul#mainNavFooter li a:hover {
	color: #0099FF;;
	}

ul#globalNavFooter {
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	}
	
ul#globalNavFooter li {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	color:#0b4785;
	}	
	
ul#globalNavFooter li a {
	text-decoration:none;
	margin:0 5px 0 0;
	padding:0;
	color:#0b4785;
	font-size:.9em;
	line-height:2.5em;
	}			
	
ul#globalNavFooter li a:hover {
	color: #0099FF;
	}	
	
div#footer p {
	float:right;
	margin:0;
	padding:10px 0 0 0;
	color:#0b4785;
	font-size:.9em;
	}	
	
	
div#leftNavColumn {
	float:left;
	width:293px;
	margin:0;
	padding:0 0 300px 0;
	}	
	
div#leftNav {
	width:293px;
	margin:0;
	padding:44px 0 0 0;
	}	
	
div#leftNav div {
	height:200px;
	}	

div#leftNav ul {
	margin:0 0 0 30px;
	padding:0 0 20px 0;
	}	

div#leftNav ul li {
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	}
	
div#leftNav ul li a {
	background:url(../images/navArrow.gif) 5px 15px no-repeat;
	margin:0 0 0 0;
	padding:12px 0 12px 15px;
	display:block;
	width:220px;
	color:#FFFFFF;
	font-size:1.2em;
	text-decoration:none;
	border-top: #1491D3 1px solid;
	} 	
	
div#leftNav #bottom a {
	 border-bottom: #1491D3 1px solid;
	 
	}	
	
div#leftNav ul li a:hover {
	background: #28ABD7 url(../images/navArrow.gif) 5px 15px no-repeat;
	}
div#overViewPic {
	margin:0;
	padding:0;
	width:293px;
	height:287px;
	background:url(../images/overViewNavPic.jpg) top no-repeat;
	}	
	
	
div#locationPic {
	margin:0;
	padding:0;
	width:293px;
	height:287px;
	background:url(../images/locationNavPic.jpg) top no-repeat;
	}		

div#resourcesNavPic {
	margin:0;
	padding:0;
	width:293px;
	height:287px;
	background:url(../images/resourcesNavPic.gif) top no-repeat;
	}
	
div#contactNavPic {
	margin:0;
	padding:0;
	width:293px;
	height:287px;
	background:url(../images/contactNavPic.gif) bottom no-repeat;
	}	
	
div#projectTourNavPic {
	margin:0;
	padding:0;
	width:293px;
	height:287px;
	background:url(../images/projectTourNavPic.jpg) top no-repeat;
	}	
	
div#rightBigColumn {
	float: right;
	width:518px;
	margin:0;
	padding:0 0 30px 0;
	}	
	
div#rightBigColumn h5 {
	color:#0b4785;
	font-size:1.6em;
	font-weight:lighter;
	border-bottom:#294c89 1px solid;
	padding-top:26px;
	}
	
div#rightBigColumn p td {
	color: #0b0000;
	font-size:1.1em;
	line-height:1.8em;
	}		

div#rightBigColumn ul {
	margin:0 0 0 20px;
	padding:0;
	}
	
div#rightBigColumn ul li {
	color: #0b0000;
	font-size:1.1em;
	line-height:3em;
	}	
	
div#rightBigColumn ul li ul li {
	color: #0b0000;
	font-size:.9em;
	line-height:3em;
	}