html { height: 100%;}

body{
	padding: 0;
	margin: 0;
    font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-variant: normal;
	font-weight:normal;
	background-color: White;
}
#box { 
	top: 0px;
	text-align: left;
}

#head{
	background-color:#8DBE1F;
	height:22px;
	font-size: 11px;
	color: #ffffff;
	font-weight:bold;
	padding-left: 20px;
	padding-top:8px;
}
#navibox {
	  width: 970px;
	  height: 32px;
	  text-align:right;
}

#container {
	border-right:1px;
    border-right-color: #CCCCCC;
    border-right-style:solid;
    height:auto;
}

#page_content {
    float: left;
	width:400px;
	padding: 0px 20px 20px 20px;
}

#footer {
	clear: both;
	background-color:#8DBE1F;
	height:22px;
	font-size: 11px;
	color: #ffffff;
	font-weight:bold;
	padding-left: 20px;
	padding-top:8px;
}

div.hr
{
	border-bottom-style:dotted;
	border-bottom-width:1px; /* fix */
	border-color: #8DBE1F;
	height: 1px;
}