/*************/
/* HTML Tags */
/*************/
body
{
	font-family: trebuchet MS, arial, sans-serif;
	color: #000;
	background-color: #fff;
	font-size: 100%;
	text-align: left;
	margin: 0px;
}	

p
{
  margin: 0px 2px 10px 0px; /*Moz1.6win seems to put in a top margin on an <p>*/
	font-family: trebuchet MS, arial, sans-serif;
	text-align: left;
}

h1
{
  font-family: trebuchet MS, arial, sans-serif;
  font-size: 140%;
  font-weight: bold;
}

h2
{
  font-family: trebuchet MS, arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

h3
{
	margin:			 	20px 0px 20px 0px;
	background:		 	transparent;
	font-size: 			12px;
	font-weight:	  bold;
	}

h4	{	/*	Sub-Sub-header on a page	*/
	margin-top:		 	20px;
	font-size: 			11px;
	margin-bottom:	6px;
	background:		 	transparent;
	}

h5	{	/*	Left hand menu headings	*/
	margin-top:				10px;
	margin-bottom:		2px;
	font-size:				10px;
	font-weight:			normal;
  background:		 	transparent;
	}

h6	{	/*	Form titles	*/
	margin-top:				30px;
	margin-bottom:			15px;
	margin-left:			0px;
	background:			transparent;
	font-size:			9px;
	font-weight:		bold;
	}

form	{
	margin-top:			0px;
	margin-bottom:		0px;
	}

input	{
	font-size:	 				100%;
	font-family:				arial, verdana, sans-serif;
	color:						#1968B4;
	}

select	{
	font-size:					100%;
	font-family:				arial, verdana, sans-serif;
	color:						#1968B4;
	}

textarea	{
	border:						1px solid #1d669c;
	font-family:				arial, verdana, sans-serif;
	color:						#1d669c;
	font-size:					90%;
	margin-left:				10px;
	}

ol	{
	list-style-image:		none;	/*		Required for an ordered list embedded in an unordered list, otherwise the ordered list has the bullet image not a number		*/
	}
li
{
	margin-bottom:5px;
}

img	{
	border:				0px;
	}


/******************/
/* Page structure */
/******************/
/* Tables for Layout */
table.table_layout {
	width:								100%;
	border-collapse:      collapse;
	border:               none;
}

td.td_content {
	width:								100%;
	vertical-align:       top;
	padding:              10px 10px 20px 10px;
}


/**************/
/* Navigation */
/**************/
a
{
	text-decoration:underline;
	color:#1968B4;
}

a.a_footer
{
  color: #000000;
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
}

/*		Noscript Navigation		*/
div.noscript a
{
	font:100% arial, sans-serif;
	color:#ffffff;
}

/*div.noscript a:link, visited, active {
	 color: white;
}*/


/******************/
/* Custom Classes */
/******************/
div.div_content
{
	margin-top:3%;
	padding-right:4%;	/*IE 6 ignores left and right margins, so use padding*/
	margin-bottom:4%;
	padding-left:4%;
}

/*  Unordered List as Footer Text Navigation Menu  */
.li_nav {
  margin-left: -10px;
	text-align:     center;					
	font:						100% arial, sans-serif;
	color:					#bbbbbb;
	}

.li_nav a	{
	padding-right:		1px;
	padding-left:			1px;
	text-decoration:  underline;
	}

.li_nav a:hover	{
  color: #ff8a00;
}


/*	FORMS		*/
/*  Standard Form Layout   */
div.div_form_enquiry	{
	width: 					350px;	/*	the width controls how far apart the labels and the form elements  appear and 350 works		*/
	border: 				1px solid #1968B4;
	margin-left: 			34px;
	font-size:				90%;
	}

.error_font_size {
	font-size:				100%;
}

div.div_form_enquirywider	{
	width: 					440px;	
	border: 				1px solid #1968B4;
	margin-left: 			34px;
	font-size:				100%;
	}

div.div_clear	{
	clear:		both;
  }

div.div_row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.div_row span.label2 {
  float: left;
  width: 180px;
  text-align: right;
  }

div.div_row span.label3 {
  float: left;
  width: 120px;
  text-align: right;
  }

div.div_row p {
  margin:		0px 20px 12px 20px; /*		Moz1.6win seems to put in a top margin on an <p>		*/
  font-size:		100%;
}

div.div_row_footer {
	font-size:				100%;
	color:					#ffffff;
	background:				#1968B4;
	padding:				5px;
  }

div.div_row_footer a	{
	color:						#ffffff;
  }
	
div.div_row_footer a:hover	{
	color:				#666666;
	background-color:	#ffffff;
  }

div.div_row_heading {
	font-weight:			bold;
	color:					#ffffff;
	background:				#1968B4;	
	margin-bottom:			15px;
	padding:				5px;
  }

div.div_row {
	/*margin-bottom:		15px;
	border-top:			1px	dotted	#ffffff;	
	border-bottom:		1px	dotted	#ffffff;			For IE6.0win need to add the borders to stop it incresing the size of the padding for the name element, does not work with none or hidden for border-style, needs a physical border		*/
  }

div.div_row span.formelement {
  float: right;
  width: 235px;
  text-align: left;
  }

div.div_row span.formelement2 {
  float: right;
  width: 295px;
  text-align: left;
  }

div.div_row span.formelement_farright {
  float: right;
  width: 135px;
  text-align: left;
  }

div.div_row span.formelement_right {
  float: right;
  width: 100px;
  text-align: left;
  }

div.div_space {
  width: 100%;
  height: 24px;
}

div.div_footer {
	width: 100%;
	text-align: left;
	padding: 0px 0 0 0;
	margin: 0;
	background-color: Transparent;
}

div.div_row_button	{
	padding-top:		10px;
	padding-bottom:		10px;
	}

.left_empty {
   margin-left: 0px;
   padding-left: 0px;
}

.right10 {
   margin-right: 10px;
}

/*   Button Styles  */
	
.btn_go {
	font-size: 				100%;
	color:					#000000;
	font-weight:			bold;
	background-color:		#ff9a00;
	cursor: 				pointer;
	padding-left:			2px;
	padding-right:			2px;
	border-top:				1px solid #ffb546;
	border-left:			1px solid #ffb546;
	border-bottom:			1px solid #dd8500;
	border-right:			1px solid #dd8500;
	float:					right;
}

/*		Font Styles		*/

.font_weight_bold {
	font-weight: bold;
	}

.bold
{
	font-weight:bold;
}

.font_weight_normal {
	font-weight: normal;
	}

/*  Miscellaneous */	
.vertical_align	{
	vertical-align: middle;
	}

/* Compass specific are below */

.expander_row1 {
  background-color: #4395d1;
}

.expander_row2 {
  background-image: url(../images/f_header_r2_expander_1x36.gif);
  background-repeat: repeat-x;
  background-color: #4395d1;
}

.topmenu_topbkgrd {
  background-image: url(../images/f_header_r2_menu_topbkgrd_1x13.gif);
  background-repeat: repeat-x;
  background-color: #4395d1;
}

td.td_topmenu {
  background-color: #8ddaf6;
  font-family: trebuchet MS, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
}

a.a_topmenu {
  background-color: #8ddaf6;
  color: #ffffff;
  text-decoration: none;
}

a.a_topmenu:visited {
  background-color: #8ddaf6;
  color: #ffffff;
  text-decoration: none;
}

a.a_topmenu:active {
  background-color: #8ddaf6;
  color: #ffffff;
  text-decoration: none;
}

a.a_topmenu:hover {
  background-color: #ffffff;
  color: #8ddaf6;
  text-decoration: none;
}

td.td_leftmenu1 {
  vertical-align: top;
  background-color: #21bebe;
  font-family: trebuchet MS, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding-top: 4px;
  padding-bottom: 1px;
  line-height: 15px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

a.a_leftmenu1 {
  background-color: #21bebe;
  color: #ffffff;
  text-decoration: none;
}

td.td_leftofleftmenubtn {
  background-image: url(../images/f_left_menubtnexpander_41x1.gif);
  background-repeat: repeat-y;
  background-color: #4395d1;
}

td.td_leftmenubtn {
  vertical-align: top;
  background-color: #1a66b6;
  font-family: trebuchet MS, arial, sans-serif;
  font-size: 9px;
  text-align: right;
  color: #ffffff;
  padding-top: 3px;
  padding-bottom: 2px;
  line-height: 12px;
}

.ns_back {
  background-color: #1a66b6;
}

.ns_dark_back {
  background-color: #1968B4;
}

.ns_leftexpander {
  background-image: url(../images/ns_background104x1.gif);
  text-align: right;
  background-repeat: repeat-y;
}

a.a_leftmenubtn {
  background-color: #1a66b6;
  color: #ffffff;
  text-decoration: none;
}

a.ns_leftmenubtn {
  color: #ffffff;
  text-decoration: none;
  font-family: trebuchet MS, arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
  line-height: 13px;
}

a.cgc:hover {
  color: #22BDBE;
}

a.bc:hover {
  color: #FC171E;
}

a.lc:hover {
  color: #0C419A;
}

a.nc:hover {
  color: #FFB205;
}

a.mc:hover {
  color: #336633;
}

td.td_leftmenu2 {
  vertical-align: top;
  background-color: #FC171E;
  font-family: trebuchet MS, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding-top: 1px;
  padding-bottom: 1px;
  line-height: 15px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

a.a_leftmenu2 {
  background-color: #FC171E;
  color: #ffffff;
  text-decoration: none;
}

td.td_leftmenu3 {
  vertical-align: top;
  background-color: #0C419A;
  font-family: trebuchet MS, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding-top: 1px;
  padding-bottom: 1px;
  line-height: 15px;
  border-bottom: 2px solid #ffffff;
}

a.a_leftmenu3 {
  background-color: #0C419A;
  color: #ffffff;
  text-decoration: none;
}

td.td_leftmenu4 {
  vertical-align: top;
  background-color: #FFB205;
  font-family: trebuchet MS, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding-top: 1px;
  padding-bottom: 1px;
  line-height: 15px;
  border-bottom: 2px solid #ffffff;
}

a.a_leftmenu4 {
  background-color: #FFB205;
  color: #ffffff;
  text-decoration: none;
}

td.td_leftmenu5 {
  vertical-align: top;
  background-color: #336633;
  font-family: trebuchet MS, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding-top: 1px;
  padding-bottom: 1px;
  line-height: 15px;
  border-bottom: 2px solid #ffffff;
}

a.a_leftmenu5 {
  background-color: #336633;
  color: #ffffff;
  text-decoration: none;
}

td.td_leftexpander {
  background-image: url(../images/f_left_expander_104x1.gif);
  background-repeat: repeat-y;
  background-color: #ffffff;
}

.main_background_pic {
  background-image: url(../images/smiley.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
}

.main_top_background_pic {
  background-image: url(../images/smileyt480x150.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
}

.main_middle_background_pic {
  background-image: url(../images/smileym480x79.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
}

.main_bottom_background_pic {
  background-image: url(../images/smileyb480x6.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
}

.contact_footer {
  color: #000000;
  font-size: 10px;
}

.left_divider {
  border-left: 1px solid #007AC3;
}

.f_footer_base {
  background-image: url(../images/base_1x1.gif);
  background-repeat: repeat;
}

.menu_repeater {
  background-image: url(../images/menu_back_1x36.gif);
  background-repeat: repeat-x;
}

.gallery_thumbs {
  width: 600px;
  height: 95px;
  overflow: scroll;
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  background-color: #CDDCF1;
}

.hideme {
  display: none; 
}

.width132 {
  width: 132px;
}