/*

	CSS Template

	CONTENTS ----------

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

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

	COLOURS ----------

		Text #3D3D3D
		
		A #1b367a 

		A:hover #738db9

		H1 #505050
		
		H2 #738db9

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

 */
 
/* 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 {
margin:20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3D3D3D;
	background-color:#f1f1f2;
	}
	img { border:0; }
P, td, th, div {
	line-height: 17px;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color:#1b367a;
	padding: 5px 0 0 0;
	line-height: 27px;
}
H2 {
	font-size: 18px;
	font-weight: bold;
	color: #003366;
	padding-bottom: 9px;
	line-height: 25px;
}
H3 {
	font-size: 15px;
	font-weight: bold;
	color: #0B2265;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 0px;
	line-height: 15px;
}
H4 {
	font-size: 12px;
	color: #0B2265;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
}
H5 {
	font-size: 14px;
	color: #7AB800;
	line-height: 17px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.greenheader {
	font-size: 25px;
	color: #6AB80C;
	margin: 0px;
	padding: 0px;
}

H5 A { text-decoration: none; }
A {
	color: #1b367a;
	text-decoration: none;
}
A:hover {
	color: #7AB800;
	text-decoration: none;
	cursor:pointer;
}
A.noline {
	color: #7AB800;
	text-decoration: none;
}
A.noline:hover {
	color: #999999;
	text-decoration: none;
}
.white { color:#FFFFFF; }

.ARDClock { color: #7AB800; }

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

#content p, #content h1, #content h2, #content h4, #content h5 { margin-bottom:15px; }
#content h3 { margin-bottom:10px; }
#content ul, #content ol { margin:0 0 15px 20px; }
#content table { margin-bottom:15px; }
#contentResources p, #contentResources h1, #contentResources h2, #contentResources h4, #contentResources h5 { margin-bottom:15px; }
#contentResources h3 { margin-bottom:10px; }
#contentResources ul, #contentResources ol { margin:0 0 15px 20px; }
#contentResources table {
	margin-bottom:15px;
	width: 95%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }

#container {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}

#contentTop {
	background-image:url(../images/contentTopOuter.gif);
	background-repeat:no-repeat;
	height:27px;
}
#contentInner { margin: -1px 0 0 0; background-image:url(../images/contentInnerTile.gif); background-repeat:repeat-y; clear:both; padding: 0 30px; position:relative; display:block; overflow:hidden; width:960px; }
#contentBot { background-image:url(../images/contentBotOuter.gif); background-repeat:no-repeat; height:36px; }

#logo { 
	float:left;
}

#brandingLinks {
	float: right;
	text-align:right;
	color:#7ab800;
	top:-1px;
	right:38px;
	width: 400px;
	padding: 0px;
}

#mainBanner { height:178px; width:900px; position:relative; margin-bottom:20px; }

#content {
	width: 690px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#contentResources {
	float: left;
	margin: 0;
	padding: 0;
	width: 650px;
}
.full { width:610px; }
#content p {
	margin-bottom:10px;
	padding: 0px;
}

.column { 
  width: 190px; 
  float: left;
  padding: 10px 30px 10px 10px;
}

#footer {
	width:1020px;
	clear: both;
	height:160px;
	background-image: url(../images/footerbgtile.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
} 
#footer p {
	color:#333333;
	font-size:11px;
	margin-bottom:10px;
}
#footerPrimary {
	width: 700px;
	float: left;
	line-height:30px;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 40px;
}

#footerSecondary {
margin-top:10px; 
  width: 420px; 
  float: right; 
  text-align:right;
} 

/* 3.Search
---------------------------------------------------------------*/
input.searchfield {
	width: 100px;
	font-size: 11px;
	height: 18px;
	color: #000000;
	margin: 0px;
	background-image: url(../images/searchbg.gif);
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	text-indent: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: middle;
}
input.searchbutton {
	border: 0;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	background-color: #6AB80C;
	height: 15px;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
.searchbut {
	order: 0;
	color: #fff;
	font-weight: bold;
	background-color: #6AB80C;
	height: 10px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}
/* 4.Menu
---------------------------------------------------------------*/
#menuWrap {
	clear: both;
	position:relative;
	display:block;
	height:22px; /* add background (this can be added directly to the #menu */
	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 */
	background-image:url(../images/menubg.gif);
	width: 950px;
	margin-left:10px;
	border-bottom:15px solid #FFFFFF;
	}

#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; /* add line height  DONT USE HEIGHT */

	font-family:,Arial,Verdana,Helvetica,sans-serif;
	font-weight:normal;
	font-size:13px;
	}
	
#menu { margin-left:0px; /* add any padding - separate so you don’t add margin to the all the ul elements */ }

#menu li { 
	list-style:none;
	float:left; /* float needed */ 
	}

#menu li.noborderr a { border-right:none;  }/* Borders as appropriate */ 

#menu a{
	display:block;
	padding:0px 22px 0 22px; /* set padding will affect padding on all a tags in menu */
	line-height:23px; /* set line height DONT use just height */
	color:#fff;
	text-decoration:none;
	background-image:url(../images/menubggreenend.gif); background-repeat:no-repeat; background-position:right;
	width:188px;
	}

#menu a:hover{
	color:#FFFF99;
	}

#menu li{
	float:left; /* IMPORTANT */
	position:relative;
	border:0;
	}

#menu ul {
	position:absolute; /* Menu uses position ab to set drop downs so top: 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:230px; /* Width will need to be updated inline with all the padding on the menus */
	top:23px;
	background-color:#8f384e;
	margin-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:3px solid #ffffff;
	}
#menu ul.green {
	background-color:#6ab80c;
	color: #FFFFFF;
}
#menu ul.blue { background-color:#108fdc; }
#menu ul.purple { background-color:#6f2a8e; }
#menu ul.orange { background-color:#ff6600; }
#menu li ul a{
	width:190px; /* Width will need to be updated inline with all the padding on the menus */
	height:auto;
	float:left;
	border:0; padding:3px 15px;
	}
#menu ul ul{
	top:auto;
	}
#menu li ul ul { /* styles for sub drop downs */
	left:184px; /* left needs to be the overall width of the main drop down  */
	margin:0px 0 0 10px;
	width:204px;
	}
#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;
	}
.vertMenu li { list-style: none; margin: 0; padding: 0; width:209px; }
.vertMenu li a {
	display: block;
	margin:0 0 2px 0;
	padding: 2px 5px;
	color: #FFFFFF;
	text-align:left;
	text-decoration:none;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:19px;
}
.vertMenu  li.red  a:hover {
	color: #FFFFFF;
	background-image:url(../images/redmenu.gif);
	background-repeat: no-repeat;
}
.vertMenu li.green a:hover {
	color: #FFFFFF;
	background-image:url(../images/greenmenu.gif);
	background-repeat: no-repeat;
}
.vertMenu li.blue a:hover {
	color: #FFFFFF;
	background-image:url(../images/bluemenu.gif);
	background-repeat: no-repeat;
}
.vertMenu li orange a:hover {
	color: #FFFFFF;
	background-image:url(../images/orangemenu.gif);
	background-repeat: no-repeat;
}
.vertMenu li purple a:hover {
	color: #FFFFFF;
	background-image:url(../images/purplemenu.gif);
	background-repeat: no-repeat;
}
.vertMenu li.green {
	list-style: none;
	margin: 0;
	padding: 0;
	width:209px;
	height: 25px;
	background-image: url(../images/greenmenu.gif);
	background-repeat: no-repeat;
}
.vertMenu li.orange {
	list-style: none;
	margin: 0;
	padding: 0;
	width:209px;
	background-image: url(../images/orangemenu.gif);
	background-repeat: no-repeat;
}

.vertMenu li.purple {
	list-style: none;
	margin: 0;
	padding: 0;
	width:209px;
	background-image: url(../images/purplemenu.gif);
	background-repeat: no-repeat;
}
.vertMenu li.blue {
	list-style: none;
	margin: 0;
	padding: 0;
	width:209px;
	background-image: url(../images/bluemenu.gif);
	background-repeat: no-repeat;
}
.vertMenu li.red {
	list-style: none;
	margin: 0;
	padding: 0;
	width:209px;
	background-image: url(../images/redmenu.gif);
	background-repeat: no-repeat;
}
#clientlogin {
	z-index:1;
	text-align: right;
	top: 0px;
	float: right;
	padding: 0px;
	margin: 0px;
	width: 650px;
}
	
/* 5.RHC
---------------------------------------------------------------*/	
.rhc {
	float:right;
	width:209px;
	border-left-style: none;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 28px;
	padding-left: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}
#RHCAcc_1_DIV, #RHCAcc_2_DIV, #RHCAcc_3_DIV, #RHCAcc_4_DIV {
	font-family:Arial, Helvetica, sans-serif;
	color:#3d3d3d;
	font-size:11px;
	margin: 0;
	padding: 10px;
	width:auto;
	min-height:50px;
	height:auto !important;
	height:50px;/*Needs to match the min height pixels above*/
	border-bottom: 5px solid #FFFFFF;
}
.RightPanelBody { margin: 0; padding:0; }
#RHC_Body { margin:0; padding:0; background:none; width:172px; }
.telephonebold {
	font-size: 25px;
	color: #7AB800;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#breadcrumbs {
	padding-left: 55px;
	padding-top: 2px;
	padding-bottom: 0px;
	float: left;
	width: 150px;
}
#time {
}
.contenthome {
	width: 1020px;
	float: left;
	padding:15px;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #999999;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.greenlink {
	font-size: 14px;
	color: #7AB800;
	font-weight: bold;
	padding-bottom: 5px;
}
#linkshome {
	float: left;
	width: 230px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	z-index: 28;
}
.bluelink {
	font-size: 14px;
	color: #0099cc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
}
.purplelink {
	font-size: 14px;
	color: #663399;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
}
.orangelink {
	font-size: 14px;
	color: #ff6600;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
}
#text {
	float: left;
}
#leftbody {
	float: left;
	width: 450px;
	padding-left: 3px;
	padding-top: 15px;
}
#leftbody-hp1 {
	float: left;
	width: 671px;
	padding-left: 3px;
	padding-top: 5px;
	margin-right: 23px;
}
#leftbody-hp2 {
	float: left;
	width: 232px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	background-image: url(../images/number5.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: left;
	height: 130px;
}
#leftbody P, #leftbody-hp1 P {
	margin-bottom: 10px;
}
#newsbox {
	position:absolute;
	width:483px;
	height:224px;
	z-index:1;
	left: 536px;
	top: 277px;
	background-image: url(../images/newsbox.gif);
}
.contentlarge {
	width: 1020px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#latestnews {
	position:absolute;
	width:212px;
	height:163px;
	z-index:1;
	left: 521px;
	top: 271px;
}
#newslinks {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 760px;
	top: 272px;
}
#section1nav {
	float: left;
	width: 230px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	z-index: 28;
	background-image: url(../images/number1.gif);
	background-repeat: no-repeat;
	background-position: 20px -50px;
	height: 140px;
}
#section2nav {
	float: left;
	width: 230px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	z-index: 28;
	background-image: url(../images/number2.gif);
	background-repeat: no-repeat;
	background-position: 20px -50px;
	height: 140px;
}
#section3nav {
	float: left;
	width: 230px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	z-index: 28;
	background-image: url(../images/number3.gif);
	background-repeat: no-repeat;
	background-position: 20px -50px;
	height: 140px;
}

#section4nav {
	float: left;
	width: 230px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	z-index: 28;
	background-image: url(../images/number4.gif);
	background-repeat: no-repeat;
	background-position: 20px -50px;
	height: 140px;
}
#sitemapcol {
	float: left;
	width: 250px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	list-style-type: square;
}
.redlink {
	font-size: 14px;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
}
#loginbox {
	float: right;
	padding-top: 0px;
	padding-right: 118px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.register {
	font-size: 11px;
	color: #7AB800;
	font-weight: bold;
	padding-bottom: 5px;
}
#leftcol {
	float: left;
	width: 300px;
	padding-left: 0px;
	margin-left: 0px;
}
#content li {
	display: list-item;
	list-style-type: square;
	left: 2em;
}
.footersmallp {
	font-size: 10px;
	color: #666666;
	line-height: 13px;
	padding-bottom: 8px;
	padding-top: 5px;
}
#powereredby {
	width: 200px;
	float: right;
	padding: 0px;
	text-align: right;
	margin-top: 30px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.submit input{
	order: 0;
	color: #1B367A;
	font-weight: bold;
	height: 20px;
	width: 80px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
	font-size: 12px;
	background-image: url(/images/submitbut.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}
.morethanheader {
	font-size: 20px;
	color: #7AB800;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.blogspot { display: block; float: right; width: 25px; height: 25px; background: url(/images/icon-blogspot.png) left no-repeat; }
.blogspot:hover { display: block; float: right; width: 25px; height: 25px; background: url(/images/icon-blogspot.png) right no-repeat; }