a:link {
	text-decoration: none;
	color: #BCFFD1;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FF00FF;
}
a:hover {
	color: #FFFF00;
	font-style: italic;
	text-decoration: none;
	font-weight: bolder;
}
a:active {
	text-decoration: none;
	font-weight: bold;
	color: #BCFFD1;
}
body
{
	font-size: 0.75em;
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	color: #FFFFFF;
	background-color: #EFEDE5;
}
#headr {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 775px;
	z-index: 88;
}
/*
body needs to be 100%,in ie windows so the right collumn can fill the height of the window.
HTML needs to be 100% so that in opera so that the background will be flush with the bottom,
otherwise it seems that the _body_ only spans to about 80% of the window height.
*/
html { height: 100%; }
#myrelative {
	position: relative;
	margin: 0 auto;
	width: 775px;
	text-align: left;
}
#myabsolute {
	position: absolute;
	width: 775px;
	left: 0px;
	top: 0px;
	background-color: #0E563E;
	z-index: 2;
}
#toptext
{
	position:absolute;
	top:91px;
	left:0px;
	width:775px;
	text-align:center;
	height:55px;
	vertical-align: middle;
	z-index: 89;
}
#Custom
{
	position:absolute;
	top:165px;
	left:189px;
	width:586px;
	height: 3530px;
	background-color: #0E563E;
	visibility: visible;
	z-index: 96;
}
#Custom_top
{
	position:absolute;
	top:-2px;
	left:0px;
	width:586px;
	background-color: #BCFFD1;
	font-weight: bold;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	color: #000000;
	font-size: 1.0em;
}
#Custom_mid
{
	position:absolute;
	top:53px;
	left:2px;
	width:575px;
	height: 262px;
	background-color: #0E563E;
	vertical-align: middle;
	text-align: left;
}
#Custom_bot
{
	position:absolute;
	top:322px;
	left:0px;
	width:586px;
	background-color: #0E563E;
	height: 3100px;
}
.custom_left, .Superior_left, .Key_left, .History_left, .FAQ_left
{
	float:left;
	padding-right: 5px;
}

#leftside
{
	position: absolute;
	left: 0px;
	top: 165px;
	border: 0;
	height: 351px;
	width: 189px;
	background-image: url(../images/vph_left_back.jpg);
	z-index: 91;
	visibility: visible;
}

#common_footer
{
	position:absolute;
	top:-60px;
	left:0px;
	width:775px;
	text-align: center;
	color: #000000;
	height: 60px;
	visibility: visible;
	z-index: 87;
	background-color: #0E563E;
}
#common_footerHome
{
	position:absolute;
	top:13px;
	left:250px;
	text-align: center;
	color: #000000;
	z-index: 1;
}
#common_footerBack
{
	position:absolute;
	top:13px;
	left:517px;
	text-align: center;
	color: #000000;
	z-index: 2;
}
#common_footerVPH
{
	position:absolute;
	top:43px;
	left:217px;
	text-align: center;
	color: #FFFFFF;
	z-index: 3;
	font-size: 0.75em;
}
#common_footerWebmaster
{
	position:absolute;
	top:43px;
	text-align: center;
	color: #000000;
	z-index: 4;
	right: 5px;
	font-size: 0.65em;
}

a.a_button:hover
{
	text-decoration: none;
	color: green;
	font-weight: bold;
}

#custom_side_filler
{
	position: absolute;
	z-index: 90;
	height: 3185px;
	width: 189px;
	left: -189px;
	top: 345px;
	background-color: #0E563E;
}

#whole_footer_Office {
	position: absolute;
	height: 30px;
	width: 775px;
	left: 0px;
	text-align: center;
	font-size: x-small;
	vertical-align: middle;
	background-image: url(../images/vph_bottom_back.png);
	visibility: visible;
	z-index: 98;
	top: 3650px;
}
#roofoverhang {
	position: absolute;
	height: 30px;
	width: 400px;
	left: 145px;
	text-align: left;
	top: -23px;
}
#sectionA {
	position: absolute;
	width: 134px;
	left: 0px;
	text-align: center;
	top: 166px;
}
#floorassembly{
	position: absolute;
	height: 30px;
	width: 400px;
	left: 145px;
	text-align: left;
	top: 489px;
	padding-bottom: 10px;
} 
#sectionB {
	position: absolute;
	width: 135px;
	left: 0px;
	text-align: center;
	top: 721px;
}
#otherfeatures{
	position: absolute;
	height: 1px;
	width: 560px;
	left: 0px;
	text-align: left;
	top: 1050px;
	padding-top: 10px;
}