body {
text-align:center;
height:100%;
width:100%;
margin:50px 0 0 0;
background: #00CCFF;
font:Arial, Helvetica, sans-serif;
}

body {
text-align: -moz-center;
margin:50px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
background-color:#00CCFF;
font-size:0.8em;
height:100%;
width:100%;
}

.displayBG {
clear: both;
}

a:link {color: #FF0000; text-decoration:none;}/* unvisited link */
a:visited {color: #FF0000; text-decoration:none;}/* visited link */
a:hover {color: #333333; text-decoration:none;}
a:hover.NAVhome {color: #FFFFFF; text-decoration:none; background-color: #FF0000}/* mouse over link */
a:hover.NAVservices {color: #FFFFFF; text-decoration:none; background-color: #99CC00}
a:hover.NAVport {color: #FFFFFF; text-decoration:none; background-color:#00CCFF}
a:hover.NAVabout {color: #FFFFFF; text-decoration:none; background-color:#FFCC00}
a:hover.NAVcont {color: #FFFFFF; text-decoration:none; background-color: #FF0066}
a:active {color: #FFFFFF; text-decoration:none; background-color: inherit}

a ul li .NAVhome {
color: #FFFFFF;
background:#FF0000;
}
a ul li .NAVservices {
color:#FFFFFF;
background:#99CC00;
}
a ul li .NAVport {
color:#FFFFFF;
background:#00CCFF;
}
a ul li .NAVabout {
color:#FFFFFF;
background:#FF00CC;
}
a ul li .NAVabout {
color:#FFFFFF;
background:#FF0066;
}
.TXTsmall {font:Arial; font-size: 0.8em; color:#333333; }
.TXTbody {font: Arial; font-size:11px; line-height:16px; color:#333333; letter-spacing:0.1em; }
.H1 {
	font-size:16px;
	letter-spacing:0.075em;
	line-spacing:0.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 14px;
	text-align: left;
	vertical-align: middle;
}

#Contents {
	width:850px;
	height:100%;
	padding:0 10px 10px 10px;
	background-color:#FFFFFF;
	z-index:1;
	border-left: solid #FFFFFF 3px;
	border-right: solid #FFFFFF 3px;
	border-bottom: solid #FFFFFF 3px;
	background-position: right;	display: inline-block;
display: -moz-inline-block;
_display: inline-block;
}

#Header {
	width:inherit;
	height:175px;
	z-index:80;
}
#HeaderMast{
	width:850px;
	height:175px;
	z-index:90;
	position: absolute;
	top: 66px;
	background-image: url(../Assets/images/hwHEADER.png);
	background-repeat: no-repeat;
	background-position: bottom left;

}
#Navigation {
	width:inherit;
	height:24px;
	z-index:100;
	border-bottom: dotted #CCCCCC 1px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#BodyLeft {
	float:left;
	clear:left;
	width:400px;
	height:300px;
	text-align:left;
	padding-left: 14px;
	vertical-align: text-top;
	display: block;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 42px;
	font-weight: bold;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}

#BodyRight {
	float:right;
	clear:right;
	width:400px;
	height:300px;
	background-repeat:no-repeat;
	background-position:right bottom;
	z-index:0;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../Assets/images/hwTag.png);

}

#Footer { 
clear:both;
	border-top:#CCCCCC dotted 0.1em;
	border-bottom:#CCCCCC dotted 0.1em;
	width:inherit;
	height:20px;
	text-align:left;
	padding:10px 0px 5px 0px;
	margin-top: 10px;
}

.navigation li a {
list-style:none;
text-decoration:none;
float:left;
margin:0px;
display:block;
padding: 3px 15px;

}

ul {
	margin: 0px;
	padding: 3px 15px;
	list-style:none;
	display:inline;
	} 

ul li {
	margin: 0px;
	padding: 3px 15px;
	list-style: none;
	border-right: 1px dotted #CCCCCC;
	display: inline;
	float:left;
	}
	
ul li.first{
	margin: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
.body li a {
list-style: circle;
text-decoration:none;
float:left;
margin:0px;
display: list-item;
padding: 3px 15px;
}