/*

	CSS Template

	CONTENTS ----------

		1.Over all styles
		2.Layout
		3.Search
		4.Menu(s)
		5.ARD Tables
		6.CZ styles

    -------------------

	COLOURS ----------

		Text #000000
		
		A #c50000 

		A:hover #e7910a

		H1 #505050
		
		H2 #505050

    -------------------

 */
 
/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Make scroll bar always visibale IMPORTANT in FF */
HTMl { overflow-y: scroll; }


 /* 1.Over all styles
---------------------------------------------------------------*/
body {
	font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	background-color:#fff;
	min-width:800px;
	}
P, td, th, div { line-height: 17px; }
h1 { font: normal 22px "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; color: #E60000; }
h2 { font: normal 18px "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; color: #E60000;}
h3 { font-size: 14px; color:#b41212; margin-bottom:0; }
h4 { font-size: 12px; margin-bottom:8px; }
h5 { font-size: 12px; }
H5 A { text-decoration: none; }
a {	color: #B13427;	background: inherit; text-decoration: none; }
a:hover { color: #AA0001; background: inherit; text-decoration: underline; }
A.noline { color: #000; text-decoration: none; }
A.noline:hover { color: #000; text-decoration: none; }
.mainImage { float: right; border: 3px solid #eee; padding: 1px; margin: 0 0px 10px 15px; }
.icaew { margin: 15px 0 15px 5px; background-color:#FFFFFF; }

/* 2.Layout
---------------------------------------------------------------*/

#container { position:relative; }
#header { position:relative; }
#brandingArea {clear: both;  display:block;
  height:100%;
  overflow:hidden;}
  
#brandingImage { 
float:left;
}

#logo { border:0; float:right; padding:10px; }

#content p, #content h1, #content h2, #content h4, #content h5 { margin-bottom:15px; }
#content ul, #content ol { margin:0 0 15px 20px; }
#content table { margin-bottom:15px; }
#contentFull p, #contentFull h1, #contentFull h2, #contentFull h4, #contentFull h5 { margin-bottom:15px; }
#contentFull ul, #contentFull ol, .DocumentBody ul, .DocumentBody ol { margin:0 0 15px 20px; }
#contentFull table { margin-bottom:15px; }
#content td { padding:5px; }
#printLogo { display:none; }
#textOnly { width: 100%; margin: 0 auto; text-align: left; padding: 10px; }


#contactArea { clear: both; 
  background-color: #cf8882;
  padding: 10px;
  display:block;
  height:100%;
  overflow:hidden; 
    border-bottom:1px solid #FFFFFF;
	background-image:url(/images/topbg.gif);
	background-repeat:no-repeat;
}
#contactArea p, #contactArea a { color:#FFFFFF; font-size:13px; }
#contentContainer { height:100%; overflow:hidden;  }
#contentColumn { background-image: url(/images/contentColumn.gif);
	background-repeat:repeat-y;
	background-position: left top; display:block; height:100%; overflow:hidden; }

#primary { float: left; width: 200px; padding:20px;}
#secondary { float: right; width: 210px; padding:15px 0px 20px 0; }
.mainContentArea { padding: 20px;  }
#content {
	margin: 0 210px 0 240px;
	background-color:#FFFFFF;
	min-height:400px;
	height:auto !important;
	height:400px;/*Needs to match the min height pixels above*/ 
}
#contentFull {
	margin: 0 0px 0 240px;
	background-color:#FFFFFF;
	min-height:400px;
	height:auto !important;
	height:400px;/*Needs to match the min height pixels above*/ 
}

#column { width:45%; margin-right:15px; float:left; }

#footer { 
  clear: both; 
  background-color: #ab2f25;
  padding: 10px;
  display:block;
  height:100%;
  overflow:hidden;
  border-top:1px solid #FFFFFF;
} 

#footer p, #footer a { color:#FFFFFF; }

#footerPrimary {
  background-color: #ab2f25; 
width: 490px; 
  float: left; 
  text-align:left;
  padding: 3px 0 0 0;
}

#footerSecondary { 
  float: right; 
} 
#footerText {
float:left; 
  text-align: left;
  clear:both;
  padding:10px;
  width:75%;
}
#footerText p { color:#999999; }
#ts {
float:right; 
  text-align: right;
  padding:10px;
  width:20%;
}

#RHCAcc_1_DIV, #RHCAcc_2_DIV, #RHCAcc_3_DIV {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ad3224; padding: 10px; margin: 10px 10px 0px 0px;
	width:auto;
	min-height:75px;
	height:auto !important;
	height:75px;/*Needs to match the min height pixels above*/
	font-size:12px;
	background:#FFFFFF;
	color:#444;
}


#RHCAcc_4_DIV {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ad3224; padding: 10px; margin: 10px 10px 10px 0px;
	width:auto;
	min-height:75px;
	height:auto !important;
	height:75px;/*Needs to match the min height pixels above*/
	font-size:12px;
	background:#FFFFFF;
	color:#444;
}

.RightPanelBody { margin: 0; padding:0; background:none; border-left:none; }
#RHC_Body { margin:0; padding:0; background:none; width: 210px; border-left:none;}
#RHC_Body img { float:right; margin: 0 0 4px 4px; }
#RHC_Body b { color: #B13427; }
#RHC_Body a {	color: #B13427;	 text-decoration: none; }
#RHC_Body a:hover { color: #AA0001; text-decoration: underline; }
.DocumentBody { text-align:left; }

/* 3.Search
---------------------------------------------------------------*/
.searchOuter { padding:0; margin:0; }
input.searchfield { width: 120px; padding: 3px; border: 2px solid #ccc; font-size: 11px; }
input.searchbutton { background: #cf8882; border: 0; padding: 4px; color: #ad3224; font-weight: bold; font-size: 11px; }


/* 4.Menu
---------------------------------------------------------------*/
#menuWrap {
	clear: both;
	position:relative;
	display:block;
	position:relative;
	z-index:100;/* this makes sure that the menu appears on top of all elements of the page mainly things like JS banners and flash files */
	width:200px; /*set width of menu*/
	margin-top:0px;
	}
#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; /*set line height DONT use height*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	}
#menu li.bordertop { border-top:1px solid #FFFFFF; width:202px; }
#menu li { 
	list-style: none; 
	position:relative;
	border:0;
	}
#menu a{
	display: inline-block;
	width:156px; /*Width of menu minus the padding*/
	padding:0px 22px;
	line-height:32px; /*set line height DONT use height*/
	color:#fff;
	text-decoration:none;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-image:url(/images/menubg.gif);
	background-repeat:repeat-x;
	background-color:#ad3224;
	}

#menu a:hover{
	background-color: #ad3224; /*hover background colour*/
	color:#fff;
	background-image:none;
	}

#menu ul {
	position:absolute; /* Menu uses position ab to set drop downs so left: needs to be the same height as the menu */
	display:none; /*display none so menu is not visable until user hovers over the li*/
	width:194px; /* Width will need to be updated inline with all the padding on the menus */
	left:201px;
	top:0;
	background-color:#ad3224;
	}

#menu li ul a{
	width:150px; /*update width inline with all the overs*/
	display:block;
	line-height:normal;
	padding-top:8px;
	padding-bottom:8px;
	float:left;
	border:0;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	}
#menu li ul a:hover { background-color:#ad3224; }	
#menu ul li { 
	float:left; /*float important*/
	display:inline;
	}

#menu li ul li ul {
	left:184px; /*position ab in herited from above left needs to be set to width on drop downs*/
	margin:0px 0 0 10px;
	width:204px;
	top:auto; /*should defalut to top of LI as long as float left is used on LI*/

	}
#menu li ul ul a { 
	width:160px; /*update width inline with all the overs*/
	}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul{
	display:none;
	}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul{
	display:block; /*IMPORTANT set drowns downs to show on hover*/
	}
#menu li.bordertop { border-top:1px solid #FFFFFF; width:202px; }

/* 5.Forms (ask us a question)
---------------------------------------------------------------*/

#FirstName, #LastName { width:49%; }
#Business, #Telephone, #emailAddress { width:98%; }
#ValidationCode { width: 100px; }
#Comments { width: 99%; height: 100px; }

.FormButton  { 
	color: #FFFFFF;
	background-color: #cf8882;
	border: solid 0px #ad3224; }
.FormText {
	background-color: #FFFFFF;
	border: solid 1px #000000;
	margin-bottom:5px;
	padding:2px; }
.FormTextRequired {
	background-color: #FFFFFF;
	border: solid 1px #FF0000;
	margin-bottom:5px;
	padding:2px; }


/* 6.CZ
---------------------------------------------------------------*/

#CZDocumentBody td { padding:5px; }