body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

a {
	outline: none;
	text-decoration: none;
	color: #003366;
	font-weight: bold;
}


a:hover {
	color: #637d98;
}

body {
	font: 12px/18px "Lucida Grande", Verdana, sans-serif; 
	font-size: 10pt;
	text-align: center;
	background: #003366 url(images/body_bg_2.gif) repeat-x;
	}
	

#container {
	width: 960px;
	text-align: left;
	color: #000000;
	margin: auto;
	background: #003366;
	}

#content {
		background: #ffffff;
		float: left;
		width: 960px;
}

.puzzleimage {
			border-top: 2px solid #cccc99;
			margin: 0 0 -4px 0;
} 

h3 {
	color: #003366;
	font-family: "Lucida Grande", Verdana, sana-serif;
	font-size: 12pt;
}

h4 {
	color: #003366;
	font-size: 1em;
}

#header h1 {
	background: #003366 url(images/header.gif);
	background-repeat: no-repeat;
	height: 99px;
	text-align: left;
		
}

#header h1 span {
	display:none
	}
	
#nav {
	margin: 0;
	padding: 0;
	background: #cccc99;	
	list-style-type: none;
	width: 230px;
	float: left; /*contain floated list items*/
	
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	border-bottom: 1px solid #6b6d69;
}

#nav a {
	float: left;
	text-align: left;
	display: block;
	line-height: 2.5;
	color: #003399;
	text-decoration: none;
	padding: 0 15px;
	font-weight: normal;
}

#nav a:hover {
	color: #0086ea;
}

#nav #nav_link a {
	border: none;
}

/*body id and you are here indicators - keeps current page in a hover status*/

#body_home #nav_home a, #body_work #nav_work a, #body_conf #nav_conf a, #body_facil #nav_facil a, #body_ment #nav_ment a, #body_links #nav_links a, #body_cont #nav_cont a {
	color: #ffffff;
	
} 

#body_home #nav_home a:active, #body_work #nav_work a:active, #body_conf #nav_conf a:active, #body_facil #nav_facil a:active, #body_ment #nav_ment a:active, #body_links #nav_links a:active, #body_cont #nav_cont a:active {
	color: #ffffff;
} 
.text {
	margin: 0 30px 20px 250px;
	padding: 20px;
}

ul {
	margin-left: 10px;
}	

#heading_home  {
	background: transparent url(images/head_home.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 238px;
	text-align: left;
}

#heading_home span {
	display:none
	}
	
#heading_work  {
	background: transparent url(images/head_work.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 408px;
	text-align: left;
}

#heading_work span {
	display:none
	}
	
#heading_conf  {
	background: transparent url(images/head_conf.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 408px;
	text-align: left;
}

#heading_conf span {
	display:none
	}
	
#heading_facil  {
	background: transparent url(images/head_facil.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 408px;
	text-align: left;
}

#heading_facil span {
	display:none
	}
	
#heading_ment  {
	background: transparent url(images/head_ment.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 408px;
	text-align: left;
}

#heading_ment span {
	display:none
	}
	
#heading_links  {
	background: transparent url(images/head_links.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 408px;
	text-align: left;
}

#heading_links span {
	display:none
	}
	
#heading_cont  {
	background: transparent url(images/head_cont.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 408px;
	text-align: left;
}

#heading_cont span {
	display:none
	}
	
#heading_check  {
	background: transparent url(images/head_check.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 408px;
	text-align: left;
}

#heading_check span {
	display:none
	}
	
#heading_coach  {
	background: transparent url(images/head_coach.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 408px;
	text-align: left;
}

#heading_coach span {
	display:none
	}

#heading_open  {
	background: transparent url(images/head_open.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 408px;
	text-align: left;
}

#heading_open span {
	display:none
	}

	/*form style*/

#enquiryform {
	float: left;
	margin: 0 0 50px 10px;
	display: inline;
	}

label {
	display: block;
}

input {
	background-color: #e1e1c0;
}

textarea {
	background-color: #e1e1c0;
}		

/*end form style*/

#footer {
	color: #ffffff;
	text-align: center;
		background: #003366;
		font-weight: bold;
		font-size: xx-small;
		clear: both;
		padding: 10px;
		border-top: 2px solid #cccc99;
		/*border-bottom: 2px solid #cccc99;*/

}

#footer a {
	color: #cccc99;
	text-decoration: none;
}

#footer a:hover {
	color: #cccccc;
}

/* 
  Secure PHP Contact Form by Katanning Web Services - www.katweb.com.au 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div { 
  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #ffffff; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
  background-color : #fefefe;
  border : 0; 
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
  background-color : #fafafa;
  border : 0; 
}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
  color : #666;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #669900; 
}

/* form label text */
label { 
  color : #669900;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 95% 'Trebuchet MS', sans-serif; 
  color : #666; 
  padding : 2px; 
  border : 1px solid #cc9000;
  background-color : #fffffa;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #669900;
  background-color : #ffffff;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #000;
  background-color : #ffffff;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #ffffff;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #669900; 
  font-weight : bold; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt {
  color : #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#gb_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}