/*
 Maungaharuru Tangitu
 http://www.silverstripe.com
 */


/************
  * Misc Styles and defaults
  */

* {
	margin: 0;
	padding: 0;
	}
html {
	background: #eee;
	height: 100%;
	width: 100%;
}

body {
 	font-size: 62.5%;
	font-family: Verdana, Lucida, sans-serif;
	padding-bottom: 20px;
	}

a img{
	border:0;
	float: left;
}

/**************
 	Site Container Box
*/

#Container {
	width: 780px;
	background: #fff;
	margin: 20px auto;
	border: 2px solid #d0d0d0;
	}
#Layout {
	width: 578px; /*560px;*/
	padding:1em 0 77em 2em;
	/*margin:0 0 0 20px;*/
	overflow: hidden;
	/*margin:20px 0 20px 38px;*/
	float:right; /*left;*/
	height:100%;
	background:#fff;
}
#Nav {
	width: 170px; /*142px; /*140px;*/
	float: left;
	background: #89afe0;
	height:100%;
	padding:1em 0.5em 0 0.5em;
	/*margin: 0 0 -33333px 0;*/
	/*padding:1em 0 0 1em;*/
	/*margin:20px 10px;*/
}
#Page {
	/*background: #fff url(../images/contentBg.gif) repeat-y left top;*/
	background:#89afe0;
	width: 100%;
	overflow: hidden;
	padding: 0;
}
#Footer {
	padding: 6px 0;
	width: 100%;
	background: #dfdfdf;
	text-align: right;
	clear:both;
}
	#Footer p {
		font-size: 1em;
		color: #444;
		margin-right: 5px;
	}
	#Footer a {
		color: #444;
		text-decoration: underline;
	}
	#Footer a:hover {
		color: #444;
		text-decoration: none;
	}
/** Header **/
#Header {

	}
#Header h1 {
    width: 100%;
	height: 109px;
	background:#fff;
 overflow: hidden;
	position: relative;
	/*background: #fff url(../images/headerBanner.gif) no-repeat right center;*/
	}
		#Header h1 span{
			top: 0;
			right: 0;
			position: absolute;
			width: 598px;
			overflow: hidden;
			display: block;
		}
 	#Header h1 #logoLink{
		position: absolute;
		top: 0;
		left: 25px;
		display: block;
		}

 	#Header h1 #logo{
			padding: 0 !important;
		}

	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}
/** Nav **/
#Nav ul {
	margin: 0 0 10px 0;
}
	#Nav li {
		list-style: none;
		margin: 2px 0;
	}
		#Nav li a{
			display: block;
			padding: 3px 5px;
			font-size: 1.2em;
			text-decoration: none;
			color: #fff;
		}
			#Nav li a:hover {
				text-decoration: underline;
			}
			#Nav li a.section,
			#Nav li a.section:hover,
			#Nav li a.current,
			#Nav li a.current:hover {
				background: #b9ceed;
				color: #003b58;
			}
#Nav ul ul {
	font-size: 0.9em;
	margin: 0 0 10px 10px;
}

/** Breadcrumbs **/
#Breadcrumbs {
	width: 100%;
	padding: 5px 0;
	background:#9fa3a3; /*#b9ceed;*/
	color: #fff;
	text-align: right;
}
	#Breadcrumbs p {
		margin-right: 5px;
	}
	#Breadcrumbs a {
		color: #fff;
		text-decoration: underline;
	}
	#Breadcrumbs a:hover {
		text-decoration: none;
	}
/*** Message Boxs ***/

.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}
p.info {
	font-size: 1em;
	color: #999;
	margin: 2px;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}

p.comment { font-size: 1em;}


/* Forms
*******************************************************/

fieldset {
	border: 0;
	font-size: 1.2em;
}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1.2em;
}
form ul {
	list-style: none;
}
.middleColumn {
 	display: block;
 	margin: 15px 10px 10px 0;
	background: #E9E9E9;
	padding: 4px;
	width: 306px;
	clear: left;
}
input.text, textarea, select {
	padding: 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	width: 300px;
}
select {
	width: auto;
}

input.action {
	padding: 2px;
	font-size: 1.2em;
	font-family: Verdana, Tahoma, Sans-serif;
}
input:focus span, textarea:focus span {
	border: 3px solid #000;
}

input.action:hover,
input.action:focus {
	cursor: pointer;
}

/* Comments
******************************************/

#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

ul#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}

ul#PageComments p.info {
	color: #888;
}
/* Search Results
*****************************************/
ul#SearchResults {
	margin: 1em 0.5em;
}
ul#SearchResults li {
	list-style: none;
	margin: 1em;
	font-size: 1.2em;
}

ul#SearchResults li h5{
	text-transform:uppercase;
	font-size:1em;
}

/*Search database form in private area
******************/

#searchBar label{
	display:block;
	margin:1em;
}

/*Definition lists in the private area search detail page
**********************************************************/

#document_details{
	border:1px solid #ccc;
	text-align:left;
	border-collapse:collapse;
}

#document_details th, #document_details td {
	border:1px solid #ccc;
	padding:1em 0.5em;
	vertical-align:top;
}




#PageComments_holder {padding: 50px;}


#SearchResults  {width: 510px;}
#SearchResults td { padding: 0.5em;}
#SearchResults td a:link, #SearchResults td a:visited {color: #003B58; font-size: 1.2em; text-decoration: none;}
#SearchResults td a:hover {color: #89AFE0;}

#Navigation a.left {
	float: left;
}
#Navigation a.right {
	float: right;
	margin-right: 2em;
}
#Navigation .clear {
	clear: both;
}

.monthView .month h6 {
	text-align: center;
}