/**************************
 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:#EBFED8 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:980px;
	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;
}

div#Navigation ul{
    margin-left:110px;
}

	#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:750px;
	line-height:160%;
	padding:10px;
}

#Sidebar{
	float:right;
	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%;
}