body {
	background:#231f20;
	color:#fff;
	font:13px Arial, Helvetica, sans-serif;
	text-align:center;
	padding-bottom:20px;
}

body#home ul a.homenav, body#contact ul a.contactnav, body#photogallery ul a.photogallerynav, body#news ul a.newsnav, body#sustainability ul a.sustainabilitynav, body#masterplan ul a.masterplannav, body#location ul a.locationnav{
	background:url(../img/orange.gif) repeat-x bottom;
}


a {
	color:#f78f1e;
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
.aright {
	text-align:right;
}

a.button {
	text-decoration:none;
	color:#fff;
	background:url(../img/button-l.gif) no-repeat left;
	display:block;
	float:left;
	padding-left:12px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
	a.button span {
		background:url(../img/button-r.gif) no-repeat right;
		line-height:28px;
		height:30px;
		display:block;
		padding-right:12px;
		cursor:pointer;
		white-space:nowrap
	}
.left {
	float:left
}
.right {
	float:right
}
.clear {
	clear:both;
	display:block;
	height:1px
}
.block {
	display:block;
}

#header {
	width:936px;
	margin:0 auto;
	text-align:left;
}
	#header h1 {
		font-size:1px;
		line-height:1px;
		
		padding-left:4px;
	}
		#header h1 a {
			display:block;
			text-indent:-10000px;	
		}
		#header h1 img {
			display:block;		
		}
	#header ul {
		
		background:url(../img/dash2.gif) repeat-x bottom left;
		float:left;
	}
		#header ul li {
			display:block;
			float:left;	
			
			font-weight:bold;
			padding-right:18px;
			position:relative;
		}
			#header ul li a {
				display:block;
				float:left;	
				color:#fff;
				text-decoration:none;
				padding-left:2px;
				padding-right:2px;
			}
			#header ul li a:hover, #header ul li a.active {
				background:url(../img/orange.gif) #231f20 repeat-x bottom;
			}
			#header ul li.blue a:hover, #header ul li.blue a.active {
				background:url(../img/blue.gif) #231f20 repeat-x bottom;
			}
			
			
						
			
			
				
#content {
	width:936px;
	margin:0 auto;
	text-align:left;
	padding-top:15px;
}
	#content h2 {
		font-size:1px;
		line-height:1px;
		text-indent:-100000px;
		padding-bottom:10px;
	}
		#content h2 img {
			display:block;	
		}
	#sidebar {
		float:left;
		width:260px;
	}
		#sidebar h3 {
			font-size:13px;
			font-weight:bold;
			padding-bottom:14px;
		}
		#sidebar h4.img {
			font-size:1px;
			line-height:1px;
			display:block;
			text-indent:-10000px;
			padding-bottom:7px;
		}
			#sidebar h4.img img {
				display:block;			
			}
		#sidebar h2.dots {
			
			background:url(../img/dash.gif) repeat-x bottom;
		}
		#sidebar table {
			width:260px;
		}
			#sidebar table td {
				padding-left:8px;
				padding-right:8px;
				padding-bottom:1px;
				padding-top:1px;
			}
		#sidebar .box {
			background:url(../img/dash.gif) repeat-x top;	
			margin-bottom:14px;
		}
			#sidebar .box .bg {
				background:url(../img/dash.gif) repeat-x bottom;
				padding-top:13px;
			}
			#sidebar .box ul {
				padding-bottom:13px;
			}
				#sidebar .box ul li {
					display:block;
					background:url(../img/bull.gif) no-repeat 1px 7px;
					line-height:130%;
					padding-left:11px;
				}
				#sidebar .box ul li.title {
					font-weight:bold;
					padding-left:0;
					background:none;
				}
		#sidebar .logo {
			padding-bottom:28px;
		}
			#sidebar .logo a img {
				display:block;
				float:left;
				padding-right:20px;
			}
		
		#sidebar p {
			line-height:130%;	
			padding-bottom:13px;
		}
			
		#sidebar .news {
			background:url(../img/dash.gif) repeat-x top;
			padding-top:13px;
			margin-bottom:16px;
		}
		#sidebar .news a{
			color: white
		}
			
			#sidebar .news small {
				font-size:12px;
				color:#f78e1e;
				display:block;
				background:url(../img/dash.gif) repeat-x bottom;
				padding-bottom:20px;
				margin-bottom:20px;
			}
			
	#page {
		width:662px;
		float:right;
	}
		#page .square {
			height:426px;
		}
		
		#page .igallery small {
			font-size:9px;
			background:#363535;
			display:block;
			float:left;
			height:17px;
			line-height:17px;
			padding:0 5px;
		}
			#page .igallery a img {
				display:block;
				float:left;
				padding-right:11px;
				padding-bottom:24px;
			}
			#page .igallery .dash {
				background:url(../img/dash.gif) repeat-x;
				height:1px;
				width:632px;
				margin-bottom:6px;
			}
			#page .fundcol{
				width:200px; float: left; margin-right: 15px;
			}
		
		#page .contact .secondrow {
			 width:662px;
		}
			
		#page .contact h3 {
			font-size:14px;
			font-weight:bold
		}
		
		#page .contact div {
			width:240px;
			padding: 0 10px;
			float:left;
			padding-bottom:8px;
			font-size:14px;
		}
			#page .contact div p {
				line-height:150%;
				
				padding-bottom:20px;
			}
				#page .contact div p a {
					text-decoration:none;
					padding-bottom:4px;
					background:url(../img/dash.gif) repeat-x bottom left;
					font-weight:bold;
				}
			#page .contact .dash {
				background:url(../img/dash.gif) repeat-x;
				height:1px;
				width:662px;
				margin-bottom:20px;
			}
		#page .ticker{
			width: 662px;
			height: 129px;
			background:url(../img/markamvale-orange.gif) no-repeat;
		}	
	.location {
		position:relative;
		overflow:hidden;
		width:662px;
	}
		.location .block {
			position:relative;
			top:0;
			left:0;
		}
		.location .zoom {
			position:absolute;
			z-index:2;
			bottom:20px;
			left:560px;
		}
		.location #demo1 {
			position:absolute;
			bottom:-3px;
			left:0;
			width:206px;
		}
			.location .x {
				display:block;
				position:absolute;
				right:0;
				top:35px;
			}
			.location h6 {
				background:url(../img/map-title.gif) no-repeat;
				width:171px;
				padding:5px 10px 0 10px;
				height:30px;
				font-size:12px;
				font-weight:bold;
			}
				.location h6 small {
					font-size:11px;
					font-weight:normal;
				}
			.location table {
				width:206px;
				background:#020000;
			}
				.location table td {
					border-bottom:dotted 1px #5e5756;
					vertical-align:bottom;
					padding:4px 12px;
					font-size:9px;
				}
					.location table td strong {
						color:#dee691;
					}
		
		.location #demo2 {
			position:absolute;
			bottom:-1px;
			left:215px;
			width:206px;
		}
	
	

#footer {
	font-size:10px;
}
	#footer li {
		display:inline;
	}
	#footer .left li {
		padding-right:40px;	
		padding-left:2px;
	}
	#footer .right li {
		padding-left:40px;	
		padding-right:2px;
	}
	#footer a {
		color:#fff;
		font-weight:bold;
		padding-bottom:2px;
	}
 #imagetrans {
			width: 662px;
			height: 416px;
		  }	

.menu {width:100%; height:30px; position:relative; z-index:100; font-family:arial, sans-serif; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:100%; w\idth:100%;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; }
.menu ul ul {}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; }

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; padding-right: 40px; height:30px; padding-left:10px; line-height:30px; font-weight:bold; }

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:149px;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#231f20; color:#fff; height:auto; font-size:11px; line-height:1em; padding:5px 10px; width:128px;}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#999; }
.menu :hover > a, .menu ul ul :hover > a {color:#999; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

#pane1{
	height: 357px; 
}
#pane2{
	height: 260px; 
}
	#pane2 h3{
		font-size: 15px; font-weight:bold; padding-bottom: 20px;
	}
	#pane2 p{
		padding-bottom: 20px;
	}
#pane3{
	height: 210px;
}			  
.newsImage{
	float:right;
	padding:0 0 15px 15px;
}