table { border:0px; border-collapse:collapse ; width:100%} 
td {vertical-align:top; padding:0px; }
html {height:100%;}


td, table, select, input, textarea{
	font-family:tahoma;
	font-size:100%;
	vertical-align:top;
	color:#698692;
}

form { margin:0px; padding:0px}
body { margin:0px; padding:0px; background:#18272d; height:100%; font-size:100%; line-height:1em}

img {border:0}

a {text-decoration:underline; color:#698692}
a:hover {text-decoration:none}

ul{list-style-type:square;}

li a {text-decoration:none; color:#6C6C6C}
li a:hover {text-decoration: underline}

ul.ticklist  {
	list-style-image: url(images/tick.gif);
	margin-top: 10px; /* ticklist is used under h2 so fix the gap (all browsers)*/
	margin-bottom: 15px;
}
.ticklist li { margin-bottom: 4px;}


.sitemap ul  {
	list-style-type: none;
	margin-top: 0;  
	margin-bottom: 5px;
}




h1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.25em;
	line-height:1.25em;
	margin-top: 0;
	margin-bottom: 4px;/* for grey header on home page */
	padding: 0;
	font-weight: bold;
	letter-spacing: 0px;
}

h1 a {color:#6C6C6C; text-decoration:none}
h1 a:hover {color:#FF6600; border-bottom: 1px solid #6C6C6C;}

h2 {color:#698692; margin:0 0 3px 0; font-size:1em}
h2 a {color:#698692; text-decoration:underline}
h2 a:hover {text-decoration:none}

.clear {clear:both}
.pic {margin:0 0 16px 0; display:block}
.img_left {float:left; margin:0 20px 15px 0}
.title {margin-bottom:8px; display:block}
.more {margin-left:3px}

hr {	border: 0pt none;
		color: rgb(153, 153, 153);
		background-color: rgb(153, 153, 153);
		height: 1px;
		margin-bottom: 20px;
}

p {margin:0 0 14px 0;
	text-align: justify;}
.p1 {margin:0 0 23px 0}

.main { width:100%; background:url(images/body_bg.gif) repeat-x top #fff}
.main_1 { width:100%; text-align:center;  background:url(images/content_bg.gif) repeat-x bottom}
.main_2 { width:780px; margin:0 auto; text-align:left }

.footer_main_1 { width:100%; text-align:center; background:url(images/footer_bg.jpg) repeat-x top}
.footer_main_2 { width:780px; height:61px; margin:0 auto; text-align:left }


/*top line*/


/* header (top menu) */
#menu {height:32px; background:url(images/menu_bg.gif) repeat-x top; font-size:0.7875em}
#menu td, #menu table {line-height:1.33em; color:#698692} /*were 5c7985*/
#menu a {text-decoration:none; color:white}
#menu a:hover { color:#49cfe5}

/*header image box - now the whole page content!*/
#headerimagebox {
	/*width: 720px; for ie 6? added 041108 testing. no good. created gap with menu in ie6!*/
	margin: 0 10px 0 50px;
	padding:0;
	border-left: #eeeeee solid 2px;
	border-right: #eeeeee solid 2px;
}

/* menu band */
#menuband {
	color: deepskyblue;
	font-size:0.85em;
	padding:3px 7px;
	margin-top: 0;
/*	margin: 0 10px 30px 50px;*/
	background:#eee;
	text-align: right;
}
#menuband a{color: deepskyblue; text-decoration:none;  }
#menuband a:hover {color:#dcdcdc;}


#menu .col_1a {width:295px; padding:8px 0 0 70px}
#menu .col_2a {width:595px; padding:8px 25px 0 0; text-align:right;} /*larger for extra items*/


#header { height:370px; background:url(images/header_bg.jpg) no-repeat left top #fff; font-size:0.6875em }
#header td, #header table {line-height:1.09em; color:#1e3e4b}
#header .m1 {float:left; margin:-33px 5px 56px 0}
#header .m3 {margin:0 0 0 53px}
#header .m4 {margin:0 0 5px 37px; display:block}
#header .m5 {margin:0 0 5px 15px; display:block}
#header .m6 {margin:0 0 5px 11px; display:block}
#header .col_1 {width:218px; padding:75px 0 0 0}
#header .col_1 img {display:block}
#header .col_2 {width:176px; padding-top:131px}
#header .col_3 {width:350px; padding:155px 36px 0 0}



/* content */
#content {  padding:0 0 10px 38px; font-size:0.75em; width:auto; width:660px; margin-right: 0;} /* padding:0 20px 0 38px was 0.6875em ca 150807 */
#content td, #content table {line-height:1.36em}


/* new format general col widths & layouts */
/* page is a 2 column layout */
/* page_1col is a 1 column layout */
/* col_2 is always 1st content column for legacy reasons */
/* col_2 width acts as 'min width' only for moz. is max width in ie */

#page #content {margin-top: 15px;}
#page #content .col_2 {width:290px; padding-right:30px;} 
#page #content .col_3 {width:auto;  }
#page #content .col_4 {width:auto;  }

#page_1col #content {margin-top: 15px;}
#page_1col #content .col_2 {width:660px; } /*try 660..., no padding-right:10px;*/


/* footer */
/*change the left hand padding to about 300 to force a line wrap in footer */
#footer { text-align: right; height:61px; font-size:0.6875em; line-height:1.33em; color:#5c7985; padding:0 20px 0 30px}  
#footer div {padding-top:17px}
#footer a {text-decoration:none; color:white}/*#5c7985*/
#footer a:hover { color:#49cfe5}


/* titles used across the site */
.orangesubtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF6600;
	font-weight: bold;
}
.greysubheading, .greysubheading h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6C6C6C;
}

.rssimg {border:0; float: left; margin-right:5px;}

.textjustify {text-align: justify;}

.calltoaction {
/* just fix margins and padding. used on different layouts so lhs margin set seperately */
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 0;
	padding-right: 0;
	margin-right: 0;
}

/* margin for call to action on 1 col layouts. is from left due to 
browser inconsistancies in legacy layouts. check ie6 v ie7 after adjusting.
An ie6 bug causes the RHS margin to be about 35px so the C2A icons stack if margin less than 320.*/
.callmargin1 {	margin-left:320px; }


.quoteBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
	margin-left: 0;
	margin-right: 12px;
	margin-bottom: 5px;
	border: 1px solid #999999;
	padding: 10px 3px; 
}

.quoteBox a:link, .quoteBox a:visited {
	font-weight: bold;
	color: #698692;
	text-decoration: none;
}
.quoteBox a:hover {
	text-decoration: underline;
}
.faq p { 
	margin-left: 25px;
	margin-right: 25px;
	text-align: justify;
}





/* ********************************************************************
/*                  DEPRECIATED PAGE SPECIFIC LAYOUTS                 *
/* ******************************************************************** */

/* contact info not yet live. was being trialed for index3.thm
#contactinfo {text-align:right; color: deepskyblue; font-size:0.725em; margin-right: 25px;}
#contactinfo a{text-decoration: none; color: deepskyblue; }
#contactinfo a:hover{text-decoration: underline;}*/

/*ul li { line-height:1.64em}
ul li a{text-decoration:underline; color:#698692; background:url(images/marker_list.gif) no-repeat 0 2px; padding-left:16px}
ul li a:hover{ text-decoration:none}*/


/*h1 {background:url(images/logo.jpg) no-repeat 0 0; width:348px; height:40px;  font-size:1em; margin:0}text-indent:-100000px;text-decoration:underline*/


/*original page layouts*/

/* *** it may also be possible to retire table_content once new headers are in place layouts *** */
#content .table_content {width:720px; height:250px; margin-bottom:46px}
#content .table_content .col_1 {width:35px}
#content .table_content .col_3 {width:35px}

/*col_1 and col_2 used for original menus*/
#menu .col_1 {width:525px; padding:8px 0 0 40px}
#menu .col_2 {width:215px; padding:8px 0 0 0}


/* index.html */
#page1 #content .col_2 {width:290px; padding-right:30px}
#page1 #content .col_4 {width:350px}


/* index-1.html */
#page2 #content .col_2 {width:381px; padding-right:30px}
#page2 #content .col_4 {width:219px; padding-right:20px}


/* index-2.html */
#page3 #content .col_2 {width:229px; padding-right:30px}
#page3 #content .col_4 {width:351px; padding-right:40px}
#page3 #content .col_4 .box {width:342px}
#page3 #content .col_4 .col_box_1 {width:191px; float:left}
#page3 #content .col_4 .col_box_2 {width:151px; float:left}


/* index-3.html */
#page4 #content .col_2 {width:250px; padding-right:30px}
#page4 #content .col_4 {width:340px; padding-right:30px}
#page4 #content .col_4 .box {width:337px}
#page4 #content .col_4 .col_box_1 {width:184px; float:left}
#page4 #content .col_4 .col_box_2 {width:147px; float:left}

/* index-4.html */
#page5 #content .col_2 {width:290px; padding-right:30px}
#page5 #content .col_4 {width:320px; padding-right:10px}

/* index-5.html */
#page6 #content .col_2 {width:230px}
#page6 #content .col_4 {width:245px}
#page6 #content .col_5 {width:35px}
#page6 #content .col_6 {width:140px}

input {width:202px; height:21px; color:#698692; padding-left:4px}
.div_input {width:202px; height:30px}
textarea {overflow:auto; width:202px; height:141px; color:#698692; padding-left:4px; margin-bottom:5px}


/* index-6.html */
#page7 #content .col_1 {width:35px}
#page7 #content .col_2 {width:665px; padding-right:20px}