/*

	CSS Template

	CONTENTS ----------

		1.Over all styles
		2.Layout
		3.Search
		4.Menu(s)
		5.ARD Tables
		6.Forms
		7.CZ styles
		8.Right Hand Content

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

	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;
}
ol, ul {
	list-style: none;
}
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: 1em; /* to add line height of eg 18px use 13px/18px  */
	color: #000000;
	background-color:#e1e4e9;
	border-top:10px solid #0b224b;
	}

.pics { height: 282px; width: 480px; padding:0; margin:0 0 10px 0; overflow: hidden; }
.pics img { top:0; left:0; }
P, td, th, div { line-height: 17px; }
H1, .Heading {
	font-size: 1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color:#8f1047;
	margin-bottom:0.5em;
	line-height:normal;
}

H2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom:0.5em;
	line-height:normal;
	color:#0b224b;
}
H3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #8f1047;
	margin-bottom:0.5em;
}
H4 {
	font-size: 0.8em;
	color: #505050;
	line-height: 17px;
	margin-bottom:0.5em;
}
H5 {
	font-size: 0.8em;
	color: #505050;
	line-height: 17px;
	margin-bottom:0.5em;
}

H5 A { text-decoration: none; }

A { color: #8f1047; text-decoration: none; }
A:hover { color: #0b224b; text-decoration: none; cursor:pointer; }
A.noline { color: #444444; text-decoration: none; }
A.noline:hover { color: #444444; text-decoration: none; }
	
	.skipmenu { text-align: left; }
	.skipmenu a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
	.skipmenu a:focus, a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; }

.boxed { background-color:#e3e4e9; padding:10px; }
.highlight { color:#0b224b; font-weight:bold; }
/* 2.Layout
---------------------------------------------------------------*/
.tripleline { margin-bottom:50px; }
#logo {
	border:0; margin:15px 0; float:left;
}
#content p, #contentMiddle p, #contentFull p  {
	margin-bottom:1em; font-size:0.8em; color:#444444; font-family:Arial, Helvetica, sans-serif;
}
#contentSmall p { margin-bottom:1em; font-size:0.8em; color:#444444; font-family:Arial, Helvetica, sans-serif; }
#content ul, #content ol, #contentFull ul, #contentFull ol, #contentMiddle ul, #contentMiddle ol {
font-family:Arial, Helvetica, sans-serif;
	margin:0 0 1em 2em;
	font-size:0.8em;
	list-style-type:disc;
	color:#444444;
}
#content table, #contentFull table, #contentMiddle table {
	margin-bottom:1em;
}
#contentFull table td { padding:2px;}
#contentFull li { margin-bottom:10px; }
.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}
#container {
	width: 930px;
	margin: 0 auto;
	text-align: left;
	padding:0 15px 0 15px;
	background-color:#FFFFFF;
}

#branding {
	margin:0 auto;
	display:block;
	clear:both;
}
#top-right { margin-top:5px; float:right; width:500px; }
#header-contact p { margin-top:20px; font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:16px; float:right; width:500px; }
#phrase p { color:#0b224b; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; margin-top:65px; float:right;  }


#mainSupportingBanner {
	height:90px;
	width:960px;
	position:relative;
	margin: 0 auto;
	z-index:-100;
}


#contentContainer {
	width: 930px;
	display: block;
	clear: both;
	overflow: hidden;
	margin: 10px auto 10px auto;
}
#news { margin-bottom:10px; height:25px; }
#news p { font-size:0.9em; line-height:25px; margin:0; padding:0; }
#contentSupportingContainer {
	width: 900px;
	display: block;
	clear: both;
	overflow: auto;
	height:100%;
	margin: 0 auto;
	border-top:12px solid #FFFFFF;
	border-bottom:12px solid #FFFFFF;
}
#primaryColumn {
	width:140px;
	margin-right:20px;
	float:left;
}

#content {
	width: 480px;
	float: left;
	padding-bottom:15px;
}
#contentSmall {
	width: 330px;
	float: left;
	padding-bottom:15px;
}
#contentSmall h1 { 
	font-size: 2.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color:#0b224b;
	margin-bottom:0.3em;
	line-height:normal;
}
#contentSmall h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom:1.2em;
	line-height:normal;
	color:#8f1047;
	border-bottom: 1px solid #000000;
}
#contentSmall h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom:0.2em;
	line-height:normal;
	color:#0b224b;
}
#contentFull {
	width: 910px;
	float: left;
	padding:10px 10px 15px 10px;
}
#contentMiddle {
	width: 540px;
	float: left;
	padding:0;
	background:#CCCCCC;
}


#columnone {
	width: 190px;
	float: right;
	padding: 10px;
	margin-bottom:15px;
	background:#e3e4e9;
	border-top:1px solid #8f1047;
	margin:0 0 15px 15px;

}
#columnfullwidth {
	width: 572px;
	float: right;
	padding: 10px 0 10px 10px;
	margin-bottom:15px;
	background:#e3e4e9;
	border-top:1px solid #0b224b;
		margin:0 0 15px 15px;

}
#columntwo {
	width: 190px;
	float: right;
	padding: 10px;
	margin:0 0 15px 15px;
		border-top:1px solid #0b224b;
	background:#f2e3ea;
}
#columntwo h2 a { color:#0b224b; }
#columntwo h2 a:hover { color:#8f1047; }
#columnone p, #columntwo p { font-size:1em; color:#000000; margin-bottom:1em; }
#columnone img { border-bottom:1px solid #8f1047; padding-bottom:1em; margin-bottom:1em; }
#columntwo img { border-bottom:1px solid #0b224b; padding-bottom:1em; margin-bottom:1em;}
#footer {
font-family:Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width:100%;
	clear: both;
	padding:10px 0;
	display:block;
	overflow:auto;
}
#footerText {
	margin: 0 auto;
	width:940px;
}
#footer p {
	color:#0b224b;
	font-size:0.75em;
	margin-bottom:10px;
	line-height:1.5em;
}
#footer a {
	color:#0b224b;
}
#footer a.noline:hover {
	color:#0b224b;
}
#footer a:hover {
	color:#8f1047;
}
#footerPrimary {
	width: 500px;
	float: left;
	height:30px;
	line-height:30px;
}
#footerPrimary ul {
	list-style-type: none;
	font-size:0.7em;
	margin:0;
	padding:0;
	line-height:1.5em;
}
#footerPrimary li {
	margin:0;
	padding:0;
}
#footerSecondary {
<<<<<<< css.css
	width: 390px;
=======
	width: 420px;
>>>>>>> 1.37
	float: right;
	text-align:right;
}

/* 3.Search
---------------------------------------------------------------*/
#searchform {
	padding:1px 5px;
	margin:0;
	float:right;
	color:#FFFFFF;
}
#searchform p { font-size:12px; line-height:32px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }

.searchbut {
	background: #0b224b;
	border:1px solid #0b224b;
	padding: 2px 4px;
	color: #fff;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.searchbox {
	width: 140px;
	padding: 3px;
	border: 1px solid #ccc;
	color:#999999;
}

/* 4.Menu
---------------------------------------------------------------*/

#menuWrap {	
font-family:Arial, Helvetica, sans-serif;
	clear: both;
	position:relative;
	display:block;
	height:32px;
	background:#8f1047; /* 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 */
	}

#menu, #menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:32px; /* add line height  DONT USE HEIGHT */
	font-weight:normal;
	font-size:12px;
	}
	
#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 */
	position:relative;
	border:0;
	}
#menu li:hover { background-color: #0b224b; } /* keeps the original button highlighted */
#menu li.noborderl a { border-left:none;  }/* Borders as appropriate */
#menu li.noborderr a { border-right:none;  } 


#menu a{
	display:block;
	padding:0px 10px; /* set padding will affect padding on all a tags in menu */
	line-height:32px; /* set line height DONT use just height */
	color:#fff;
	text-decoration:none;
	border-left:1px solid #dea1b1; border-right:1px solid #7a283d; /* Borders as appropriate */
	}

#menu a:hover{
	background-color: #0b224b;
	color:#fff;
	}

#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:194px; /* Width will need to be updated inline with all the padding on the menus */
	top:32px;
	background-color:#8f384e;
	}

#menu li ul a{
	width:174px; /* Width will need to be updated inline with all the padding on the menus */
	height:auto;
	float:left;
	border:0;
	border-bottom:1px solid #dea1b1;
	line-height:18px;
	padding:8px 10px;
	}

#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:180px;
	}
#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;
	}
/*-----------------------Vertical menu----------------------------*/

#verticalmenu {
	clear: both;
	display:block;
	background:red; /* add background (this can be added directly to the #menu */
	position:relative;
	z-index:101;/* this makes sure that the menu appears on top of all elements of the page mainly things like JS banners and flash files */
	width:140px; /*set width of menu*/
	}
#submenu, #submenu 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: Arial,Verdana,Helvetica,sans-serif;
	font-weight:normal;
	font-size:13px;
	}

#submenu li { 
	list-style: none; 
	position:relative;
	border:0;

	}
#submenu a{
	display: inline-block;
	width:96px; /*Width of menu minus the padding*/
	padding:0px 22px;
	line-height:32px; /*set line height DONT use height*/
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #FFFFFF;
	}

#submenu a:hover{
	background-color: #bc1e47; /*hover background colour*/
	color:#fff;
	}

#submenu 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:140px;
	top:0;
	background-color:#8f384e;
	}

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

#submenu 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*/
	}
#submenu li ul ul a { 
	width:160px; /*update width inline with all the overs*/
	}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li:hover ul ul ul ul{
	display:none;
	}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li li li li:hover ul{
	display:block; /*IMPORTANT set drowns downs to show on hover*/
	}	
.verticalDropMenu a { padding:5px; text-decoration:none; display:block; width:120px;}
.verticalDropMenu li  { 
	list-style: none;
	position:relative;
	background-color:#FFFFFF;
	}
	
.verticalDropMenu li ul li { background-color:#CCCCCC; font-size:0.75em; line-height:normal; border-bottom:1px solid #FFFFFF; }

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



/* 6.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: #0b224b;
	border: solid 0px #0053A4; }
.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; }


/* 7.CZ
---------------------------------------------------------------*/

#CZDocumentBody td { padding:5px; }
table#CZDocumentBody
{
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
#FAQBody ul { margin:0 0 10px 30px; }
.DocumentBody p { margin-bottom:15px; }
.FormButton { margin-bottom:15px; }


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

.RightPanelBody { margin: 0; padding:0; background:none; }
#RHC_Body { margin:0; padding:0; background:none; width: 200px; }
#RHC_Body b { color: #E60000; }
#RHC_Body a {	color: #E60000;	 text-decoration: none; }
#RHC_Body a:hover { color: #AA0001; text-decoration: underline; }

/* 8.Profiles
---------------------------------------------------------------*/
a.alicja { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/alicja.jpg); background-position:left; float:left; }
a.andrea { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/andrea.jpg); background-position:left; float:left;}
a.andrew { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/andrew.jpg); background-position:left; float:left;}
a.carole { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/carole.jpg); background-position:left; float:left;}
a.christine { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/christine.jpg); background-position:left; float:left;}
a.coral { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/coral.jpg); background-position:left; float:left;}
a.deborah { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/deborah.jpg); background-position:left; float:left;}
a.jan { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/jan.jpg); background-position:left; float:left;}
a.jason { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/jason.jpg); background-position:left; float:left;}
a.john { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/john.jpg); background-position:left; float:left; }
a.kathryn { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/kathryn.jpg); background-position:left; float:left;}
a.lauren { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/lauren.jpg); background-position:left; float:left;}
a.lee { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/lee.jpg); background-position:left; float:left;}
a.mel { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/mel.jpg); background-position:left; float:left;}
a.michelle { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/michelle.jpg); background-position:left; float:left;}
a.nancy { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/nancy.jpg); background-position:left; float:left;}
a.pat { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/pat.jpg); background-position:left; float:left;}
a.peter { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/peter.jpg); background-position:left; float:left;}
a.richard { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/richard.jpg); background-position:left; float:left;}
a.rita { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/rita.jpg); background-position:left; float:left;}
a.sylvia { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/sylvia.jpg); background-position:left; float:left;}

a.alicja:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/alicja.jpg); background-position:right; float:left; }
a.andrea:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/andrea.jpg); background-position:right; float:left;}
a.andrew:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/andrew.jpg); background-position:right; float:left;}
a.carole:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/carole.jpg); background-position:right; float:left;}
a.christine:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/christine.jpg); background-position:right; float:left;}
a.coral:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/coral.jpg); background-position:right; float:left;}
a.deborah:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/deborah.jpg); background-position:right; float:left;}
a.jan:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/jan.jpg); background-position:right; float:left;}
a.jason:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/jason.jpg); background-position:right; float:left;}
a.john:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/john.jpg); background-position:right; float:left; }
a.kathryn:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/kathryn.jpg); background-position:right; float:left;}
a.lauren:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/lauren.jpg); background-position:right; float:left;}
a.lee:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/lee.jpg); background-position:right; float:left;}
a.mel:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/mel.jpg); background-position:right; float:left;}
a.michelle:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/michelle.jpg); background-position:right; float:left;}
a.nancy:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/nancy.jpg); background-position:right; float:left;}
a.pat:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/pat.jpg); background-position:right; float:left;}
a.peter:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/peter.jpg); background-position:right; float:left;}
a.richard:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/richard.jpg); background-position:right; float:left;}
a.rita:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/rita.jpg); background-position:right; float:left;}
a.sylvia:hover { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-image:url(../images/sylvia.jpg); background-position:right; float:left;}


a.selected { display:block; width:133px; height:133px; margin:0 10px 10px 0; background-position:right; float:left; }

#blogdate { float: right; width: auto; margin-top: 10px; line-height: 15px; font-family: Arial; font-size: 11px; font-weight: bold; color: #cbced2; }