/* =positioning */
	#sky {
		position:absolute; top:0; left:0;
		width:100%; height:50%; min-height:300px; /*half the target height*/ }
	
	#horizon {
		position:absolute; bottom:0;
		width:100%; height:0; }
	
	#container {
		position:relative;
		width:800px;/*the target width*/ margin:auto; margin-top:-300px; /*half the target height*/ }
	
	#content {
		height:600px; /*the target height*/
		background-color:#FFFFFF; }


/* =general */
	body {
		font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#636466; }
	
	h2 {
		margin-top:30px;
		font-size:14px; background-image:url(/images/h2background.gif); background-repeat:repeat-y; }
	
	#logo {
		position:absolute; top:18px; left:10px;
		width:168px; height:102px;
		background-image:url(/images/logo.gif); text-indent:-99999px; }
	
	.error {
		color:#FF0000; }
	
	a {
		color:#0099FF; }
	a:hover {
		color:#0000FF; }


/* =menu */
	#menu {
		position:absolute; top:8px; right:6px;
		width:600px; height:112px; }
	
	#menuItemsContainer {
		position:absolute; top:0; left:0;
		width:600px; height:112px; z-index:4; }
	
	.menuItem {
		position:relative; float:left;
		width:118px; height:112px; margin-right:2px; }
	
	.barItem {
		position:absolute; bottom:18px;
		width:118px; height:19px; z-index:6; text-indent:-99999px; }
	/*.barItem:hover {
		background-position:-118px; }*/
	.barEnd {
		width:124px; }
	/*.barEnd:hover {
		background-position:-124px; }
	
	.current .barItem {
		background-position:-118px; }
	.current .barEnd {
		background-position:-124px; }*/
	
	#thenNow {
		left:-6px;
		background-image:url(/images/menu/thenNow.png); }
	.current #thenNow {
		background-image:url(/images/menu/thenNow_over.png); }
	
	#thingsYouNeed {
		background-image:url(/images/menu/thingsYouNeed.png); }
	.current #thingsYouNeed {
		background-image:url(/images/menu/thingsYouNeed_over.png); }
	
	#thingsYouWant {
		background-image:url(/images/menu/thingsYouWant.png); }
	.current #thingsYouWant {
		background-image:url(/images/menu/thingsYouWant_over.png); }
	
	#business {
		background-image:url(/images/menu/business.png); }
	.current #business {
		background-image:url(/images/menu/business_over.png); }
	
	#getInvolved {
		background-image:url(/images/menu/getInvolved.png); }
	.current #getInvolved {
		background-image:url(/images/menu/getInvolved_over.png); }
		
	
	.subMenu {
		position:absolute; bottom:42px;
		width:118px;
		text-align:center; z-index:5; }
	
	.subMenu a{
		display:block; text-decoration:none; color:#999999; }
	.subMenu a:hover {
		color:#000000; }
		
	.subMenu .current {
		color:#000000; }
	
	
	#menuBoxContainer {
		position:absolute; top:0; left:0;
		width:600px; height:112px; z-index:2; }
	
	.menuBox {
		position:relative; float:left;
		width:118px; height:112px; margin-right:2px;
		background-color:#E6EAEC; z-index:1; }
	
	#menuBarShadow {
		position:absolute; bottom:6px; left:-17px;
		width:633px; height:42px;
		background-image:url(/images/menu/menuShadow.png); z-index:3; }
		
/* =footer */
	#footerMenu {
		position:absolute; left:5px; top:530px;
		width:788px; height:68px; }
	
	#footerMenu a {
		position:relative; float:left;
		height:68px; margin-right:-6px;
		text-indent:-99999px; background-repeat:no-repeat; }
	
	#searchableBusDir {
		width:197px;
		background-image:url(/images/menu/searchableBusDir.png); }
	#searchableBusDir[class="current"] {
		background-image:url(/images/menu/searchableBusDir_over.png); }
	
	#developmentDatabase {
		width:196px;
		background-image:url(/images/menu/developmentDatabase.png); }
	#developmentDatabase[class="current"] {
		background-image:url(/images/menu/developmentDatabase_over.png); }
	
	#metroTripPlanner {
		width:200px;
		background-image:url(/images/menu/metroTripPlanner.png); }
	
	#blockPicker {
		width:217px;
		background-image:url(/images/menu/blockPicker.png); }
		
/* =center content */
	#leftContainer {
		position:absolute; top:126px; left:8px;
		width:574px; height:400px;
		overflow:hidden; }
	
	#rightContainer {
		position:absolute; top:126px; right:8px;
		width:210px; height:400px;
		overflow:hidden; }
	
	#leftContent {
		position:absolute;
		width:554px; height:320px; padding:10px; padding-top:70px;
		overflow:auto; }
	
	#leftContainer h1 {
		position:absolute; left:0; top:-20px;
		width:542px; padding-top:30px; padding-right:10px;
		color:#54B948; text-align:right; text-align:right; background-color:#FFFFFF; z-index:50; }
	
	#leftContainer #leftTitle {
		color:#FFFFFF; background-color:transparent; }
	
	#rightContent {
		position:absolute;
		width:190px; height:380px; padding:10px;
		overflow:auto; }
	
	#leftContent h1, #rightContent h1 {
		color:#54B948; }
	
	#leftContent h1, #rightContent h1, #leftTitle, #leftContainer h1 {
		font-size:28px; font-weight:normal; }
	
/* =copyright */
	#copyright {
		position:relative;
		margin-right: 25px;
		text-align:right; color:#BCBEC0; }
	#copyright a, #copyright a:visited {
		color:#BCBEC0; }