/**************************

 SilverStripe Hole in One Theme

 http://www.silverstripe.com



 adapted to SilverStripe by Jeff Chan

 http://jeffchan.org



 based on Sir Web Design's layout

 http://www.openwebdesign.org/viewdesign.phtml?id=4136

 http://sirwebdesign.com



/*defaults*/

html {

	background:#CCCCCC repeat-x 0 0;

}



body{

	color:#000;

	font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;

	font-size:90%;

	margin:0;

	padding:0;

}



p{

	margin:0;

	padding:0 0 15px;

	text-align: left;

}



a img{

	border: none;

}



a{

	color:#036703;

	text-decoration:underline;

}



a:hover

{

	color:#000;

	text-decoration:none;

}



/*structural elements*/

#Container{

	text-align:center;

	width:760px;

	height:100%;

	background:#fff;

	margin:0 auto;

	padding:0;

}



#Holder{

	width:100%;

	background:#FFF;

	text-align:left;

	padding:10px 20px 5px;

}



#Logo{

	background:#fff no-repeat 180px 0;

	border-bottom:1px solid #DADADA;

	padding:5px 30px 20px 0;

}



	#Logo h1{

		font-weight:400;

		font-size:170%;

		color:#036703;

		margin:0;

		padding:0;

	}



#Navigation{

	color:#036703;

	padding:10px 0;

}



	#Navigation a{

		color:#036703;

		text-decoration:none;

		padding:0 20px 0 0;

	}



	#Navigation a:hover

	{

		color:#000;

	}

	

	#Navigation ul

	{

		margin:0;

		padding:0;

		list-style:none;

	}



	#Navigation li

	{

		display:inline;

		margin:0;

		padding:0;

	}



#Header{

	background:#fff url('../images/header.jpg') no-repeat 0 10px;

	height:200px;

	padding:10px;

}



	#Header h1{

		font-weight:400;

		font-size:170%;

		color:#fff;

		margin:30px 0 0;

		padding:0;

	}



#Breadcrumbs p {

	font-size: 0.8em;

	padding: 0;

}



#Layout{

	padding: 0 0 10px 0;

}

	

#Content{

	float:right;

	width:530px;

	line-height:160%;

	padding:10px;

}



#Sidebar{

	float:left;

	width:200px;

	line-height:140%;

	text-align:justify;

}



	.sidebarBox{

		background:#EBFED8;

		border:1px solid #036703;

		font-size:90%;

		margin:10px 0;

		padding:15px 10px 15px;

	}

		.sidebarBox h3{

			color:#036703;

			font-size:130%;

			font-weight:400;

			margin:0 0 10px;

			padding:0;

		}

		

		.sidebarBox ul

		{

			list-style:none;

			margin:0 10px;

			padding:0;

		}



		.sidebarBox li

		{

			margin:0;

			padding:0;

			line-height: 1.8em;

			text-align: left;

		}

		

		.sidebarBox li a.current{

			text-decoration: none;

			font-weight: bold;

		}



#Footer{

	clear:both;

	width:100%;

	font-size:80%;

	background:#fff;

	text-align:left;

	border-top:2px solid #036703;

	padding:20px;

	height: 50px;



}



	#Footer a{

		color:#036703;

		font-weight:700;

		text-decoration:underline;

		padding:0 5px 0 0;

	}

	

	#Footer ul

	{

		list-style:none;

		margin:0;

		padding:0;

	}



	#Footer li

	{

		display:inline;

		margin:0;

		padding:0;

	}



	#Copyright{

		float:right;

		width: 330px;

		text-align:right;

	}



/*misc*/

.clearFix:after

{

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



.clearFix{

	display:block;

}



* html .clearFix

{

	height:1%;

}