/**************************
 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-image:url('../images/back.jpg');
	background-repeat:repeat;
	margin:0;
	padding:0;
}

body{
	color:#000;
	font-family:"Times New Roman", Times, serif;
	font-size:90%;
	margin:0;
	padding:0;
	line-height:16px;
}

p{
	margin:0;
	padding:0 0 15px;
	text-align: left;
}

a img{
	border: none;
}

a{
	color:#660000;
	text-decoration:underline;
}
a:hover{
	color:#000;
	text-decoration:none;
}

/*structural elements*/
#Container{
	text-align:center;
	width:760px;
	height:100%;
	margin:0 auto;
	padding:0;
}
#Holder{
	width:100%;
	text-align:left;
	padding:0px 20px 5px;
	background-image:url('../images/sidestalk.png');
	background-repeat:repeat-y;
}

#Logo{
	background:#fff no-repeat 180px 0;
	border-bottom:1px solid #DADADA;
	padding:0px 30px 20px 0;
}

	#Logo h1{
		font-weight:400;
		font-size:170%;
		color:#036703;
		margin:0;
		padding:0;
	}

#Navigation{
	color:#036703;
	padding:10px 0;
	clear:both;
	background:#ffffff;
}
#Navigation ul {
list-style: none;
margin: 0;
padding:0;
width: 105px;
float: left;
background:#fff;
}

#Navigation a, #Navigation h2 {
font-family:"Gill Sans", sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #e7e7e7;
margin: 0;
padding: 2px 2px;
}

#Navigation h2 {
color: #fff;
font-weight:normal;
color:#036703;
background: #fff;
font-size:12px;
}

#Navigation a {
color: #333;
text-decoration: none;
}

#Navigation a:hover {
color: #cc6600;
background-color:#F7F7F7;
}
#Navigation li {position: relative;}

#Navigation ul ul {
position: absolute;
z-index: 500;
}

#Navigation ul ul ul {
top: 0;
left: 100%;
}

div#Navigation ul ul,
div#Navigation ul li:hover ul ul,
div#Navigation ul ul li:hover ul ul
{display: none;}

div#Navigation ul li:hover ul,
div#Navigation ul ul li:hover ul,
div#Navigation ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(/themes/kms/css/csshover.htc);
font-size: 100%;
}

#Navigation ul li {float: left; width: 100%;}
#Navigation ul li a {height: 1%;} 

#Navigation a, #Navigation h2 {
font-family:"Gill Sans", sans-serif;
}
</style>
<![endif]-->

/* start drop down navi */
#navbox{
	padding:10px 0;
	height:10px;
}
#nav, #nav ul { /* all lists */
	color:#036703;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 7em;
	color:#333;
	text-decoration:none;
	font-family:"Gill Sans", sans-serif;
}
#nav a:hover{
	color:#cc6600;
}
#nav li { /* all list items */
	float: left;
	width: 7em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #E7E7E7;
	width: 7em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* end drop down navi */

#Header{
	padding:0px;

}
#grouplink {
	margin:0px auto;
	text-align:left;
	height:20px;
	border-bottom:1px solid #666;
	background-color:#fdf8f5;
	font-weight:bold;
	padding:4px 0px;
	text-transform:uppercase;
	}
#grouplink a {
	text-decoration:none;
	color:#952a23;
}
#grouplink a:hover {
	color:#000;
}

#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:#fdf8f5;
		border:1px solid #E7E7E7;
		font-size:90%;
		margin:10px 0;
		padding:15px 10px 15px;
	}
		.sidebarBox h3{
			color:#000000;
			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%;
	text-align:left;
	padding:20px;
	height: 30px;
	background-image:url('../images/sidestalk.png');
	background-repeat:repeat-y;

}

	#Footer a{
		color:#000000;
		text-decoration:underline;
		padding:0 5px 0 0;
	}
	#Footer a:hover{
		text-decoration:none;
	}
	
	#Footer ul
	{
		list-style:none;
		margin:0;
		padding:0;
	}

	#Footer li
	{
		display:inline;
		margin:0;
		padding:0;
	}

	#Copyright{
		float:right;
		width: 530px;
		text-align:right;
		border-top:1px dotted #ccc;
		padding:5px;
	}

/*misc*/
.clearFix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearFix{
	display:block;
}

* html .clearFix
{
	height:1%;
}
/* The rest of this file is for the second tutorial */
#NewsList,
#StaffList {
	padding:10px;
}

#NewsList li,
#StaffList li {
	margin: 0;
	list-style-type: none;
	border-top:1px dotted #ccc;
	clear:both;
}
	#NewsList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a {
		font-size:1.3em;
		font-weight:bold;
		color:#0083C8;
		text-decoration:none;
		padding-left:20px;
		background:url(../images/treeicons/news-file.gif) no-repeat left center;
	}
		#NewsList li.newsDateTitle a:hover {
			border-bottom:1px dotted #0083C8;
		}
		
	#NewsList li.newsSummary {
		margin-bottom:20px;
	}
		#NewsList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#StaffList .staffname { 
	clear: both;
	padding-left: 130px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}     
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 130px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#660000;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}

/* css for boxover */
    .dvhdr1 {
        background:#F3F0E7;
        font-family:arial;
        font-size:12px;
        font-weight:bold;
        border:1px solid #C8BA92;
        padding:5px;
        width:150px;
         }
         
     .dvbdy1 {
        background:#FFFFFF;
        font-family:arial;
        font-size:12px;
        border-left:1px solid #C8BA92;
        border-right:1px solid #C8BA92;
        border-bottom:1px solid #C8BA92;
        padding:5px;
        width:150px;
     }
fieldset,form {
	border: 0;
	padding:0;
	margin:0;
}