body, p, span.TreeviewSpanArea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
}

body {
	background-color: #363636;
}

.textcolor, SPAN.TreeviewSpanArea, a {
	color: #ffffff;

}

.header, .footer, .pagearea, .pagetable {
	width: 842px;
}

.rightarea {
	width: 634px;
	background-color: #5e5e66;
	vertical-align: top;
}

.sidemenu {
	width:208px; 
	height:100%;
	background-image: url(../hst3_img/menuback.jpg);	
	vertical-align: top;
}

.header {
	position: relative;
	height:154px; 
	/*background-image: url(../hst3_img/topimage.jpg);	*/
}

.footer {
	position: relative;
	height:28px;
	margin: 0;
	padding: 0;
}

.pagearea {
	text-align: justify;
	height:100%;
	margin: 0px;
	padding 0px;
}

.designtable {
	width: 100%;
}

.pagetable {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;  
	border-width: 0px;  
}

.treeview {
	margin-left: 10px;
	margin-right: 10px;
}

.topmenu {
}

.contentarea {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* styles for the tree */
span.TreeviewSpanArea a {
	text-decoration: none;
	color: #ffffff;
	text-align: left;
}

/* styles for the tree */
span.TreeviewSpanArea a:visited {
	text-decoration: none;
	color: #ffffff;
	text-align: left;
}


span.TreeviewSpanArea a:hover {
	text-decoration: underline;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #ffcf71;
}

a:hover {
	text-decoration: underline;
	color: #ffcf71;
}

/* main menu styles */
.topmenucell {
	font-weight: bold;
	background-image: url(../hst3_img/mid.png);
	color: #FFFFFF;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 1px;
	background-repeat: repeat-x;
}

/* main menu styles */
.searchcell {
	padding-top: 0px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}

/* main menu links */
a:link.mainmenu, a:visited.mainmenu, a:active.mainmenu {
	font-weight: normal;
	color:#FFFFFF;
	text-decoration:none;
}

a:hover.mainmenu {
	color: #ffcf71;
	text-decoration:none;
}

/* page content styles - site wide */
h1 a:hover {
	text-decoration: none;
	color: #ffffff;
}

h2 a:hover {
	text-decoration: none;
	color: #ffffff;
}

h3 a:hover {
	text-decoration: none;
	color: #ffffff;
}

h1 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 14px;
}

h2 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 2px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 2px;
}

.highlight {
	font-weight: bold;
	color: #ff0000;	
}

p, ul, ol, strong, a, .text, .contentarea {
	line-height: 16px;
}

ul, ol {
	margin-top: 2px;
	margin-bottom: 2px;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
}

.frontimg{
	float: left;
	margin: 5px;
}

/* Printing classes */
.noprint {
	visibility:visible;
}

/* GOOGLE FORM CSS STARTS */

.ss-form-title {
	color: red;
	MARGIN: 0px
}

.ss-base-body {
	FONT-SIZE: 0.8em
}
.ss-textarea {
	MAX-WIDTH: 99%
}
.ss-choice-item {
	PADDING-BOTTOM: 0.5em; MARGIN: 0px; LINE-HEIGHT: 1.3em
}
.ss-form-entry INPUT {
	MARGIN-TOP: 0px; VERTICAL-ALIGN: middle;
}
.g {
	COLOR: #666
}
.i {
	DISPLAY: inline
}
.ss-form-desc {
	MARGIN: 0px; WIDTH: 99%; WORD-WRAP: break-word; ALIGN: middle
}
.ss-q-title {
	DISPLAY: block; FONT-WEIGHT: bold
}
.ss-q-help {
	DISPLAY: block; MARGIN: 0.1em 0px 0.25em; COLOR: #FFF
}
.ss-q-long {
	MAX-WIDTH: 90%
}
.ss-form-entry {
	MARGIN-BOTTOM: 1.5em
}
.ss-choices {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.ss-powered-by {
	CLEAR: left; DISPLAY: block; MARGIN: 1em 0.2em 0.2em; COLOR: #666
}
.ss-powered-by A:link {
	COLOR: #666
}
.ss-powered-by A:visited {
	COLOR: #666
}
.ss-terms {
	CLEAR: left; DISPLAY: block; MARGIN: 1em 0.2em 0.2em
}
.ss-required-asterisk {
	COLOR: #F30
}
.ss-section-title {
	PADDING-RIGHT: 0.4em; PADDING-LEFT: 0.4em; PADDING-BOTTOM: 0.4em; MARGIN: 2em -0.4em 0px; PADDING-TOP: 0.4em; BACKGROUND-COLOR: #eee
}
.ss-section-description {
	MARGIN-TOP: 0.5em
}
.ss-page-number {
	COLOR: #666; LINE-HEIGHT: 2em
}
HR {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px -2em; HEIGHT: 2px; BACKGROUND-COLOR: #ccc; BORDER-RIGHT-WIDTH: 0px
}
.ie HR {
	WIDTH: 500px;
}
.ss-page-title {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.ss-gridnumbers {
	TEXT-ALIGN: center
}
.ss-gridnumber {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em
}
.ss-gridrow {
	BORDER-RIGHT: #d3d8d3 0px solid; PADDING-RIGHT: 0.25em; BORDER-TOP: #d3d8d3 1px solid; PADDING-LEFT: 0.25em; PADDING-BOTTOM: 0.5em; BORDER-LEFT: #d3d8d3 0px solid; COLOR: #666; PADDING-TOP: 0.5em; BORDER-BOTTOM: #d3d8d3 1px solid; TEXT-ALIGN: center
}
.ss-grid-row-odd {
	BACKGROUND-COLOR: #f2f2f2
}
.ss-gridrow .ss-leftlabel {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.ss-grideditor-columns INPUT {
	LINE-HEIGHT: 150%
}
.ss-grideditor-editor .ss-magiclist-ul SPAN.ss-header {
	PADDING-RIGHT: 1em; FONT-WEIGHT: bold
}
.ss-scalenumbers {
	TEXT-ALIGN: center
}
.ss-scalenumber {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em
}
.ss-scalerow {
	BORDER-RIGHT: #d3d8d3 0px solid; PADDING-RIGHT: 0.25em; BORDER-TOP: #d3d8d3 1px solid; PADDING-LEFT: 0.25em; PADDING-BOTTOM: 0.5em; BORDER-LEFT: #d3d8d3 0px solid; COLOR: #666; PADDING-TOP: 0.5em; BORDER-BOTTOM: #d3d8d3 1px solid; TEXT-ALIGN: center
}


TR {
TEXT-ALIGN: left;
vertical-align: top;
}

TD.newday {
padding: 10px
}
TD.break {
padding: 3px
}

TD.ss-leftlabel {
	PADDING-LEFT: 0px; TEXT-ALIGN: right
}
TD.ss-rightlabel {
	PADDING-RIGHT: 0px; TEXT-ALIGN: left
}
LABEL {
	DISPLAY: block; CURSOR: pointer
}
UL LABEL {
	DISPLAY: inline
}
HR {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 1px; BACKGROUND-COLOR: #ddd; BORDER-RIGHT-WIDTH: 0px
}
TABLE {
	BORDER-COLLAPSE: collapse
}
.ss-response-cell {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.1em; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 0.1em; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #fff
}
.ss-responses-header {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.2em; COLOR: #fff; PADDING-TOP: 0.2em; BACKGROUND-COLOR: #969696
}
.ss-form-container {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; MARGIN: 0px auto; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 1em; BORDER-BOTTOM: #ccc 1px solid;
}
.ss-old-form-response {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #ffff3d
}
.errorbox-bad {
	BORDER-RIGHT: #c43b1d 2px solid; PADDING-RIGHT: 2px; BORDER-TOP: #c43b1d 2px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #c43b1d 2px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #c43b1d 2px solid; BACKGROUND-COLOR: #ffe6cc
}
.errorheader {
	COLOR: #c43b1d
}