﻿html, body { /*always specify at the beginning of a style sheet */
margin: 0;
padding: 0;
width: 100%;
min-width: 800px;

}
body {
font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 0.9em;
	line-height: 1.35em;	
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}

a {
 font-weight: normal;
}

p {
 margin: 0;
 padding-top: 10px;
}

p.whoarewe {
 color: #BA3C36;
 font-weight: bold;
}

p.whatdowedo {
 color: #BA3C36;
 font-weight: bold;
}

p.wheredowewanttogo {
 color: #BA3C36;
 font-weight: bold;
}

p.howarewedoing {
 color: #BA3C36;
 font-weight: bold;
}
h1{
 font-weight: bold;
 font-size: 130%;
 color: #BA3C36;
 background: #fff;
 margin: 0px;
 margin-top: 10px;
 padding: 0px;
}

h2{
 font-weight: bold;
 font-size: 114%;
 font-family: Arial, Helvetica, sans-serif;
 color: #BA3C36;
 background: #fff;
 margin: 0px;
 margin-top: 10px;
 padding: 0px;
}

h3{
 font-weight: bold;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #BA3C36;
 background: #fff;
 margin: 0px;
 padding: 0px;
}

h4{
 font-weight: normal;
 font-family: Arial, Helvetica, sans-serif;
 color: #BA3C36;
 background: #fff;
 margin: 0px;
 padding: 0px;
}

h5{
 font-weight: normal;
 font-family: Arial, Helvetica, sans-serif;
 color: #BA3C36;
 background: #fff;
 margin: 0px;
 padding: 0px;
}

hr {
 border-style: solid;
 border-width: 0.5px;
 border-color: gray;
}

a img{
 border-style: none;
}

ul {
 margin: 0px;
 padding-top: 5px;

}

li {
 list-style-type: disc;
 display: list-item;
 margin-left: 20px;
}

li.quicklinks {
 list-style-type: none;
 display: inline;
 text-decoration: none;
 padding-right: 0.7em;
 margin-left: 0px;
}

div.container{
 position: absolute;
 width: 99%;
 height: 100%;
 margin: 0;
 padding: 0;
}

div.header{
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 7em;
 margin: 0;
 padding: 0;
}

div.logolinks{
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 90px;
}

div.brand{
 position: absolute;
 left: 0;
 top: 6.4em;
 width: 100%;
 height: 0.7em;
 margin: 0;
 padding: 0;
 overflow: hidden;
}

	div#lightblue {
		position: absolute;
		background-color: #02AFF4;
		width: 2.12%;
		left: 0;
		margin: 0;
		padding: 0;
	}
	div#yellow {
		position: absolute;
		background-color: #FCB824;
		width: 4.94%;
		left: 2.12%;
		margin: 0;
		padding: 0;
	}
	div#green {
		position: absolute;
		background-color: #00A055;
		width: 2.12%;
		left: 7.06%;
		margin: 0;
		padding: 0;
	}
	div#lightgreen {
		position: absolute;
		background-color: #ABBE26;
		width: 4.33%;
		left: 9.18%;
		margin: 0;
		padding: 0;
	}
	div#midblue {
		position: absolute;
		background-color: #4792CF;
		width: 4.44%;
		left: 13.51%;
		margin: 0;
		padding: 0;
	}
	div#bluegreen {
		position: absolute;
		background-color: #019D5A;
		width: 5.75%;
		left: 17.95%;
		margin: 0;
		padding: 0;
	}
	div#red {
		position: absolute;
		background-color: #BA3C36;
		width: 6.45%;
		left: 23.7%;
		margin: 0;
		padding: 0;
	}
	div#orange {
		position: absolute;
		background-color: #F58322;
		width: 8.77%;
		left: 30.15%;
		margin: 0;
		padding: 0;
	}
	div#grey {
		position: absolute;
		background-color: #A4AFB1;
		width: 14.62%;
		left: 38.92%;
		margin: 0;
		padding: 0;
	}
	div#brown {
		position: absolute;
		background-color: #B96712;
		width: 4.94%;
		left: 53.54%;
		margin: 0;
		padding: 0;
	}
	div#khaki {
		position: absolute;
		background-color: #A1A276;
		width: 20.06%;
		left: 58.48%;
		margin: 0;
		padding: 0;
	}
	div#darkblue {
		position: absolute;
		background-color: #007DB7;
		width: 8.57%;
		left: 78.54%;
		margin: 0;
		padding: 0;
	}
	div#pink {
		position: absolute;
		background-color: #FABAD5;
		width: 6.96%;
		left: 87.11%;
		margin: 0;
		padding: 0;
	}
	div#turquoise {
		position: absolute;
		background-color: #11BCB3;
		width: 2.62%;
		left: 94.07%;
		margin: 0;
		padding: 0;
	}
	div#lilac {
		position: absolute;
		background-color: #B6B0D6;
		width: 3.31%;
		left: 96.69%;
		margin: 0;
		padding: 0;
	}

div.logo{
 height: 100%;
 padding: 9px;

}

div.links{
 position: absolute;
 float: right;
 top: 0px;
 right: 0px;
 padding-left: 0px;
 color: #000000;
}

div.main{
 position: absolute;
 left: 0;
 top: 6.7em;
 width: 100%;
 height: 100%;
}

div.left{
 position: absolute;
 float: left;
 left: 0;
 right: 230px;
 top: 0;
 padding-top: 15px;
 padding-left: 15px;
}

a.whoarewe {
 color: #000000;
 text-decoration: underline;
}

a.whoarewe:hover{
	color: #BA3C36;
	background-color: inherit;	
	text-decoration: underline;
}

a.whatdowedo {
 color: #000000;
 text-decoration: underline;
}

a.whatdowedo:hover{
	color: #BA3C36;
	background-color: inherit;	
	text-decoration: underline;
}

a.wheredowewanttogo {
 color: #000000;
 text-decoration: underline;
}

a.wheredowewanttogo:hover{
	color: #BA3C36;
	background-color: inherit;	
	text-decoration: underline;
}

a.howarewedoing {
 color: #000000;
 text-decoration: underline;
}

a.howarewedoing:hover{
	color: #BA3C36;
	background-color: inherit;	
	text-decoration: underline;
}

ul.nav {
 margin: 3px;
 margin-left: 0px;
}

a.menu1 {
 display:block;
}

li.whoarewe {
 text-decoration: none;
 display: list-item;
 list-style-image: url('images/blackarrow.jpg');
}

li.whatdowedo {
 text-decoration: none;
 display: list-item;
 list-style-image: url('images/blackarrow.jpg');
}

li.wheredowewanttogo {
 text-decoration: none;
 display: list-item;
 list-style-image: url('images/blackarrow.jpg');
}

li.howarewedoing {
 text-decoration: none;
 display: list-item;
 list-style-image: url('images/blackarrow.jpg');
}

li.links {
 text-decoration: none;
 display: list-item;
 list-style-image: url('images/blackarrow.gif');
 padding: 0.3em;
}

li.linksnobullet {
 text-decoration: none;
 display: list-item;
 list-style-type: none;
 padding: 0.3em;
}

a.links {
 color: #000000;
}

a.links:link, a.links:visited{
	background-color: inherit;
	text-decoration: none;
}

a.links:visited{
	background-color: inherit;
	text-decoration: none;
}

a.links:hover{
	color: #000000;
	background-color: inherit;	
	text-decoration: underline;
}

a.whoarewenav {
 color: #000000;
}

a.whoarewenav:link, a.whoarewenav:visited{
	background-color: inherit;
	text-decoration: none;
}

a.whoarewenav:visited{
	background-color: inherit;
	text-decoration: none;
}

a.whoarewenav:hover{
	color: #BA3C36;
	background-color: inherit;	
	text-decoration: underline;
}

a.whatdowedonav {
 color: #000000;
}

a.whatdowedonav:link, a.whatdowedonav:visited{
	background-color: inherit;
	text-decoration: none;
}

a.whatdowedonav:visited{
	background-color: inherit;
	text-decoration: none;
}

a.whatdowedonav:hover{
	color: #BA3C36;
	background-color: inherit;	
	text-decoration: underline;
}

a.wheredowewanttogonav {
 color: #000000;
}

a.wheredowewanttogonav:link, a.wheredowewanttogonav:visited{
	background-color: inherit;
	text-decoration: none;
}

a.wheredowewanttogonav:visited{
	background-color: inherit;
	text-decoration: none;
}

a.wheredowewanttogonav:hover{
	color: #BA3C36;
	background-color: inherit;	
	text-decoration: underline;
}

a.howarewedoingnav {
 color: #000000;
}

a.howarewedoingnav:link, a.howarewedoingnav:visited{
	background-color: inherit;
	text-decoration: none;
}

a.howarewedoingnav:visited{
	background-color: inherit;
	text-decoration: none;
}

a.howarewedoingnav:hover{
	color: #BA3C36;
	background-color: inherit;	
	text-decoration: underline;
}

div.left2 {
 position: absolute;
 float: left;
 left: 0;
 top: 10px;
 width: 240px;
 padding-top: 20px;
 padding-left: 5px;
 overflow: hidden;
 z-index: 1;
 background-color: #ffffff;
}

div.centre {
 position: absolute;
 left: 265px;
 right: 240px;
 padding-top: 25px; 
 background-color: transparent;
}

div.right {
 position: absolute;
 float: right;
 right: -1px;
 top: 0px;
 height: 100%;
 width: 220px;
 padding-top: 0px;
 padding-right: 0;
 z-index: 1;
 background-color: #ffffff;
}

div.frame {
 position: absolute;
 top: 5px;
 left: 0;
 margin-left: 0px;
 margin-top: 9px;
 width: 200px;
}

.hide{
display: none;
}

.show{
display: block;
}

div.boxedgrey{
 border: thin solid #CCCCCC;
 padding: 5px;
}

div.homepic{
 position: relative;
 height: 270px;
 padding-top: 17px;
 padding-bottom: 10px;
 margin: 0;
 z-index: -1;
}

div.blackbar{
 position: relative;
 top: 0px;
 height: 20px;
 background-color: #ffffff;
}

div.homesegments{
 position: relative;
 top: -10px;
 height: 100%;
 background-color: #ffffff;
}

div.whoarewe{
 position: absolute;
 height: 100%;
 width: 25%;
 left: 0;
 top: 0;
 background-color: #ffffff;
}

div.whatdowedo{
 position: absolute;
 height: 100%;
 width: 25%;
 left: 25%;
 top: 0;
 background-color: #ffffff;
}

div.wheredowewanttogo{
 position: absolute;
 height: 100%;
 width: 25%;
 left: 50%;
 top: 0;
 background-color: #ffffff;
}

div.howarewedoing{
 position: absolute;
 height: 100%;
 width: 25%;
 left: 75%;
 top: 0;
 background-color: #ffffff;
}

div.piccontainer{
 position: absolute;
 left: 50%;
 margin-left: -399px;
 top: 0;
 background-color: #ffffff;
 height: 270px;
 padding-top: 10px;
}

div.validation{
 position: absolute;
 bottom: -300px;
}

p.home {
 padding-right: 15px;
}

span {
 visibility: hidden;
}

table {
 padding: 0;
 margin: 0;
 border: 0 none #FFFFFF;
}

tr.red {
 color: #BA3C36;
}

th {
 text-align: left;
}

td.jsna {
 border-bottom: 1px solid #cccccc;
 padding: 5px;
 vertical-align: top;
 margin: 0;
}