/*CSS Commands are for 3 sections: 1. Top, 2. Body and 3. Footer */
/*Font have px/px measurements, Margin/Padding/Border/Position in px, Colours in full #RRGGBB */
/*Firefox and IE Box Model differences appear only for [top,left,margin & padding] and are following lines*/
body {
margin: 0px 0px 0px 0px;
position:relative;
left:0px;
top:0px;
z-index:0
}
/*0. TOP NAV: Mast Head Container for positional images for top Nav buttons, icon and title*/

a img {
border: none; 
}

#hamptonBody {
width: 760px;
height: 135px;
padding-bottom: 35px !important;
padding-bottom/**/:/**/ 0px;
display: block;
border: 0px solid black;
background-image: url(images/img_top.jpg);
background-repeat: no-repeat;
}
.hamptonNav {
position: absolute;
top: 90px;
left: 0px;
width: 150px;
height: 310px;
border: 0px solid red;
background-image: url(images/img_left.gif);
background-repeat: no-repeat;
}
.hamptonNav ul {
	margin: -2px;
	padding: 2px;
	list-style: none;
	font: bold 10px/16px Arial, sans serif;
	border: 0px solid black;
	padding-top: 10px;
}
.hamptonNav li {
margin-left: 5px !important;
margin-left/**/:/**/10px;
}
.hamptonNav a {
text-decoration: none; 
color: #B58C2D;
}
.hamptonNav a:hover {
text-decoration: none; 
color: #6C95AF;
}
.hamptonNav a strong {
font: 10px Wingdings 3;
color: #ffffff;
}
.hamptonNav a:hover strong {
font: 10px Wingdings 3; 
color: #6C95AF;
}

.hamptonNav .active a {
text-decoration: none; 
color: #6C95AF;
}

.hamptonNav .active a strong {
font: 10px Wingdings 3; 
color: #6C95AF;
}

.hamptonContent {
	position: absolute;
	top: 90px;
	left: 150px;
	width: 600px;
	border: 0px;
	background-image: url(images/img_main.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 10px;
}
#lines {
	position: relative;
	width: 600px;
	height: 300px;
	/*left: -20 px;*/
	margin-top: -315px;
	background-image: url(images/lines.gif);
	background-repeat: no-repeat;
	z-index: -1;
}

p {
font: 12px/18px Verdana, sans-serif;
color: #666666;
}
h2 {
font: bold 12px/18px Verdana, sans-serif;
color: #6C95AF;
margin-bottom: -6px !important;
margin-bottom/**/:/**/  -18px;
display: block;
}
h3 {
font: bold 16px/22px Verdana, sans-serif;
color: #B58C2D;
margin-top: 20px;
margin-bottom: -6px !important;
margin-bottom/**/:/**/  -18px;
display: block;
}
.hamptonFooter {
border: 1px solid blue;
}
.text {
font: 12px/18px Verdana, sans-serif;
color: #666666;
}
.textblue {
font: 12px/18px Verdana, sans-serif;
color: #6C95AF;
}
.numheading {
	font: 12px/18px Verdana, sans-serif;
	color: #6C95AF;
	font-weight: bold;
}
.textbold {
	font: 12px/18px Verdana, sans-serif;
	color: #666666;
	font-weight: bold;
}
#bottomNav {
position: relative;
width: 600px;
margin-top: 5px;
margin-left: 0px;
font: 11px/13px Verdana, sans-serif;
border-top: 1px solid #6C95AF;
padding-top: 5px;
}
.backToTop {
position: relative; 
width: 150px;
top: -6px!important; 
top/**/:/**/ -6px; 
left: -160px;
padding-top: 5px;
border-top: 1px solid #6C95AF; 
display: block; 
z-index: 2;
}
.backToTop a {
text-decoration: none; 
color: #B58C2D;
}
.backToTop a:hover {
text-decoration: none; 
color: #6C95AF;
}
.backToTop a strong {
font: 10px Wingdings 3;
color: #ffffff;
}
.imagePosition   {
	position:relative;
	float:right;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}