/*
Heretaunga Theme
*/
 
/************
  * Misc Styles and defaults 
  */
  
* {
	margin: 0;
	padding: 0;
}

html, body {
	height:100%;
	width: 100%;
}

body {
	background: #FFF;
	color: #444444;
 	font-size: 62.5%; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
img {
	border: 0px;
	margin: 0px;
}
.clear{
	clear:both;
}
.wrapper {
	margin: 0 auto;
	width: 800px;
	height:100%;
	background:url(../images/navigation_bg.gif) no-repeat right top; /* Adds the navigation background to the page */
}
.wrapper_page {
	margin: 0 auto;
	width: 800px;
	height:100%;
	background:url(../images/navigation_bg_page.gif) no-repeat right top; /* Adds the navigation background to the page */
}
.footerwrapper {
	margin: 0 auto;
	width: 800px;
	height:100%;
}
.headerBG {
	background-image: url(../images/bubbles_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/* IE 6 fix */
* html .centeredBubbleFlash { 
	position: absolute; 
}
/**************
 	Site Container Box
*/
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -239px;
}
#wrapper_page {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px;
}
#BgContainer {
	width: 1000px;  
	margin: 0 auto; 
}
#Container { 
	width: 900px;
	padding-bottom: 15px;
	background-color:#06F;
	margin: 0 auto;
	position:relative;
	}
#Layout {
	width: 760px;
	clear: both;
	overflow: hidden;
	margin: 15px auto;
}
#Content {
	clear:both;
	position: relative;
	width: 580px;
	float: left;
	padding-right: 35px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 2px;
}
#BlogEntry_Form_BlogEntryForm #Content {
	float: none;
}
/** Header **/
#Header { 
	height: 330px;
	float:left;
	position: relative ;
	text-align: center;
	width: 100%;
	overflow: hidden;
	}
#Header_page {  /* Adds the header div with the static bubble bg image along the top of 'page's */
	height: 231px;
	float:left;
	position: relative;
	text-align: center;
	width: 100%;
	overflow: hidden;
	background-color:#e6e6e6;
	background-image: url(../images/page_header_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;	
	border-top: thin solid #CCC;
	border-bottom: thin solid #CCC;
}
#Header_page_logo {  /* Adds the header div with the static bubble bg image along the top of 'page's */
	height: 110px;
	float:left;
	position: relative;
	width: 100%;
	overflow: hidden;
	background-image: url(../images/page_header_bglogo.jpg);
	background-repeat: no-repeat;
	background-position: top;	
}
#headerBG { /* Cant remeber what this does */
	background-image: url(../images/bubbles_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.banner_hr { /* Adds a border to the top and bottom of the banner on "Page"'s */
	
	height: 1px;
	width: 300px;
}

/*** Main Nav ***/
#Navigation {
	width: 181px;
	float: left;
	padding-top: 9px;
	padding-bottom: 5px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0px;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#Navigation ul { /*Top level pages*/
 	float: left; 
	clear: both;	
	}
	#Navigation ul li { 
		width: 163px;
		height: auto;
	 	list-style: none; 
		margin-left: 16px;
		float: left;
		clear: both;
		}
  		#Navigation ul li a {
			width: 163px;
			min-height: 22px;
			float: left;
			text-decoration: none;
			color: #eaeaea;
			padding-left: 10px;
			padding-top: 2px;			
		}
    		#Navigation a.current { /*On the current page that doesnt have children*/
			 	color: #eaeaea;
				background:url(../images/menu_toplevel_selected.png) no-repeat top left;
				overflow: hidden;
				font-weight: 700;
			}
			#Navigation a.section { /*On the current page*/
				color: #eaeaea;
				background:url(../images/menu_toplevel_selected.png) no-repeat top left;
				overflow: hidden;
				font-weight: 700;
			}
			#Navigation a.link { /* top level links have a toplevel.png bg image behind them */
			 	color: #eaeaea;
				background:url(../images/menu_toplevel.png) no-repeat top left;
			}
			/* SUB LINK */
			#Navigation a.sublink {  /* sublinks have a dark, flat bg image */
				color: #444444;
				background:url(../images/menu_sublevel_bg.png) repeat-y top left;
				font-size: 11px;
				width: 150px;
				padding-right: 3px;
				min-height: 20px;
			}
			#Navigation a.sublink_section {  /* sublinks that are selected should have a lighter flat bg image - subsublevel_bg.png */
				background:url(../images/menu_subsublevel_bg.png) repeat-y top left;
				text-decoration: underline;
				font-weight: bold;
			}
			#Navigation a.sublink_selected_children {  /* sublinks that are have children should be underlined*/
				background:url(../images/menu_subsublevel_bg.png) repeat-y top left;
				text-decoration: underline;
				font-weight: bold;				
			}
			#Navigation .sublink_rounds { /* at the bottom of a list of sublinks is a rounded corner bg image */
				background:url(../images/menu_sublevel_rounds.png) no-repeat top left;
				height: 17px;
			}
			/* SUB SUB LINK */
			#Navigation a.subsublink {
				color: #444444;
				background:url(../images/menu_subsublevel_bg.png) repeat-y top left;
				font-size: 11px;
				text-indent: 10px;
			}
			#Navigation a.subsublink.subsublink_section { /* put an arrow next to th title of the selected sub sub link */
				background-image: url(../images/menu_subsublevel_section_bg.png);
				background-repeat: no-repeat;
				background-position: left top;
				text-indent: 10px;
			}
			/* SUB SUB SUB LINK */
			#Navigation a.subsubsublink { 
			 	color: #444444;
				background:url(../images/menu_subsublevel_bg.png) repeat-y top left;
			}
			#Navigation ul li a.current span,
			#Navigation ul li a.section span,
    		#Navigation ul li a.section:hover span,
			#Navigation ul li a.current:hover span {
				color: #666;
			}
			#Navigation .ChildrenClass{
				color:#F00;
			}
			#Navigation .section.ChildrenClass{
			background:url(../images/menu_toplevel_section.png) no-repeat top left;
			}
			
    
/** Breadcrumbs **/
#Breadcrumbs {
	margin: 0px 5px 10px 0;
}

/*** 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#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}
/* Footer 
*****************************************/
#Footer {
	background:transparent url(../images/footer_bg.gif) repeat-x scroll left top;
	clear:both;
	color:#FFF;
	position:relative;
	height: 200px;
	}
	#Footer h1 {
		color: #FFF;
		font-size: 1.5em;
		text-align: left;
		margin-top: -0.6em;
		font-weight: bold;
	}
  	#Footer p { 
		color: #FFF;
		font-size: 1.1em;
		line-height: 1.4em;
		text-align: left;
	}
  	#Footer a {
		color: #FFF;
		text-decoration: none;
		border-bottom-width: thin;
		border-bottom-style: solid;
		border-bottom-color: #CAAAA8;
	}
	#Footer a:hover {
		text-decoration: none;
		border-bottom-style: none;
	}
	#Footer .box {
		width:199px;
		height:150px;
		float:left;
		padding-top:20px;
	}
	#Footer .copyright {
		width:796px;
		height:30px;
		float:left;
	}
	#Footer .crest {
		float: right;
		bottom: 0;
		right: 0;
		position: absolute;
		padding-bottom: 6px;
		padding-right: 6px;
	}
	
/* Footer Tabs
****************************************/
#Footertabs {
	clear:both;
	color:#FFF;
	position:relative;
	height: 60px;
	overflow: hidden;
}
/* Footer Quick Links
****************************************/
#Footer .quicklinks {
	list-style-type: none;
	font-size: 1.1em;
	line-height: 1.4em;
}