body {
	margin: 0;
	padding: 0;
	background-image:url(/assets/header_bkg.jpg);
	background-repeat:repeat-x;
	background-position: top center;
	background-color: #c8c8c8;
	font-size: 11px;
	line-height: 16px;
	color: #434343;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div {
	padding: 0;
	margin: 0;
	position:relative;
}
h1 { 
	color: #c8c8c8; 
	font-size: 12px; 
	font-family: "Arial Narrow", Arial, Helvetica, SunSans-Regular, sans-serif;
}
h2 { 
	color: #c8c8c8; 
	font-size: 11px; 
	font-family: "Arial Narrow", Arial, Helvetica, SunSans-Regular, sans-serif; 
	margin-top: 0; 
}
h3 { 
	color: #405880; 
	font-weight: bold; 
	font-size: 16px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	text-transform: uppercase; 
}
h4 { 
	color: #405880; 
	font-weight: bold; 
	font-size: 13px; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	margin-top: 24px; 
	margin-bottom: -3px; 
}
h5 { 
	color: #405880; 
	font-weight: normal; 
	font-size: 11px;  
	margin-top: 0; 
}
h6 { 
	color: #405880; 
	font-weight: 600; 
	font-size: 11px; 
	font-family: Arial, Helvetica, SunSans-Regular, sans-serif; 
	margin-bottom: -3px; 
}
ul { 
	font-size: 11px; 
	margin-bottom: 13px; 
	list-style-type: disc  
}
li {
	font-size: 11px;
	margin-bottom: 6px;
	list-style-image: url(/assets/arrow.gif);
}
a { 
	color: #2a436d; 
}
a:hover { 
	color: #ec2626; 
}
	
/* page layout ======================================================= */
	
#header {
	height: 60px;
	position: absolute;
	width: 800px;
	left: 50%;
	top: 18px;
	margin-left: -400px;
}
#printheader {
	display: none;
}
#mailprint {
	display: none;
}
#header p, #header a {
	color: #2a436d;
	font-size: 24px;
	letter-spacing: .06em;
	line-height: normal;
	text-align:center;
	font-weight: bold;
	text-decoration: none;
	margin-top: 18px;
}
#wrap {
	position: absolute;
	width: 760px;
	left: 50%;
	top: 125px;
	margin-left: -380px;
	height: auto;
}
#menu-hp, #menu {
	float: right;
	height: 300px;
	width: 402px;
	margin-left: 20px;
	margin-top: 10px;
	background-image:url(/assets/logo-vifca2.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	font-size: 16px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	z-index:999;
}
#menu {
	height: 140px;
	width: 350px;
	background-image:url(/assets/logo-vifca.jpg);
	background-position: top right;
}
#menu-hp a, #menu a {
	font-size: 16px;
	font-weight: bold;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	text-decoration: none;
}
#menu-hp .consumers, #menu .consumers {
	width: 100px;
	left: 0;
	top: 71px;
}
#menu .consumers {
	position: absolute;
	top: 45px;
}
#menu-hp .about, #menu .about {
	width: 100px;
	left: 0;
	top: 88px;
}
#menu .about {
	position: absolute;
	top: 75px;
}
#menu-hp .air, #menu .air {
	width: 100px;
	left: 300px;
	top: 38px;
	text-align: right;
}
#menu .air {
	position: absolute;
	left: 250px;
	top: 45px;
}
#menu .admin {
	position: absolute;
	top: 130px;
	left: 255px;
}
* html #menu .admin {
	left: 250px;
}
#menu .member {
	position: absolute;
	top: 130px;
}
#menu .overlay {
	position: absolute;
	left: 112px;
	top: 7px;
}
#menu .overlay img {
	border: none;
}
#menu-hp .links, #menu .links {
	width: 100px;
	left: 300px;
	top: 55px;
	text-align: right;
}
#menu .links {
	position: absolute;
	left: 250px;
	top: 75px;
}
#menu-hp .complaints {
	text-align: right;
	float: right;
	width: 202px;
	top: 130px;
	padding-bottom: 5px;
	font-size: 12px;
	border-bottom: 3px solid #C8C8C8;
	z-index: 99;
}
#menu-hp .complaints a {
	font-size: 13px;
}
#menu-hp .join {
	text-align: left;
	position: absolute;
	width: 200px;
	font-size: 12px;
	top: 210px;
	padding-bottom: 5px;
	left: 0;
	border-bottom: 3px solid #C8C8C8;
	z-index: 98;
}
#menu-hp .join a {
	font-size: 13px;
}
#content {
	margin-top: 180px;
	padding-bottom: 20px;
}
#totop {
	clear: both;
	float:right;
	margin-top: 15px;
}
#totop img {
	border: none;
}
#footer {
	clear: both;
	height: 60px;
	width: 650px;
	border-top: 10px solid #003366;
	margin-left: 110px;
	margin-top: 20px;
}
#footer p {
	font-size: 10px;
	color:#333333;
	text-align: right;
	margin-top: 2px;
	line-height: 12px;
}
td.linkname {
	font-size: 12px;
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
}
.pseudopara { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 11px; font-weight:bold; }
.right {
	float:right;
	margin: 0 0 0 10px;
}

/* forms ================================================================================= */
.contactform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0;
	width: 100%;
	padding: 5px;
}
.contactform label, .contactform input, .contactform select, .contactform textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	display: block;
	float: left;
	width: 22em;
	margin: 5px 0;
	padding: 2px;
	font-weight: normal;
	}
.contactform input, .contactform textarea, .contactform select, .storeform input {
	border: 1px solid #405880;
}
input.button {
	height: 22px;
	border: 1px solid #405880;
	line-height: 11px;
	color: #405880;
	width: auto;
	text-transform: uppercase;
	padding: 0 7px 2px 7px;
	font-weight: bold;
}
.contactform select {
	background-color: #fff;
	width: 22.5em;
}
.contactform label {
	font-weight: bold;
	font-size: 11px;
	color: #333;
	text-align: right;
	width:17em;
	margin-right: 5px;
}
.contactform br {
	clear:left;
}
.contactform .checkbox {
	width: 1em;
}
.contactform h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .7em;
	color: #886A60;
}
.contactform input.submit {
	height: 20px;
	font-size: 10px;
	text-transform: uppercase;
	border: 1px solid #9BA27D;
	color: #fff;
	background-image: url(/assets/menu_bkg.gif);
	background-repeat: repeat-x;
	background-position: center left;
	padding: 0 15px 2px 15px;
}
input.hidden {
	height: 1px;
	border: none;
	background-color: #c8c8c8;
}
input.xsmall {
	width: 3em;
}
input.small, select.small {
	width: 6em;
}
.contactform table {
	margin-left: 120px;
}
td.header {
	vertical-align: top;
	width: 35%;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
}
td.result {
	vertical-align:top:
	text-align: left;
	font-weight: normal;
	font-size: 13px;
}
.contactform span.error {
	font-weight: bold;
	color: #FF0000;
}
/* map styles ============================================================================ */
#memberinfo {
	position: fixed;
	left: 10px;
	top: 60px;
	background-color:#FFF;	
	width: 200px;
	height: 440px;
	overflow: auto;
	padding: 10px;
	border: 2px solid #2a436d;
	z-index: 999;
}
* html #memberinfo {
	position: absolute;
	top: 440px;
}
#memberinfo .close {
	margin: -10px -10px 0 0;
	position: relative;
	float: right;
}
* html #memberinfo .close {
	margin: -10px -5px 0 0;
}
#memberinfo img {
	border: none;
}
#memberinfo p.cityname {
	color: #990000;
	font-size: 14px;
	margin-top: -7px;
	}
#memberinfo h3 {
	font-size: 13px;
}
#map {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	position: relative;
	width: 660px;
	left: 0;
	top: -90px;
	margin-bottom: -80px;
}
*+html #map img {
	margin-top: 18px;
}
#map a {
	text-decoration: none;
	color: #000;
}
#map a:hover {
	color: #ec2626;
}
#whlsl {
	z-index: 99;
}
#campbellriver {
	position: absolute;
	left: 242px;
	top: 253px;
}
* html #campbellriver {
	top: 162px;
}
*+html #campbellriver {
	top: 177px;
}
#courtenay {
	position: absolute;
	left: 340px;
	top: 336px;
}
* html #courtenay {
	top: 246px;
}
*+html #courtenay {
	top: 260px;
}
#duncan {
	position: absolute;
	left: 518px;
	top: 516px;
}
* html #duncan {
	top: 425px;
}
*+html #duncan {
	top: 440px;
}
#lantzville {
	position: absolute;
	left: 429px;
	top: 419px;
}
* html #lantzville {
	top: 328px;
}
*+html #lantzville {
	top: 343px;
}
#nanaimo {
	position: absolute;
	left: 471px;
	top: 447px;
}
* html #nanaimo {
	top: 356px;
}
*+html #nanaimo {
	top: 371px;
}
#parksville {
	position: absolute;
	left: 386px;
	top: 402px;
}
* html #parksville {
	top: 311px;
}
*+html #parksville {
	top: 326px;
}
#portalberni {
	position: absolute;
	left: 340px;
	top: 436px;
}
* html #portalberni {
	top: 345px;
}
*+html #portalberni {
	top: 360px;
}
#sidney {
	position: absolute;
	left: 549px;
	top: 556px;
}
* html #sidney {
	top: 465px;
}
*+html #sidney {
	top: 480px;
}
#victoria {
	position: absolute;
	left: 526px;
	top: 606px;
}
* html #victoria {
	top: 515px;
}
*+html #victoria {
	top: 530px;
}
#portmcneill {
	position: absolute;
	left: 95px;
	top: 165px;
}
* html #portmcneill {
	top: 74px;
}
*+html #portmcneill {
	top: 89px;
}
#sooke {
	position:absolute;
	left: 486px;
	top: 588px;
	width: 81px;
}
* html #sooke {
	top: 497px;
}
*+html #sooke {
	top: 515px;
}
#cobblehill {
	position:absolute;
	left: 480px;
	top: 536px;
	width: 120px;
}
* html #cobblehill {
	top: 447px;
}
*+html #cobblehill {
	top: 460px;
}
#lakecowichan {
	position:absolute;
	left: 410px;
	top: 492px;
	width: 140px;
}
* html #lakecowichan {
	top: 401px;
}
*+html #lakecowichan {
	top: 416px;
}