/* -------------------------- BODY STYLES ---------------------------------- */
/* non IE fix to force horiziontal scrollbar display (stops the width changing and the template jumping around)*/
html { height: 100%; margin-bottom: 1px; 
}
body { 	margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	    color: #000000; line-height:150%;
}
.tiny {font-size:1px;
}
li { list-style-position:inside; 
}
.callnowmarg {margin-top:10px;}

/* ------------------ VERTICAL MENU STYLE with background image ------------------------- */
/* You can call this in a single <div> - no <br> tags are needed. If you want to have a 
different background/style when you are actually ON the page then you need to make your
menu an editable region and use <div class="vertOFF">menu item with no link</div>         */
.vertmenu a{ text-decoration:none; text-align:left;
  background-image: url(../images/menuOFF.gif); background-repeat:no-repeat;
  color:#042b51; font-family: Arial, Helvetica, sans-serif;  font-size: 12px; 
  font-weight: normal; 
  display:block; width:175px; height:30px; line-height: 30px;  padding-left: 17px; }
.vertmenu a:hover { background-image: url(../images/menuON.gif); background-repeat:no-repeat;
                    color:#00c8c0;
}
.vertOFF { text-decoration:none; text-align:left;
  background-image: url(../images/menuSELECT.gif); background-repeat:no-repeat;
  color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; 
  font-weight: normal; 
  display:block; width:213px; height:30px; line-height: 30px;  padding-left: 17px; }
  

/* -------------------------------- LAYOUT etc STYLES (template, non-editable) ---------------------------------------- */

#topstrip { height: 7px; width: 990px; margin-right: auto; margin-left: auto; margin-top: 5px;
}
#container { height: auto; width: 990px; margin-right: auto; margin-left: auto;
	          background-color: #ffffff;
}
#headerbox { height: 120px; width: 990px; background-color: #ffffff;
}
#topL { height: 120px; width: 201px; float: left; text-align: left;
}
#topR {
	float: left;
	height: 120px;
	width: 789px;
}
#underbanner { width:990px; height:30px;
}
#underbannerL {
	float: left;
	height: 30px;
	width: 201px;
}
#underbannerR {
	float: right;
	height: 30px;
	line-height: 30px;
	width: 789px;
	text-align: right;
}

#mainbox {
	height: auto;
	width: 990px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.impadder { margin-right:60px;
}
#footer {
	height: 30px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	background-color: #032646;
	line-height: 30px;
	text-align: center;
}
#abovefooter {
	background-color:#00c8c0;
	border-bottom:1px solid #ffffff;
	height:5px;
	clear: both;
}

/* -------------------------------- EDITABLE STYLES ---------------------------------------- */

.flagmarg { margin-top:10px;
}
h1 { font-size: 20px; font-weight: bold; color:#424141; margin:0px; 
}
h2 { font-size: 20px; font-weight: normal; color: #424141; margin:0px; 
}
h3 { font-size: 14px; font-weight: bold; color: #424141; margin:0px; 
}
h3 a:link    { color:#042b51; text-decoration:none;}
h3 a:visited { color:#042b51; text-decoration:none;}
h3 a:hover   { color:#00c8c0; text-decoration:none; cursor:pointer;}
h3 a:active  { color:#042b51; text-decoration:none;
}
.impadR { margin-left:10px; margin-bottom:10px; float:right;
}
.iconpad { margin-right:10px; float:left;
}
.boxtext { font-size: 11px; 
}
.whiteboxtext { color: #FFFFFF; text-align:center;
}


.maintxt a:link    { color:#042b51; text-decoration:underline;}
.maintxt a:visited { color:#042b51; text-decoration:underline;}
.maintxt a:hover   { color:#00c8c0; text-decoration:none; cursor:pointer;}
.maintxt a:active  { color:#042b51; text-decoration:underline;
}
.foot { font-size: 11px; color:#ffffff; 
        }			 
.foot a:link    {color:#ffffff; text-decoration:underline;}
.foot a:visited {color:#ffffff; text-decoration:underline;}
.foot a:hover   {color:#00c8c0; text-decoration:underline; cursor:pointer; }
.foot a:active  {color:#ffffff; text-decoration:underline;
}
.ours { font-size: 11px; color:#999999; 
        padding-bottom:5px; width:990px; margin-left:auto; margin-right:auto; text-align:center;}			 
.ours a:link    {color:#999999; text-decoration:underline;}
.ours a:visited {color:#999999; text-decoration:underline;}
.ours a:hover   {color:#666666; text-decoration:underline; cursor:pointer; }
.ours a:active  {color:#999999; text-decoration:underline;
}
.footlinkage { font-size: 11px; color:#042b51; }			 
.footlinkage a:link    {color:#042b51; text-decoration:underline;}
.footlinkage a:visited {color:#042b51; text-decoration:underline;}
.footlinkage a:hover   {color:#00c8c0; text-decoration:underline; cursor:pointer; }
.footlinkage a:active  {color:#042b51; text-decoration:underline;
}
.formfield {border: 1px solid #000000;}
#mainL {
	float: left;
	height: auto;
	width: 201px;
}
#mainR {
	float: right;
	height: auto;
	width: 789px;
}
#footlinks {
	text-align: center;
	height: auto;
	width: 990px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#box {
	height: 100px;
	width: 786px;
	margin-bottom:10px;
}
#boxL {
	float: left;
	height: 88px;
	width: 371px;
	padding: 5px;
	background-color: #f2fdfc;
	border: 1px solid #02c7be;
}
#boxR {
	float: right;
	height: 88px;
	width: 371px;
	padding: 5px;
	background-color: #f2fdfc;
	border: 1px solid #02c7be;
}