@charset "utf-8";

html {height:100%; overflow:hidden;}

body  {
	font: 90% Verdana,Tahoma,Arial,Helvetica,sans-serif;
	background:#CCCCCC;		/* Light Grey */

	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	height: 100%;
	overflow: hidden;
	line-height:20px;
	word-spacing:0.05em;
}

p{
	padding-left:10px;
}
#ea
{
	color: #ffffff;
	font: 12px verdana,Arial,sans-serif;
	border: 2px solid #003366;
	padding: 0px;
	margin: 0px;
	width: 250px;
	background-color:#003366
}

.revealea
{
	color: red;
	font: 14px verdana,Arial,sans-serif;
}

.contactform
{
	width: 90%;
	padding: 20px;
	margin: 0px auto;
	font: 12px Verdana,Tahoma,Arial,sans-serif;
}

.row
{
	clear: both;
	padding-top: 5px;
}

.row .label
{
	float: left;
	width: 35%;
	text-align: right;
}

.row .formw
{
	float: right;
	width: 65%;
	text-align: left;
}

.row .labelrad
{
	float: left;
	width: 55%;
	text-align: right;
}

.row .rad
{
	float: right;
	width: 45%;
	text-align: left;
}

.submit input
{
	color: #ffffff;
	background: #003366;
	border: 1px solid #95953C;
	width: 250px;
}

textarea
{
	border: 1px solid #003366;
	width: 250px;
	text-align: left;
}

.normalcheckbox
{
	border: none;
	width: 20px;
	display: inline;
}


h1,h2,h3,h4,.hightligt,.hightligt1,.text_deco,.text_deco1,.boldheader,.tel_hdr{
		/*font-family: 'AvantGarde Bk BT',Verdana,Tahoma,Arial,Helvetica,sans-serif;*/
		font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
		font-weight:bold;
		line-height:normal;
}

h1{
	/*font: bold 190% 'AvantGarde Bk BT',Verdana,Arial,Helvetica,sans-serif;*/
	font-size: 190%;
	color:#003366;
	text-decoration: underline;
	margin: 0 0 0 0;
}

h2{
	/*font: bold 110% 'AvantGarde Bk BT',Verdana,Tahoma,Arial,Helvetica,sans-serif;*/
	font-size:110%;
	text-decoration: underline;
	color:#003366;
}

h3{
	/*font: bold italic 22px 'AvantGarde Bk BT',Verdana,Arial,Helvetica,sans-serif;*/
	font-size:150%;
	font-style:italic;
	color:#003366;
}


h4{
	/*font: bold 110% 'AvantGarde Bk BT',Verdana,Tahoma,Arial,Helvetica,sans-serif;*/
	font-size:110%;
	color:#003366;
}


.ital
{
font-style: italic;
}




/*hide these elements*/
.hide
{
	display: none;
}


.termshigh
{
	border: 2px red dashed
}

.hightligt
{
	/*font: bold 105% 'AvantGarde Bk BT',Verdana,Tahoma,Arial,Helvetica,sans-serif;*/
	font-size:105%;
	color:#565609;
	font-style:italic;	
}


.hightligt1
{
	/*font: bold 96% 'AvantGarde Bk BT',Verdana,Tahoma,Arial,Helvetica,sans-serif;*/
	font-size:96%;
	color:#565609;
	font-style:italic;
}

.text_deco
{
	/*font: bold 110% 'AvantGarde Bk BT',Verdana,Tahoma,Arial,Helvetica,sans-serif;*/
	font-size:110%;
	color:#003366;
	font-style:italic;	
}
.text_deco1
{
	/*font: bold 98% 'AvantGarde Bk BT',Verdana,Tahoma,Arial,Helvetica,sans-serif;*/
	font-size:98%;
	color:#003366;
	font-style:italic;	
}
.boldheader
{
	/*font: bold 100% 'AvantGarde Bk BT',Verdana,Tahoma,Arial,Helvetica,sans-serif;*/
	font-size:100%;
}

.tel_color
{
	color: #000000;
}


a, a:active, a:visited {
	color: #333366;
}
a:hover {
	color: #333366;
}

div a:hover {
	color:#ccc;
}

/* Set Up Curved Borders */
	/* Sides */
	#mainContent .t {background: url(../images/border_dot.gif) 0 0 repeat-x; height:100%}
	#mainContent .b {background: url(../images/border_dot.gif) 0 100% repeat-x; height:100%}
	#mainContent .l {background: url(../images/border_dot.gif) 0 0 repeat-y; height:100%}
	#mainContent .r {background: url(../images/border_dot.gif) 100% 0 repeat-y; height:100%} 
	
	/* Corners */
	/*#mainContent .tl { background: url(../images/border_corner_tl.gif) 0 0 no-repeat; height:100% }*/
	/*#mainContent .tr { background: url(../images/border_corner_tr.gif) 100% 0 no-repeat; padding:10px; height:100% }*/
	/*#mainContent .bl { background: url(../images/border_corner_bl.gif) 0 100% no-repeat; height:100% }	*/	
	/*#mainContent .br { background: url(../images/border_corner_br.gif)  100% 100% no-repeat; height:100%}*/
	#mainContent .tl,#mainContent .bl,#mainContent .br { height:100% }
	#mainContent .tr { padding:10px; height:100% }

	#mainContent .MYtl,#mainContent .MYtr,#mainContent .MYbl,#mainContent .MYbr{
		width:16px;height:16px;background: url(../images/graphics.gif) no-repeat
	}
	#mainContent .MYtl { float:left;background-position: -190px -809px }
	#mainContent .MYtr { float:right;background-position: -206px -809px }
	#mainContent .MYbl { _margin-bottom:-1px;margin-top:-16px;float:left;background-position: -190px -825px }
	#mainContent .MYbr { _margin-bottom:-1px;margin-top:-16px;float:right;background-position: -206px -825px }
/* End Curved Borders */

/* Top Tab Menu */
	#tabArray{
			list-style:none;margin:0 0 0 22px;padding:0;position:relative;z-index:999;
			/*border:1px solid #ffffff;*/
	}

	#tabArray li{
			color:white;font-weight:bold;font-size:70%;background: url(../images/graphics.gif);
			float:left;margin:0 0 0 0em;padding:0 0 0 17px;
			/*border-bottom:1px solid #617085;*/
	}

	ul#tabArray li a,ul#tabArray li a:visited,ul#tabArray li a:active{
			/* Overlay right side of background image, starting at text (on A element) */
			background: #617085 url(../images/graphics.gif) 100% 0; text-align:center;
			color: #ffffff;display: block;float: left;padding-right: 17px;text-decoration: none;white-space:nowrap;
			padding-top: 9px;padding-bottom: 8px;
	}
	/* Active Item */
	#tabArray li.active {
			display: block;
			background-color:#017085;
			margin: 0 0 0 0;
			background-position: 0% -48px;
			padding:0 0 0 20px;;
			border-bottom: none;
			position:relative;
			/*z-index:10;*/
	}
		
		ul#tabArray li.active a,ul#tabArray li.active a:active,ul#tabArray li.active a:visited {
			font-size:125%;
			/* Overlay right side of background image, starting at text (on A element) */
			background: #617085 url(../images/graphics.gif) 100%  -48px;
			color: #000000;
			display: block;
			float: left;
			padding:8px 20px 8px 0;		/* Always use px - as javascript uses these for adjustments */
			text-decoration: none;
		}		
	/*	End Active Item */
	/* End Tab Menu */

#contentPane {
	height: 90%;
	_height: 96%;					/* IE6 only */
	/*overflow-y:auto;*/
	overflow:auto;					/* IE6 needs this */
	overflow-x:hidden;			/* CSS3 Prevents x scroll bar from appearing */
	color:#000000;
	padding-top:10px;
	padding-left:8px;
	padding-right:10px;
	_position:relative			/* IE6 only - prevents featured images moving out of content area */
}

.leftPane{
	float:left;
	width:74%
}

ul.home{
	/*padding-left:23px*/
}

ul.home li
{
/*background:url(../images/tick.gif) no-repeat;*/
list-style:none;
padding:9px 0 9px 50px;
font-size: 25px;
font-size: 20px;
font-size:1.4em
}

ul.home li .tick
{
	float:left;margin-top:-8px;margin-left:-50px;
	_margin-left:-28px;	/* IE6 */
	/*width:50px;height:47px;background:url(../images/graphics.gif) -150px -762px no-repeat;*/
	width:38px;height:35px;background:url(../images/graphics.gif) -200px -774px no-repeat;
}

ul.home img {
vertical-align: middle;
}

.RMimg{
	display:inline-block;
	vertical-align:top;
	width:193px;height:35px;background:url(../images/rm2.png) -2px -2px;
	margin-bottom:-15px
}

ul.why li
{
/*background:url(../images/ticks.gif) no-repeat;*/
list-style:none;
padding:6px 0 6px 24px;
font-size: 12px;
}

ul.why li .ticks
{
	float:left;margin-top:-4px;margin-left:-30px;
	_margin-left:-14px;	/* IE6 */
	width:25px;height:24px;background:url(../images/graphics.gif) -200px -750px no-repeat;
}

ul.why img {
vertical-align: middle;
}



ol.service {
  font: bold 15px;
  color: #95953c;
}

ol.service p {
  font: 90% Verdana,Tahoma,Arial,Helvetica,sans-serif;
  color: #000;
}




#ifContentPane {
	height: 100%;
	/*overflow-y:auto;*/
	overflow:hidden;					/* IE6 needs this */
	overflow-x:hidden;			/* CSS3 Prevents x scroll bar from appearing */
	color:#000000;
	padding: 0 0 0 0;
}

#ifContainer{
	height:100%
}
iframe{
	width:100%;height:80%;
}

.twoColElsLt #container { 
	width: 100%;  
	margin: 0 auto; 
	text-align: left;
	height: 100%;
	overflow:hidden;
} 

.twoColElsLt #sidebar {
	float:left;
	width: 180px;
	padding: 0px 0;
	margin-top: 0em;
	min-width: 180px;
}
.twoColElsLt #sidebar h3, .twoColElsLt #sidebar p {
	margin-left: 10px; 
	margin-right: 10px;
}

.twoColElsLt #mainContent {
 	margin: 10px 1.5em 0 0%;
	height: 100%;
	width: 80%;
	/*min-width:300px;*/
	position:absolute;
	left:180px;
	z-index:0;
} 
.main {
	float:left;
	width: 100%;
	/*margin-top:-0.2em;*/
	background-color: #ffffff;
	height: 85%;
}

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


/* Side Menu */
	#sideMenuCont {
		/*height: 17em;*/
		/*margin-bottom:3em;*/
		overflow:hidden;
		/*overflow-x:hidden;*/
	}
	
	ul.sideMenu {
		margin:0 0 0 15px;
		*margin-top:4px;	/* IE6/7 only */
		list-style:none;
		text-align:center;
		padding: 0em;
		width:100%;
		font-size:90%;
	}
	
	ul.sideMenu li {
		background-image:none;
		margin:0 auto;
		color:white;
		padding: 0;
		width: 85%;
		float:left;
		margin: 2px;
		margin-left:0;	/*8%;*/
		position:relative;

	
	}
	ul.sideMenu li a,ul.sideMenu li a:visited,ul.sideMenu li a:visited,ul.sideMenu li a:active {
		background-color:#336666;	/* Teal */
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		behavior: url(style/border-radius.htc);
		display:block;
		width:100%;
		line-height:1em;
		margin:0;
		padding: 0.5em 0;
		color: #ffffff;
		text-decoration:none;
	
	}
	/*ul.sideMenu li a:hover {
		display:block;
		width:100%;
		color: #000;
		background-color:#95953c;
		text-decoration:none;
	}*/
	ul.sideMenu li.active {
		width: 95%;
		/*margin-left:8%*/
	}
	ul.sideMenu li.active a, ul.sideMenu li.active a:visited, ul.sideMenu li.active a:active {
		background-color:#003366;
		display:block;
		width:100%;
		line-height:1em;
		margin:0;
		padding: 0.5em 0;
		color: #ffffff;
		text-decoration:none;
	}
	ul.sideMenu li a:hover {
		background-color:#8296A8;	/* Grey/Blue */;
		display:block;
		width:100%;
		color: #000;
		text-decoration:none;
	}
/* End Side Menu */
	
#abodeSites {
	/*text-align:center;*/
	position:relative;
	display:block;
	left:-166px;
	top:-43px;
	/*margin-top:2em;*/
	/*position:absolute;*/
	/*bottom: 20px;*/
	/*left: -13px;*/
	/*margin-left:2px;*/
}
#abodeSites select {
	width: 155px;
}

/* Page Headers (Used for Text-only Version) */
h1.hdr, h3.hdr{
	margin:0;
	padding:0;
	text-align:center;
}

.logo_hdr
{
	display:block;
	width:150px;height:106px;background:url(../images/graphics.gif) -0px -750px;/* -13px -3px;*/
	margin-left:15px;
	margin-bottom:5px;
	padding: 0px;
	text-align: center;
}

.tel_hdr
{
	margin: 0px 0px 10px 0px;
	padding: 0;
	text-align: center;
	color: #000000;
	/*font: bold 16px 'AvantGarde Bk BT',Verdana,Tahoma,Arial,Helvetica,sans-serif;*/
	font-size:16px;
}

.links_hdr
{
	/*
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 25px;
	*/
	text-align: right;
}

.noborder
{
	border: none;
}


#jumpForm {
	margin:0;
}

/* Use these classes to customise the look of the FAQ page */
#contentPane .faq_qn {
	font-weight:bold;
	margin-bottom:0;
}
#contentPane .faq_ans {
	margin-top:0;
}

.contact_hdr {
	margin-bottom:0.5em;
}

.highlight {
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
}

table.formTable td {
	padding:3px;
}
table.formTable input, table.formTable select {
	width: 250px;
}
table.formTable input.tick {
	width:auto;
}

#txtUp,#txtDn,#txtOnly{
	*margin-left:3px;		/* IE6/7 only*/
	*margin-right:3px;	/* IE6/7 only */
	display:inline-block;
	width:20px;height:20px;background:url(../images/graphics.gif)
}
#txtUp{background-position:-150px -809px}
#txtDn{background-position:-170px -809px}
#txtOnly{background-position:-150px -829px}

#textUp,#textDown,#textLink{
	visibility:hidden;		/* Javascript will unhide this to make option available */
}
#textLink {
	text-align:center;
}
#textResize {
	margin:0;
	text-align:center;
}

.hiddenHeader {
	/* IE6 CAN CRASH WITH display:none */
		/*display:none;	*/
		position:absolute;
		visibility:hidden;
}

#footImg {
	width:468px;height:60px;background:url(../images/graphics.gif) -0px -856px;
	/*margin-left:208px;*/
}

#footRMImg {
/*
	margin-top:5px;
	margin-right:16px;
	margin-left:24px;
	width:197px;height:50px;background:url(../images/rm2.png) -0px -0px no-repeat;
*/
}

.featured{
	*position:relative;		/* IE 7 needs this, for height/width to work */
	float:left;
	margin-top:20px;
	margin-left:15px;
	margin-left:5px;		/* IE7 */
	overflow:hidden;
	*height:80%;			/* IE7 */
	/*width:inherit;*/
}
.featured h2{white-space:nowrap}
.featured .wrapper{margin-left:15px}

div.wrapper {
	margin:5px;
	position:relative;
	float:left;
	vertical-align:top;
}
div.wrapper img{	
	float:left;
	width: 135px;
	height:89px;
	border: none;
}
div.wrapper div{	
	position:absolute;
	width: 6px;
	height: 6px;
	_clip:rect(0 6px 6px 0)		/* IE6 need this, otherwise min height is 16px!? */
}

div.wrapper div.tl1{
	/*background:transparent url(../images/tl.gif) top left no-repeat;*/
	background:transparent url(../images/graphics.gif) -150px -750px no-repeat;
	left:0;
	top:0
}
div.wrapper div.tr1{
	/*background:transparent url(../images/tr.gif) top right no-repeat;*/
	background:transparent url(../images/graphics.gif) -156px -750px no-repeat;
	right:0;
	_right:-1px;			/* Target IE6 only, which needs -1px */
	top:0
}

div.wrapper div.bl1{
	/*background:transparent url(../images/bl.gif) bottom left no-repeat;*/
	background:transparent url(../images/graphics.gif) -150px -756px no-repeat;
	left:0;
	bottom:0;
	_bottom:-12px	/* Target IE6 only, which needs -12px */
}
div.wrapper div.br1{
	/*background:transparent url(../images/br.gif) bottom right no-repeat;*/
	background:transparent url(../images/graphics.gif) -156px -756px no-repeat;
	right:0;
	_right:-1px;			/* Target IE6 only, which needs -1px */
	bottom:0;
	_bottom:-12px	/* Target IE6 only, which needs -12px */
}

.clear{
	clear:left;
	display:block;
	overflow:hidden;
	visibility:hidden;
	height:0;
	width:0;
}


.forminputstyle1
{
	margin:8px 0;
	border: 1px solid #666;
	width: 285px;
}


.forminputstyle2
{
	font: italic bold;
	background: #ccc;
	color: #666;
	cursor: not-allowed;
}




label.radbut{
	font-size:1em
}
/* STYLE BUTTONS*/
input.stylebutton
{
	width: 285px;
	font: bold small-caps 16px "avantgarde bk bt",helvetica,verdana,arial,sans-serif;
	background: #ccc;
	color: #666;
	border-top: 1px solid #666;
	border-bottom: 3px solid #666;
	border-left: 1px solid #666;
	border-right: 3px solid #666;
}


.bld
{
	font-weight: bold;
}

/*
legend
{
	color: #ffffff;
	background: #95953C;
	padding: 2px 6px
}

fieldset
{
	border: 1px solid #95953C;
	padding: 5px;
}

input
{
	border: 1px solid #003366;
	width: 250px;
}
*/


fieldset{
	padding:0 0 8px 0;
	border:none;
	border-bottom:2px groove #ccc;
}

legend{
	padding-bottom:8px;
}
/* NON STANDARD fonts: italic small-caps 900 12px arial*/
label, .fnormal, legend{
padding-left:0;
	font: 15px helvetica,verdana,arial,sans-serif;
	background: #fff;
	color: #666;
}

.bolditalics
{
	font-style: italic;
	font-weight: bold;
}

.fbold
{
	font: bold 15px helvetica,verdana,arial,sans-serif;
	background: #fff;
	color: #666;
}