html *{
	margin:0;
	padding:0;
}

html{
		min-width:780px;
		height:100%;
}

body {
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color:#000;
	background:#FFF url(../../images/HS_col_sep.gif) repeat-y 75%;
	height:100%;
}

table * {
font-size:100%;
}

ul,ol {
	margin-left: 15px;
	margin-top: 10px;
	padding-left: 15px;
}
html>body li{
	margin-left:15px;
}
p,ul,ol	{	margin-bottom: 20px;	}

input,select,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin:1px;
}

form {	
	display:inline;	
}

h1,h2,h3,h4,h5 {	
	margin-bottom: 5px;
}

h1 {
	font-size:1.8em;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.3em;
}

h4 {
	font-size:1em;
}

a img { 
	border:0; 
}

a.skip {
	font-size:1px;
	line-height:1px;
	position:relative;
	left:-1000px;
	display:none;
}

.imageRight {
	display:block;
	text-align:right;
}

.imageLeft {
	display:block;
	text-align:left;
}

.imageCenter {
	display:block;
	text-align:center;
}
#content{
	height:100%;
}
div.container{
	height:100%;

}
html>body div.container{
	height:auto;
	min-height:100%;	
}
/* header */
div#header {
	width:100%;
	/*background:#336600 url(../../images/HS_banner.jpg) no-repeat right;*/
	background-color:#336600;
	color:#FFF;
}

div#header h1 {
	margin:0;
	height:89px;
	width:400px;
	background-color:#336600;
	/* url(../../images/HS_logo.gif) no-repeat;*/
	color:#FFF;	
}

div#header h1 span {
	position:relative;
	left:-1000px;
	display:none;
}

#navigation {
	width:100%;
	height:23px;
	background-color:#8FA93B;
	color:#FFF;
	line-height:30px;
	font-size:0.9em;
	border-top:1px solid white;
}

/* http://www.htmldog.com/articles/suckerfish/dropdowns/ - much modification by Gary*/
#nav {	background-color:#8FA93B;color:#FFF;}
#nav, #nav ul { padding: 0; margin: 0; list-style: none;  line-height: 1px;} 
#nav a { background-color:#8FA93B;display: block; color:#FFF; text-decoration:none; padding:0 .8em; text-align:center} 	
#nav a:hover {	color:#A4D72B;background-color:#8FA93B;}
#nav li ul a {	text-align:left;width:12em; padding:0 .3em;}
#nav li {margin:0; position:relative;float: left; line-height:23px;border-right:1px solid white; background-color:#8FA93B;color:#FFF;}
#nav li ul { position: absolute; width: 12em; left: -999em;} 
#nav li ul li { background-color:#336600;margin-left:0em;border-top:1px solid white;color:#FFF;}
#nav li ul li a {	background-color:#336600;color:#FFF;}
#nav li ul li a:hover {	background-color:#336600;color:#A4D72B;}
#nav li:hover * {	background-color:#336600;}
#nav a.sel {	background-color:#336600;color:#A4D72B;}
#nav li:hover ul { left: auto;}
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em;}
#nav li ul ul { margin: -2.1em 0 0 12.6em; }
html>body #nav li ul ul {margin: -2.1em 0 0 12.7em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto;  }
#nav li.sfhover a,#nav li.sfhover a:hover { background-color:#336600;}
#navigation iframe {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}



/* wrapper */
div#wrapper {
	float:right;
	width:75%;
}


/* title */
div#title {
	height:100%;
	padding: 0 10px 10px;
}

div#mainContent {
	padding: 10px;
}

div#title h2 {
	margin:10px 0;
	font-size:1.9em;
	color:#A7BF56;
	background-color:inherit;
}

/* left */
div#left {
	float:left;
	width:48%;
	_width:47%;	
	padding: 0 1%;
	margin-bottom:0;
	color:#000;
	background-color:inherit;	
	height:1%;
}

div#leftContent {
	margin:4px;
}

/* centre */
div#centre {
	float:left;
	width:49%;
	padding:0 0 0 1%;
	margin:0;
	background:#FFF url(../../images/HS_col_sep.gif) repeat-y left;
	color:#000;	
	height:100%;
}

/* right */
div#right {
	float:left;
	width:24%;
	
	color:#000;
	padding-right:5px;
}

div#rightContent {
	margin:4px;	
}

html>body div#centre,div#left {
	width:48%;
}

/* footer */
div#footer {
	background-color:#A3BF50;
	color:#FFF;	
	width:100%;
	position:relative;
	clear:both;
}

div.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/* Presentation */
a {
	color:#336600;
	background-color:inherit;
}

.articlesList {
	background-color:#D8EE9C;
	color:#336600;
	padding:5px;
}

.articlesList * {
	color:#336600;
	background-color:inherit;
}

.articlesList h3 {
	padding-bottom:5px;
}

.articlesList a {
	font-weight:bold;
	text-decoration:none;
}

.articlesList a:hover {
	text-decoration:underline;
}

.questionList {
	background-color:#D5CB45;
	color:#336600;
	padding:5px;
}

.questionList * {
	color:#336600;
	background-color:inherit;
}

.questionList h3 {
	padding-bottom:5px;
}

.questionList a {
	font-weight:bold;
	text-decoration:none;
}

.questionList a:hover {
	text-decoration:underline;
}

.questionList ul {
	list-style-type:none;
	margin:0;
	padding:0;	
}

.hpList {
	background-color:#F3E2B2;
	padding:5px;
	color:#814A09;
}

.hpList * {
	background-color:inherit;
	color:#814A09;
}

.hpList h3 {
	padding-bottom:5px;
}

.hpList a {
	font-weight:bold;
	text-decoration:none;
}

.hpList a:hover {
	text-decoration:underline;
}

.hpList img {
	float:left;
	margin:3px 5px 0 0;
}

.yellowBrown {
	background-color:  #D5CB45;
	color:#FFF;
	padding:3px 8px;		
	margin-bottom:2px;
}

div.yellowBrown p {
	padding:0;
	margin:0;
}

.lightBrown { 
	background-color:  #D0AA37;
	color:#FFF;
	padding:3px 8px;		
	margin-bottom:2px;
}

div.lightBrown p {
	padding:0;
	margin:0;
}

.lime { 
	background-color:  #A9BF5B;
	color:#FFF;
	padding:3px 8px;		
	margin-bottom:2px;
}

div.lime p {
	padding:0;
	margin:0;
}

.brown { 
	background-color:  #814A09;
	color:#FFF;	
	padding:3px 8px;		
	margin-bottom:2px;	
}

div.brown p {
	padding:0;
	margin:0;
}

.olive {
	background-color:  #B5932D;
	color:#FFF;	
	padding:3px 8px;		
	margin-bottom:2px;	
}

div.olive p {
	padding:0;
	margin:0;
}

.darkGreen {
	background-color: #336600;
	color:#FFF;	
	padding:3px 8px;		
	margin-bottom:2px;	
}

div.darkGreen p {
	padding:0;
	margin:0;
}

.mauve {
	background-color: #5F5879;
	color:#FFF;	
	margin-bottom:2px;	
}

div.vision {
	background-color: #A9BF5B;	
	color:#336600;
	font-size:0.9em;
	height:1px;
	margin: 2px 0;
}
html>body div.vision {
	height:auto;
	min-height:48px;
}

span.visionImage img {
	float:left;
	margin-right:3px;
}

div.vision .visionText {
	background-color:inherit;
	color:#336600;
}

.greentext {
	background-color:inherit;
	color:#336600;
}

.whitetext {
	background-color:inherit;
	color:#FFF;
}

.blacktext {
	background-color:inherit;
	color:#000;
}

.browntext {
	background-color:inherit;
	color:#814A09;
}

.limetext {
	background-color:inherit;
	color:#A9BF5B;
}

.olivetext {
	background-color:inherit;
	color:#B5932D;
}

#mainContent strong {
	background-color:inherit;
	color:#336600;
} 

div.teaser {
	background-color:inherit;
	color:#627328;
	margin-bottom:10px;
	font-weight:bold;
}

ul.pagi_links {
	list-style-type:none;
}

ul.pagi_links li {
	display:inline;
	margin-left:10px;
}

form.signup {
	background-color:inherit;
	color:#336600;
}

form.signup label {
	display:block;
	width:10em;
	float:left;
}

form.signup input {
	width:8em;
}
br.clearLeft{
	clear:left;
}
div.breadcrumbs {
	padding:0 5px 5px 0;
}
table.services{
	border-collapse:collapse;
	border:1px solid #063;
}
table.services th{
	padding:3px;
	border:1px solid #063;
	color:#063;
	font-size:1.2em;
}

table.services td{
	padding:3px;
	border:1px solid #063;	
	vertical-align:top;
}
table.services tr{
	border:1px solid #063;
}
table.services thead{
	background-color:#D8EE9C;
}

table.services col.cream{
	background-color:#FFFFE6;
}
table.hp th{
	vertical-align:text-top;
}
table.hp tr th{
	text-align:left;
	color:#063;
	width:20%;
}

div.table{
	width:100%;		
	border:1px solid #063;

}
div.tr{
	_border-right:1px solid #FFF;		
	
}
span.th{
	display:block;
	width:25%;
	float:left;
	color:#063;
}
span.td{
	display:block;
	width:75%;	
	float:left;	
	padding:5px;
	_padding:0px;
	border-left:1px solid #063;
}

html>body div.table{
	display:table;
}
html>body div.tr{
	display:table-row;

}
html>body span.th{
	display:table-cell;
	float:none;
}
html>body span.td{
	display:table-cell;
	float:none;	
}
/* hps */
div.hpimages img{
padding:2px;
}