/*structural*/
body {    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;  background-color: #fff;	background: url( 'images/background_orange.gif');	background-repeat: repeat-x;	margin: 5px; padding: 5px}
.wrapper {border: #FFFFFF solid 1px;	padding: 0px;	width: 800px;	margin-top: 0px;	margin-right: auto;	margin-bottom: auto;	margin-left: auto; min-height:420px; /*height: 420px;*/ 	background:#fff;}

.logopanel{width: 100%; height: 104px; background:url(images/top01.gif); text-align:right; margin: 0px; padding: 0px;}

/*structural wraps the verticals*/
.holder { /*width: 100%;*/ border: 0px #fff solid; margin: 0px; padding: 0px; height:100%; clear:both; padding-left:10px; padding-right:10px; padding-top:10px;}

/*structural verticals*/
/*single full width*/
.singlevert{ width: 800px; height: auto; background:#fff; position:relative; }
/*three across*/
.triplevert1{  padding-top: 10px;  width: 254px; float: left;  height: auto; background:#fff; position:relative;}
.triplevert2{ padding-left:5px; padding-top: 10px;  width: 256px; float: left;  height: auto; background:#fff; position:relative;}
.triplevert3{ padding-left:5px; padding-top: 10px;  width: 254px; float: right;  height: auto; background:#fff; position: relative;  }
/*2 3rds left - 1 3rd right*/
.AlargeL{ width: 532px; float: left;  height: auto; background:#fff; position:inherit;}
.AskinnyR{ width: 264px; float: right;  height: auto; background:#fff; position:inherit;}
/*1 3rd left 2 - 3rds right*/
.BskinnyL{ width: 264px; float: left;  height: auto; background:#fff; position:inherit;}
.BlargeR{ width: 532px; float: right;  height: auto; background:#fff; position:inherit;}
/*1 qtr left - 50% centre - 1 qtr right*/
.CskinnyL{ width: 195px; float: left;  height: auto; background:#fff; position:relative; }
.CdoubleMid{ width: 400px; float: left;  height: auto; background:#fff; position:relative; }
.CskinnyR{ width: 200px; float: right;  height: auto; background:#fff; position:relative; }
/*four across*/
.Dskinny4way{ width: 198px; float: left;  height: auto; background:#fff; position:inherit; }
/*1 qtr left - 3 qtrs right*/
.EqtrL{ width: 198px; float: left;  height: auto; background:#fff; position: inherit; }
.E3qtrR{ width: 598px; float: right;  height: auto; background:#fff; position: inherit; top: 0px }
/*3 qtrs left - 1 qtr right*/
.F3qtrL{ width: 598px; float: left;  height: auto; background:#fff; position: inherit; }
.FqtrR{ width: 198px; float: right;  height: auto; background:#fff; position: inherit; top: 0px }
/* new structures */
.mainContent-leftColumn-A {width:522px; height: auto: background:#fff; float:right; position: inherit;  }
.mainContent-rightColumn-A {width:522px; height: auto: background:#fff; float:left; position: inherit; }
.mainContent-hidden-A {width:100%; height: auto: background:#fff;  position: inherit;}
.rightColumn-A {margin-left: 5px; width:249px; float: right; height: 100%; background:#fff; position: inherit; }
.leftColumn-A {margin-right: 5px; width:249px; float: left; height: 100%; background:#fff; position: inherit;  }
.mainContent-leftColumn-B {width:588px; height: auto: background:#fff; float:right; position: inherit;  }
.mainContent-rightColumn-B {width:588px; height: auto: background:#fff; float:left; position: inherit; }
.mainContent-hidden-B {width:100%; height: auto: background:#fff;  position: inherit;}
.rightColumn-B {margin-left: 5px; width:183px; float: right; height: 100%; background:#fff; position: inherit; }
.leftColumn-B {margin-right: 5px; width:183px; float: left; height: 100%; background:#fff; position: inherit;  }
.hidden-B{  display:none; }
.hidden-A{  display:none; }
.spacer { width:100%; height:20px; }

#flashbanner {	clear: both;	background: #E1D9D3;	width: 800px;	height: 200px;	margin-top: 1px;}
#footer {	clear: both;	position: relative;	background: #FFE4C9;	height:30px;}

/*main nav */
.mainmenudiv { width: 800px; height:22px; background:#FF7F00; background-image:url(images/m_menu_bg.gif); background-repeat: repeat-x; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;margin: 0; padding: 0;}
ul.mainnav{ margin-left: -35px; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-right: 10px;padding-left: 0px; padding-top: 2px; padding-bottom: 2px;white-space: nowrap; height: 24px;}
.mainnav li{height:20px; display: inline; list-style-type: none; border-right: 1px solid #ccc; padding-bottom: 4px; padding-top: 5px; width: auto;}
.mainnav a {height:20px;color: #FF7F00; text-decoration:none;  margin: 0px; padding-right: 10px; padding-left:10px; padding-bottom:4px;padding-top: 4px ; text-decoration: none; font-weight:bold; margin-left: -5px}
.mainnav a:hover{ text-decoration: none; color: #fff; background-color:#FF7F00}

.mainmenudiv2 {	width: 800px;height:22px; background-color: #fff;border-bottom: 1px solid #ccc;}
ul.secnav{ margin-left: -35px; margin-right: 0; margin-top: 0; margin-bottom: 0; padding-left: 0px; padding-top: 2px; padding-bottom: 2px;white-space: nowrap; height: 20px;}
.secnav li{height:20px; display: inline; list-style-type: none; color: #FF7F00; border-right: 1px solid #ccc;padding-bottom: 4px;padding-top: 5px; }
.secnav a {height:20px; color: #FF7F00; text-decoration:none;  margin: 0px; padding-right: 10px; padding-left:10px; padding-bottom:4px;padding-top: 4px ; text-decoration: none; font-weight:bold; margin-left: -5px}
.secnav a:hover{ text-decoration: none; color: #fff; background-color:#FF7F00}

.navon a{ text-decoration: none; color: #fff; background-color:#FF7F00}

/*mini nav */
.mininavdiv { height: 20px; margin-right: 10px; padding-top: 0px; padding-bottom: 0px; white-space: nowrap; text-decoration:none; color: #fff}
ul.mininav{ margin: 0px; padding-left: 0px; padding-top: 4px; padding-bottom: 0px;white-space: nowrap; height: 20px; font-size:8px;color: #fff}
.mininav li{display: inline; list-style-type: none;}
.mininav a {color: #fff; text-decoration:none;  margin: 0px; padding: 2px; text-decoration: none;  }
.mininav a:hover{ text-decoration: none; color: #006699; }
.mininavdiv2 { height: 20px; margin-right: 10px; margin-top: -104px; padding-top: 0px; padding-bottom: 0px; white-space: nowrap; text-decoration:none; color: #fff}

/*inline menus */
.inlinenavdiv {	list-style-type: none;	padding: 0;	width: auto;	margin-top: 5px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 0px;	display: block;		text-indent: 0px;	white-space: normal;}
ul.inlinenav{	width: auto;	height:auto;	padding-left: 0px;	padding-top: 4px;	padding-bottom: 0px;	display: block;	list-style-type: none;	text-indent: 0px;	white-space: normal;	text-align: left;	margin-top: 0px;	margin-right: 15px;	margin-bottom: 0px;	margin-left: 0px;}
.inlinenav li a{	width: auto;	height:15px;	list-style-type: none;	background: #fff;	font-weight: bold;	color: #006699;	display: block;	width: auto;	text-decoration: none;	border-bottom: #ff7f00 1px solid;	padding-right: 0px;	padding-left:5px;	padding-bottom:3px;	padding-top: 4px;	background-color: #fff;	text-indent: 0px;	white-space: normal;}
.inlinenav li a:hover{ text-decoration: none; color: #FF7F00; background-color:#fff; list-style-type: none;}
.inlinenavdiv2 {	list-style-type: none;	padding: 0;	width: auto;	margin-top: 5px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 0px;	display: block;		text-indent: 0px;	white-space: normal;}
ul.inlinenav2{	width: auto;	height:auto;	margin: 0px;	padding-left: 0px;	padding-top: 4px;	padding-bottom: 0px; padding-right:15px;	display: block;	list-style-type: none;	text-indent: 0px;	white-space: normal;	text-align: left;}
.inlinenav2 li a{	width: auto;	height:auto;	list-style-type: none;	background: #fff;	font-weight: bold;	color: #006699;	display: block;	width: auto;	text-decoration: none;	border-bottom: #ff7f00 1px solid;	padding-right: 0px;	padding-left:5px;	padding-bottom:3px;	padding-top: 4px;	background-color: #fff;	text-indent: 0px;	white-space: normal;}
.inlinenav2 li a:hover{ text-decoration: none; color: #FF7F00; background-color:#fff; list-style-type: none;}

li.sq {
	list-style-type: none;
	color: #616161;
	list-style-image: url('images/sqbull.gif');
	margin-left: 0px;


}

.noborder {	border:0px;}
hr {	color: #006699;}
div, img, a, td, ul, ol {    font-size: 12px;	color: #006699; }
ul li {list-style-type:none; line-height: 1.5;}
ol {    margin-left: 10px;    padding-left: 10px;}
ol li {    margin-left: 0px;    padding: 0 0 .5px.3px;    list-style: decimal;}
h1, h2, h3, h4 {	font-family: Tahoma, arial, verdana, helvetica,  sans-serif;	font-weight: bold;	letter-spacing: .07px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 5px;}
h1 { font-size: 16px; color: #FF7F00}
h2 { font-size: 13px; color: #006699}
h3 { font-size: 13px; color: #FF7F00}
h4 { font-size: 13px; color: #006699}
p { font-size: 12px;color: #616161;	line-height: 1.5;}

.breads {
	font-size: 9px;
	color: #999999;
float:right; margin-top:-24px;margin-right: 5px ;
	}
.breads a{
	font-size: 9px;
	color: #999999;
	}
.breads a:hover{
	font-size: 9px;
	color: #999999;
	text-decoration: underline;
	}

a img, img {    border: none; }
img[align="left"] {
margin-right: 10px;
}
img[align="right"] {
margin-left: 10px;
}
/* Border Style */
.blueborder { border: 1px solid #0099FF; padding: 10px;}
.blueboxheader {font-size: 13px;	color: #006699;	font-weight:bold;	margin-top: 0px;	margin-right: 15px;	margin-bottom: 0px;	margin-left: 0px;	padding-top: 2px;	padding-right: 10px;	padding-bottom: 2px;	padding-left: 10px;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 0px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #0099FF;	border-right-color: #0099FF;	border-bottom-color: #0099FF;	border-left-color: #0099FF; background-color: #DEEBFE;}
.blueboxcontent {	border: 1px solid #0099FF;	padding: 10px;	margin-top: 0px;	margin-right: 15px;	margin-bottom: 15px;	margin-left: 0px; height: auto}

.off { border: 0px solid #0099FF; padding: 10px;}

/* added for when the blue box is in the right hand / left hand column - this may need adjusting in the future as there may be a better way to do this - TODO */
.off .blueboxheader  { margin-left: -10px; margin-right: -10px; }
.off .blueboxcontent { margin-left: -10px; margin-right: -10px; }

/* Footer 
------------------------------------------------------------------------- */
#footer {    margin: 0px;    padding: 0 0 9px 0;    font-size: 85%;    color: #ddd;    background: url(images/bottom_sill.gif) no-repeat bottom center;}
#footer p {    padding: 20px 320px 20px 95px;    background: url(images/bottom_sash.gif) no-repeat top left;}
#footer a {border-bottom: none;}

/* the swap image panel 1
--------------------------------------------------------------------------------*/
#layer1 { position: relative; top: 0; left: 0; width: 590px; height: 250px; visibility: visible;	margin: 0; padding: 0;}
#layer2 { position: relative; top: -250px; left: 0; width: 590px; height: 250px; visibility: hidden; 	margin: 0; padding: 0;}
.imageSwapWrap {	height: 250px;	width: 800px;	overflow: hidden;	padding: 0;	margin-top: 8px;	margin-right: 0;	margin-bottom: 2;	margin-left: 0;}
.rightHand {	height: 250px;	width: 200px;	float: right;	position: relative; top: -504px; 	margin-right: 1px; padding: 0;}
.rightImage1 {	height: 125px;	width: 200px;		margin: 0; padding: 0;}
.rightImage2 {	height: 125px;	width: 200px;	padding: 0;	margin-top: 0px;	margin-right: 0;	margin-bottom: 0;	margin-left: 0;}

/* for block formatting text at client decision */
.ColOneof2 {	width:49%;	padding-right: 10px;	padding-left: 0px;	float:left;	border-right-width: 1px;	border-right-style: solid;	border-right-color: #FF9900;}
.ColTwoof2 { width:49%; padding-right: 0px; padding-left: 10px;float:left;}
.ColOneof3{ width:31%; padding-right: 10px; padding-left: 0px;float:left;border-right-width: 0px;	border-right-style: solid;	border-right-color: #FF9900;}
.ColTwoof3{ width:32%; padding-right: 10px; padding-left: 10px;float:left;border-right-width: 0px;	border-right-style: solid;	border-right-color: #FF9900;}
.ColThreeof3{ width:31%; padding-right: 0px; padding-left: 10px;float:left;}
.ColOneof4 { width:23%; padding-right: 10px; padding-left: 0px;float:left;border-right-width: 0px;	border-right-style: solid;	border-right-color: #FF9900;}
.ColTwoof4 { width:23%; padding-right: 10px; padding-left: 10px;float:left;border-right-width: 0px;	border-right-style: solid;	border-right-color: #FF9900;}
.ColThreeof4 { width:23%; padding-right: 10px; padding-left: 10px;float:left;border-right-width: 0px;	border-right-style: solid;	border-right-color: #FF9900;}
.ColFourof4 { width:23%; padding-right: 0px; padding-left: 10px;float:left;}