/* -------------------------- BODY STYLES ---------------------------------- */
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height:130%;
}
#wrapper { height: auto; min-height:1000px;width: 100%;
}
/* non IE fix to force horiziontal scrollbar display (stops the width changing and the template jumping around)*/
html { height: 100%; margin-bottom: 1px; 
}
.tiny {font-size:1px;
}
li { list-style-position:inside; 
}
.picmarg {margin-top:5px;}
.picmarg2 {margin-top:10px;}
.tabtopL {
	background-image:url(../images/tabcellL.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;
}
.tabtopR {
	background-image:url(../images/tabcellR.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;
}
.tabbottL {
	background-image:url(../images/tabcellBL.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.tabbottR {
	background-image:url(../images/tabcellBR.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/* -------------------------- TEMPLATE & LAYOUT STYLES ---------------------------------- */
.strapline { font-size: 16px; font-weight: normal; color:#ECE9E9;
	 margin-left:5px;  height:20px; line-height:20px;
}
h1 { font-size: 16px; font-weight: bold; color: #000000; margin:0px; margin-top:6px; margin-bottom:-4px;
}
h2 { font-size: 14px; font-weight: bold; color: #000000; margin:0px; }
h2 a:link    {color:#660000; text-decoration:underline;}
h2 a:visited {color:#660000; text-decoration:underline;}
h2 a:hover   {color:#FF6600; text-decoration:none; cursor:pointer;}
h2 a:active  {color:#660000; text-decoration:underline;
}
.ours { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color:#999999;
        padding-top:5px; padding-bottom:5px;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;
}
.impadR {margin-left:10px;margin-bottom:10px;float:right;}
.impadL {margin-right:10px;margin-bottom:10px;float:left;}

/* ------------------ 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-color: #D5D5D5; color:#08244a; font-family: Arial, Helvetica, sans-serif;  font-size: 13px; 
  font-weight: normal; display:block; width:190px; height:30px; line-height: 30px;  padding-left: 5px; }
.vertmenu a:hover { background-color:#69042f; color:#FFFFFF;
}

/* -------------------------------- TEXT STYLES ----------------------------------------- */

.tabtitle { font-size: 12px; color: #FFFFFF; }
.foot { font-size: 11px; color: #FFFFFF; line-height:130%;  }
.foot a:link    {color:#FFFFFF; text-decoration:underline;}
.foot a:visited {color:#FFFFFF; text-decoration:underline;}
.foot a:hover   {color:#FFFF00; text-decoration:none; cursor:pointer;}
.foot a:active  {color:#FFFFFF; text-decoration:underline;
}
/* -------------------------------- FORM STYLES ----------------------------------------- */

.formfield {border: 1px solid #000000;}
/* -------------------------------- CSS LAYOUT STYLES ----------------------------------------- */
#container {
	height: auto;
	width: 980px;
	padding-left:5px;
	padding-right:5px;
	margin-right: auto;
	margin-left: auto;
	padding-top:5px;
	padding-bottom:5px;
	background-image: url(../images/wbg.png);
}
#headerbox {
	height: 90px;
	width: 980px;
	background-image: url(../images/bp-banner.gif);
	background-repeat: no-repeat;
}
#topL {
	height: 90px;
	width: 400px;
	float: left;
	text-align: left;
}
#topR {
	float: right;
	height: 90px;
	width: 580px;
	text-align: right;
}
#menubar {
	text-align: center;
	height: 30px;
	width: 980px;
	line-height: 30px;
}
#mainbox {
	height: auto;
	width: 980px;
	margin-top: 5px;
}
#mainL {
	float: left;
	height: auto;
	width: 195px;
	text-align: left;
}
#maincentre {
	text-align: left;
	height: auto;
	width: 580px;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}
#menuboxbg {
	background-color: #D5D5D5;
	height: 220px;
	width: 195px;
}

#mainR {
	float: left;
	height: auto;
	width: 195px;
}
#footer {
	line-height: 30px;
	text-align: center;
	clear: both;
	height: 30px;
	width: 980px;
	margin-top:5px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
}
#contentbox { font-size: 13px; color: #000000; line-height:150%;
	float: left;
	height: auto;
	width: 579px;
	margin-top: 5px;
}
#contentbox a:link    {color:#402c2c; text-decoration:underline;}
#contentbox a:visited {color:#402c2c; text-decoration:underline;}
#contentbox a:hover   {color:#FF6600; text-decoration:none; cursor:pointer;}
#contentboxa:active  {color:#402c2c; text-decoration:underline;
}
#roombox {
	background-image: url(../images/tabtopbg.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: auto;
	width: 580px;
	padding-top:9px;
}
#flashbox {
	height: 396px;
	width: 580px;
}
#flashbox2 {
	height: 426px;
	width: 580px;
}

.msg { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF0000; line-height:130%; font-weight:bold;  }
.msg a:link    {color:#EC21E8; text-decoration:none;}
.msg a:visited {color:#EC21E8; text-decoration:none;}
.msg a:hover   {color:#EC21E8; text-decoration:none; cursor:pointer;}
.msg a:active  {color:#EC21E8; text-decoration:none;
}