/*

	CSS Template

	CONTENTS ----------

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

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

	COLOURS ----------

		Text #4d4d4d
		
		A #004892 

		A:hover #004892

		H1 #004892
		
		H2 #4d4d4d

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

 */
 
/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}
/* Make scroll bar always visibale IMPORTANT in FF */
HTMl { overflow: scroll; }


 /* 1.Over all styles
---------------------------------------------------------------*/
body {
	font: 12px/18px Arial, Helvetica, sans-serif; /* to add line height of eg 18px use 13px/18px  */
	color: #4d4d4d;
	background:#6db2ea url(/images/bodyBk.jpg) repeat-x 0 0;
	}
H1 { font: 24px/26px bold Arial, Helvetica, sans-serif; color:#004892;}
H2 { font-size: 18px; font-weight: bold; color: #4d4d4d;  }
H3 { font-size: 16px; font-weight: bold; color: #4d4d4d; }
H4 { font-size: 14px; color: #4d4d4d; line-height: 17px; }
H5 { font-size: 14px; color: #4d4d4d; line-height: 17px; }
H5 A { text-decoration: none; }
A { color: #004892; text-decoration: underline; }
A:hover { color: #004892; text-decoration: none; cursor:pointer; }
A.noline { color: #4d4d4d; text-decoration: none; }
A.noline:hover { color: #4d4d4d; text-decoration: none; }

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

#container { 
	position:relative;
	width:760px;
	margin:0 auto;
}
#header { 
	position:relative;
	width:760px;
	height:141px;
	overflow:hidden;
}
#logo { 
	border:0;
	margin-top:12px;
	width:325px; 
	height:112px;
	float:left;
}
#branding { 
	float:right;
	margin:40px 14px 0 0;
	font-size:16px;
	font-weight:bold;
	color:#004892;
	text-align:right;
	line-height:22px;
}

#banner {
	width:719px;
	height:211px;
	padding:29px 20px 35px 21px;
	background:url(/images/bannerBk.png) no-repeat 0 0;
}
#bannerIMG {
	width:495px;
	height:211px;
	float:right;
}

#content { clear:both; padding:0 0 20px 0; margin:0 15px 2px 15px; overflow:auto; background:#fff url(/images/rightcolBK.gif) repeat-y top right; }
#content p, #content h1, #content h2, #content h3, #content h4, #content h5 { margin-bottom:15px; }
#content ul, #content ol { margin:0 0 15px 20px; }
#content table { margin-bottom:15px; }

#text {
	float:left;
	width:488px;
	padding:15px 15px 0 15px;
	min-height:330px;
	background-color:#FFFFFF;
}
#rightcol {
	float:right;
	width:212px;
	background:#d2e1ed;
    padding-bottom:15px;
}
.registerlink { 
	display:block;
	background: url(/images/registerIcon.png) no-repeat 150px 20px;
	padding:10px 80px 20px 15px;
	color:#000000;
	font-size:11px;
	line-height:14px;
	
}
a span.registertitle { 
	font-size:16px;
	font-weight:bold;
	color:#004384;
	line-height:30px;
	text-decoration:none;
}
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }
#footer {
	clear:both;
	line-height:38px;
	height:38px;
	background-color:#468ac9;
	padding-left:15px;
	margin:0 15px;
}
#footer p {
	line-height:38px;
	color:#fff;
}
#footer a {
	color:#FFFFFF;
	font-weight:bold;
}



/* 3.Search
---------------------------------------------------------------*/
.searchform { padding:15px 0 0 15px; margin:0; }
.searchbut { 
	height:22px;
	width:30px;
	font-weight:bold;
	color:#fff;
	background-color:#004892;
	border:solid 1px #000;
	margin:0; padding:0;
	float:left; }
.searchbox {
	height:19px;
	width:120px;
	color: #004892;
	background-color: #FFFFFF;
	border:solid 1px #004892;
	padding:3px 0 0 5px; margin:0 10px 0 0;
	float:left; }

/* 4.Menu
---------------------------------------------------------------*/
.menuheader { 
	display:block;
	color:#6eb3ec;
	font-size:18px;
	height:31px;
	line-height:31px;
	background-color:#004384;
	padding-left:20px;
}
#menuWrap {
	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:219px; /*set width of menu*/
	float:left;
	}
#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	line-height:29px; /*set line height DONT use height*/
	font-weight:normal;
	font-size:13px;
	}
#menu { position:relative; }
#menu li { 
	list-style: none; 
	position:relative;
	border:0;
	}
#menu a{
	display:inline-block;
	width:179px; /*Width of menu minus the padding*/
	padding:1px 0 0 40px;
	line-height:29px; /*set line height DONT use height*/
	color:#fff;
	text-decoration:none;
	background:url(/images/menu-button.png) no-repeat 0 0;
	}

#menu a:hover{
	color:#fff;
	background-position:bottom;
	}

#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:219px;
	top:1px;
	background-color:#004384;
	}

#menu li ul a{
	width:154px; /*update width inline with all the overs*/
	display:block;
	line-height:18px;
        padding:5px 20px 6px 20px;
	float:left;
	border:0;
	border-bottom:1px solid #001364;
        background-image:none;
	}
#menu li ul a:hover{background-color:#1a5691; }
#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*/
	}



/* 5.ARD Tables
---------------------------------------------------------------*/

/*table formatting*/
.tablines { background-color: #505050; }
 
/*a light colour on the borders of branded tables*/
.tabtitle{  font-weight: bold; color: #FFFFFF; background-color: #004892; padding:5px; }

.tabletitle{ font-weight: bold; color: #FFFFFF; background-color: #004892; padding:5px; }

/*Used if table has an extra heading.*/
.tabhead { font-weight: bold; color: #004892; background-color: #FFFFFF; padding:5px; }

/*dark colour, matching nav bar or other strong colour in the site.*/
.tabbody { font-weight: normal; color: #4d4d4d; background-color: #FFFFFF; padding:5px; }

/*standard text, white background, black text is most common.*/
.tabtotal{ font-weight: bold; color: #4d4d4d; background-color: #FFFFFF; padding:5px; }



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

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

.FormButton  { 
	height: 19px;
	color: #FFFFFF;
	background-color: #4d4d4d;
	border: solid 0px #4d4d4d; }
.FormText {
	background-color: #FFFFFF;
	border: solid 1px #4d4d4d;
	margin-bottom:5px;
	padding:2px; }
.FormTextRequired {
	background-color: #FFFFFF;
	border: solid 1px #FF0000;
	margin-bottom:5px;
	padding:2px; }


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

#CZDocumentBody td { padding:5px; }



/* 7.Site Search results
---------------------------------------------------------------*/
/*same background as tabbody but bold the text */

.NewsWireResult{ BORDER-RIGHT: graytext 1px solid; BORDER-TOP: graytext 1px solid; BORDER-LEFT: graytext 1px solid; BORDER-BOTTOM: graytext 1px solid; MARGIN-BOTTOM: 10px; PADDING: 2px; }
.NewsWireResult H3 { MARGIN-TOP: 2px; MARGIN-BOTTOM: 0em; }
.DataResult { BORDER-RIGHT: graytext 1px solid; BORDER-TOP: graytext 1px solid; BORDER-LEFT: graytext 1px solid; BORDER-BOTTOM: graytext 1px solid; MARGIN-BOTTOM: 10px; PADDING: 2px; }
.DataResult H3 { MARGIN-TOP: 2px; MARGIN-BOTTOM: 0em; }