/**************************
 SilverStripe NatureWeb4 Theme
 http://www.silverstripe.com

 adapted to SilverStripe by Jeff Chan
 http://jeffchan.org

 based on Aybabtu's layout
 http://www.openwebdesign.org/viewdesign.phtml?id=4030
 http://www.openwebdesign.org/userinfo.phtml?user=aybabtu
 
 photo from
 http://www.openstockphotography.org/image-licensing/lightbox/Transantarctic_mountain_hg.jpg
**************************/

body {
	border-top:5px solid #000;
	background:url(../images/black2.jpg) repeat-x;
	font-family:arial;
	margin:0;
}
a {
	color:#003;
	text-decoration: none;
}
a img {
	border: none;
}
#Container {
	width:770px;
	min-height:400px;
	border:10px solid #ffffff;
	background:#fff;
	margin:10px auto auto auto;
	padding:0;
}
#logo{position:absolute;left:0;bottom:17px;}

#Header {
	height:150px;
	position:relative;
	padding: 0;
	margin: 0 0 10px;
}

#HeaderImgContainer{position:absolute;top:10px;right:10px;width:540px;overflow:hidden;white-space:nowrap;}
.HeaderItem{display:inline-block;}
.HeaderItem p{font-size:12px;overflow:hidden;padding-right:10px;margin:0;}
	#Header h1 {
		margin:0px;
		margin-top:-3px;
		font-size:52px;
		font-family:verdana;
		padding-left:5px;
		letter-spacing:-10px;
		color:#fff;
		font-weight:heavy;
		height:40px;
	}
		#Header h1 a {
			color:white;
			text-decoration: none;
		}

#Columns {
/*	border-top:1px solid #333; */
}

#Sidebar {
	float:left;
	width:200px;
	padding: 0 0 20px;
}
	#Sidebar h3 {
		font-size:125%;
		text-transform: uppercase;
		letter-spacing: -3px;
		color: #666;
	}
	#Sidebar p {
		line-height:130%;
		color:#333;
	}
	#Sidebar ul {
		list-style:none;
		margin:0 0 0 5px;
		padding:0;
	}
	#Sidebar li {
		list-style:none;
		margin:0;
		padding:0;
		font-size: 0.95em;
	}
	ul#Navigation {
		font-size:90%;
		list-style:none;
		margin:0;
		padding:0;
	}
		ul#Navigation li {
			display:inline;
			margin:0;
			padding: 6px 0 0 0;
		}
		ul#Navigation li a {
			letter-spacing: -1px;
			text-transform: uppercase;
			text-decoration:none;
			display:block;
			padding:5px;
			margin-bottom:1px;
			border-left:10px solid #2f5073;
			background:#598CCD;
			color:#fff;
		}
			ul#Navigation li a:hover {
				letter-spacing: +1px;
				border-left:10px solid #fff;
				background:#fff;
				color:#000;
			}
		ul#Navigation li a.current {
			border-left:10px solid #2F435C;
			background:#4F749F;
			color:#fff;
			letter-spacing: 0px;
		}

		ul#Sub-Menu li a.items {
			border-left:10px solid #2F435C;
			background:#4F749F;
			color:#fff;
			letter-spacing: 0px;
		}

		ul li ul {
			margin: 0 0 0 10px;
			padding: 0;
		}
	
#Main {
	float:right;
	width:540px;
	height:auto;
	border-left:1px solid #333;
	padding: 10px 0 20px 10px;
}
#Footer {
	font-size:80%;
	border-top:5px solid #000;
	text-align:center;
	color:#000;
	margin-top:10px auto auto;
	clear: both;
}
	#Footer a {
		color:#000;
		text-decoration:none;
	}
#Breadcrumbs p {
	line-height: 1.1em;
	text-align: left;
	font-size:0.8em;
	margin: 0 0 5px 0;
	padding: 0;
}