/************** Default Elements *******************/

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

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	background: #fff url(../images/body_bg.jpg) repeat-x;
	font: 100.01% Arial, Helvetica, sans-serif;
	color: #3a3f55;
}

/************** Layout Elements *******************/

#wrapper {
	width: 770px;
	margin: 0 auto;
	font-size: 80%;
	background: url(../images/content_bg02.jpg) no-repeat 180px 0;
	min-height: 650px; /*ensure the bg image is not cut off at the bottom*/
	position: relative;
}

#leftCol {
	position: absolute;
	top: 51px;
	left: 0;
	width: 178px;
	padding-top: 100px;
}

#contentHolder {
	padding-top: 160px;
	width: 550px;
	margin-left: 200px;
}

#content {
	width: 530px;
	margin: 0 auto;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
}



/************** Styling Content *******************/

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0 5px 0;
	font-size: 150%;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 130%;
	margin-top: 15px;
}

h4 {
	font-size: 120%
}

h5 {
	font-size: 110%;
}

h6 {
	font-size: 100%;
	line-height: 140%;
}

p {
	margin: 10px 0;
}
#leftCol p img {
	margin-top: 5px;
	margin-left: 5px;
}


blockquote {
	background: #D0D1DF;
	padding: 8px 0px;
	margin: 15px 0px 5px;
	border-top: 1px solid #3C4661;
	border-right: 2px solid #3C4661;
	border-bottom: 2px solid #3C4661;
	border-left: 1px solid #3C4661;
}
blockquote p {
	padding-right: 12px;
	padding-left: 12px;
	line-height: 120%;
}

blockquote img {
	margin-right: 4px;
	margin-left: 4px;
	padding-right: 4px;
	padding-left: 4px;
}
blockquote .center {
	margin: 0px 0px 4px 4px;
	padding: 0px;
}


/************** Styling LeftCol *******************/

#leftCol ul {
	list-style-type: none;
	border: 3px solid #3c4661;
 }

#leftCol li {
	margin: 1px;
}

#leftCol li a {
	display: block;
	color: #3c4661;
	text-decoration: none;
	background-color: #cdcfcc;
	padding: 4px 5px;
	border-bottom: 1px solid #5E6591;
}

#leftCol li a:hover {
	color: #cdcfcc;
	background-color: #3c4661;
}


/************** Generic Styling Classes *******************/

.right {
	float: right;
	margin: 5px 0 2px 10px;
}

.left {
	float: left;
	margin: 5px 10px 2px 0;
}

/************** Link Styles *******************/

a img {
	border: none;
}

a {
	color: #9096b0;
	text-decoration: underline;	
}

a:hover {
  color: #242d39;
 }

#content form{
	margin: 30px 30px 0 30px; /*Sets the margins on the form - bottom  is zero feel free to change as required*/
}


#content fieldset fieldset{
	width: 195px; /*Set the width of the fieldset that contains the form inputs*/
	padding: 0; /*zero the padding on the nested fieldset*/
	border: none; /*remove the borders*/
}

#content input{
	background-color: #FFFF9F;/*Set the background colour of the form inputs*/
	color: #6C0300;/*Set the text colour*/
	border: 1px solid #4C5854;/*add a border around them*/
	margin: 0 0 0 0;/*Zero off any margins*/
	width: 150px;/*Specifically set the width*/
	display: block;/*force the inputs to stack*/
}

#content textarea{
	background-color: #FFFF9F;/*set the background colour*/
	color: #6C0300;/*set the text colour*/
	border: 1px solid #4C5854;/*set a border around the element*/
	margin: 0 30px 0 0;/*set a margin on the right only*/
	height: 200px;/*specifically set a height for the textarea, tends to vary somewhat cross browser*/
}

.labelfloat{
	float: right;/*float the textarea's label and the textarea within it*/
	padding-top: 20px;/*set a top padding to align it*/
}

#content label{
	color: #4F4F4F;/*set the label text colour*/
	font-size: 90%;/*set the label font size*/
	padding-top: 5px;/*set alittle padding on the top*/
	display: block;/*display it as a block level element*/
}

#content fieldset{
	margin: 0;/*zero off any existing margine*/
	border: none;/*remove the default borders*/
	padding: 5px 5px 20px 20px;/*give a little "air" inside the parent fieldset*/
	width: 450px;/*set a width against it*/
}


#content .button{
  background-color: #4E4B68;/*changes the default background colour from the input styling*/
  color: #fff;/*changes the default colour from the input styling*/
  width: 80px;/*changes the default width colour from the input styling*/
  margin-top: 20px;/*adds a little sapce between the bottom input and the buttons*/
  display: inline;/*allows the buttons to sit side by side by, over ruling the display: block; on the input selctor*/
}
#content .hidden {
	border-width: 0px;
}

.h5 {
	background: #CDCFCC;
	text-align: center;
	border: 1px solid #6D759A;
	padding-top: 3px;
	padding-bottom: 3px;
}
.p {
	text-align: center;
}
#cmxMap {
	margin: 20px auto 5px;
}