/*#############################################################
Name: Shades of Gray
Date: 2006-11-05
Description: Monochrome, lightweight and totally liquid. Comes with three different layouts.
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
.container {
	margin: 0px auto;
	padding: 0px;
	width: 845px;
}

body {
	background: #e3e4ce;
	margin: 0px;
	padding: 10px 0px 0px;
}
h1 {
	font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #005121;
}


.headlnk
{
	font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}

/*.headlnk a:link, .headlnk a:active, .headlnk a:hover, .headlnk a:visited {
	color: #333333;
	text-decoration: none;
}*/

.left {
	float: left;
	margin: 0px 0px 0px 23px;
	padding: 0px;
	width: 320px;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

.right {
	margin: 0px;
	padding: 10px 15px 0px 38px;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #625d49;
	text-align: left;
	vertical-align: top;
	width: 427px;
}
.right p {
	margin: 0px;
	padding: 0px 0px 10px;
}
.right a:link, .right a:active, .right a:hover, .right a:visited {
	color: #005121;
	text-decoration: underline;
}

/* header */
.header {
	background: url(../images/header.gif) no-repeat;
	font: normal 2em sans-serif;
	height: 155px;
	width: 845px;
	margin: 0px;
	padding: 0px;
}

.main {
	margin: 0px;
	padding: 0px;
	background: url(../images/pg_bg_mid.gif) repeat;
}

/* footer */
.footer {
	color: #92917a;
	padding: 0px 20px 20px;
	margin: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.footer p {
	margin: 0px;
	padding: 0px;
}

.footer a:link, .footer a:active, .footer a:hover, .footer a:visited {
	color: #92917a;
	text-decoration: none;
}
.hdrleft {
	margin: 0px;
	padding: 0px;
	width: 320px;
}
.logo {
	margin: 0px;
	padding: 0px;
	width: 250px;
}

.hdrright {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 470px;
}
.nav {
	margin: 116px auto 0px;
	padding: 0px;
	width: 441px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.login {
	margin: 10px 15px 0px 0px;
	padding: 0px;
	float: right;
	width: 188px;
}
.hplogos {
	float: right;
	width: 130px;
	margin: 10px 0px 0px;
	padding: 0px;
	height: 59px;
}
.phbtn {
	float: left;
	width: 150px;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 42px;
}
.right hr {

	margin: 10px 0px;
	padding: 0px;
}
.pgbtm {
	background: url(../images/pg_bg_btm.gif) no-repeat;
	padding: 0px;
	margin: 0px;
	height: 28px;
}
.hp_pix {
	margin: 0px;
	padding: 0px;
	width: 320px;
	/*background: url(../images/hp_pix1.jpg) no-repeat;*/
	height: 466px;
}
.morebtn {
	width: 45px;
	margin: 400px 22px 0px 0px;
	padding: 0px;
	height: 9px;
	float: right;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #2e221d;
}
.morebtn a:link, .morebtn a:active, .morebtn a:hover, .morebtn a:visited {
	color: #2e221d;
	text-decoration: underline;
}
.other_pix {
	margin: 0px;
	padding: 0px;
	width: 320px;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #625d49;
	text-align: left;
}
.other_pix p {
	margin: 0px;
	padding: 0px 0px 10px;
}

.accom {

	margin: 0px;
	padding: 20px 20px 0px;
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #625d49;
	text-align: left;
	vertical-align: top;
	width: 290px;
}

.accom p {
	margin: 0px;
	padding: 0px 0px 10px;
}

.accombdy {


	margin: 0px;
	padding: 0px;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #625d49;
	text-align: left;
	vertical-align: top;
	width: 470px;
}
.accombdy p {
	margin: 0px;
	padding: 0px 0px 10px;
}
.accomsmtxt {


	margin: 0px;
	padding: 0px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #c1c1c1;
}
.forms {



	margin: 0px;
	padding: 20px 0px 0px;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	vertical-align: top;
	width: 470px;
}
.forms a:link, .forms a:active, .forms a:hover, .forms a:visited {
	color: #005121;
	text-decoration: underline;
}
.goldtxt {




	margin: 0px;
	padding: 0px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #bf8e18;
}
.greentxt {

	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	color: #005121;
}
.formhd {
	margin: 0px;
	padding: 3px 0px;
	font: italic bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #005121;
	text-align: center;
	background: #Eee;
	border-bottom: 1px dotted #000000;
	text-transform: capitalize;
}
input, textarea {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

select {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
.formssmtxt {




	margin: 0px;
	padding: 0px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.formln {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border-bottom: 1px dotted #000000;
}
.policy {

	margin: 0px;
	padding: 10px 38px 0px;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #625d49;
	text-align: left;
	vertical-align: top;
}
.policyhd {

	margin: 0px;
	padding: 3px 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #005121;
	text-transform: capitalize;
}
.policy p {

	margin: 0px;
	padding: 0px 0px 10px;
}
.policy a:link, .policy a:active, .policy a:hover, .policy a:visited {

	color: #005121;
	text-decoration: underline;
}
.policy ul {
	padding-left: 40px;
}
.tests {




	margin: 0px;
	padding: 20px 0px 0px;
	font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	vertical-align: top;
	width: 800px;
}

.qt_tbl {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	width: 466px;
	border: 1px solid #055927;
	height: 131px;
}
.qt_txt {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 25px;
	background: #FFFFFF;
	text-align: left;
}
.qt_txt p {
	margin: 0px;
	padding: 0px 0px 10px;
}
.qt_pix {
	padding: 0px;
	background: #FFFFFF;
}
#or {
	margin: 0px;
	padding: 0px;
	height: 130px;
	width: 439px;
	visibility: hidden;
	z-index:2;
}
#hm {
	margin: 0px;
	padding: 0px;
	height: 130px;
	width: 439px;
	z-index:1;
}