html { 
	margin: 0;
 	padding: 0;
	}
	 
body {
	margin: 0;
	padding: 0;
	background: #9cd1e3 url(images/bgGradBlue.jpg) 0 0 repeat-x fixed;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : normal;
	color : #000;
	}

a:link, a:visited, a:active {
	color:#cc6600;
	text-decoration: none;
	}	
	
a:hover {
	color:#666666;
	text-decoration: underline;
	}

.nopad {
	padding: 0;
	}

.sidepad {
	padding: 0px 5px 0px 5px;
	}
	
p {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : normal;
	color : #000;
	padding: 0px 5px 0px 5px;
	}	

p + p { 
	margin-top: -0.5em;
	 } 	

.rightsidetext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #0d698e;
	padding: 0px 5px 0px 20px;
	}	

	
p.alerttext {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : bold;
	color : #990000;
	text-align: center;
	}
	
p.jsdate {
	text-align: right;
	}		

p.rightselects {
	text-align: right;
	margin-right: 40px;
	}	
	
p.centered {
	text-align: center;
	}		

p.justf {
	text-align: justify;
	}

.anchorlinks {
	text-align: center;
	color : #990000;
	}	

.anchorlinks a:link, .anchorlinks a:visited, .anchorlinks a:active {
	color:#990000;
	}

div.centered {
	text-align: center;
	}
	

.redtext {color : #990000;}	
.bluegreentext {color : #0e95a8;}
.bluegreentext a:link, .bluegreentext a:visited, .bluegreentext a:active {
	color:#0e95a8; text-decoration:underline;
	}

.justpadding {
	padding: 10px;
	}	

.justleftpadding {
	padding-left: 100px;
	}
	
.titlebox {
/*	height: 30px;*/
	line-height: 1.5;/* this line-height is necessary, attempting to replace it with padding will break box */
	padding: 0 0 0 5px;
	background: #40aed3;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	font-weight: bold;
	color:#fff;
	text-transform: uppercase;
	}
	

.titlebox2 {
/*	height: 30px;*/
	line-height: 1.5;/* this line-height is necessary, attempting to replace it with padding will break box */
	padding: 0 0 0 5px;
	background: #67bcd8;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight: bold;
	color:#fff;
	text-transform: uppercase;
	}
	
h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	font-weight : bold;
	color : #666666;
	padding: 10px 0px 0px 5px;
	}	

h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-weight : bold;
	color : #000;
	padding: 0px 0px 0px 5px;
	}	
	
h3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color : #000;
	padding: 0px 5px 0px 5px;
	}	
	
dl {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : normal;
	color : #003366;
	}	

dl a:link, dl a:visited, dl a:active {
	color:#003366;
	text-decoration:none;
	}
	
dl a:hover {
	color:#cc6600;
	text-decoration:underline;
	}	
	
img {
	border: none;
	margin: 0px;
	padding: 0px;
	display: block;
	}

.padimg {
	padding-left: 20px;
	padding-right: 20px;
	display: inline;
	}	
	
.imgborder {
	padding: 10px;
	display: inline;
	}		
	
.centerimg {
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	}	
	
.leftimg {
	float: left;
	}	

.rightimg {
	float: right;
	}	

.rollimg {
	border: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	}
	
/* The fool-proof clear class */	
br.clear {
	clear: both;
	}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: both;
	}
	
.clear {
	min-height: 1px;
	}

* html .clear {
	height: 1px;
	}	
/* End the fool-proof clear class */	


/* Forms */	

	

.input, .select {
	font-family: Arial, sans-serif;
	font-size : 8pt;
	width: 325px;
}

.label {
	font-size: 8pt;
	color : #666666;
	margin-right: 10px;
	}
	
fieldset {
	width:400px;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	margin-right: auto;
	margin-left: auto;
	}	
	
	
#contactform {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #003366;
	}	

#contactform .label {
	float: left;
	clear: left;
	width: 160px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 10px;
	text-align: right;
	/*font-weight: bold;*/
	}
	
#contactform p {
	margin-top: 0;
	margin-bottom: 5px;
	}
	
#contactform input, #contactform select {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #003366;
	}	

input#sendinfo {
	clear: both;
	margin-top: 10px;
	margin-left: 150px;
	font-family: Arial, sans-serif;
	font-size : 9pt;
}

/* End Forms */


	
/* Page layouts */	
div#wrapper {
	width:781px;
	background: url(images/mainWrapperBkg.jpg) top fixed;
	/*background-image:url(images/mainWrapperBkg.jpg); 
	background-position:top; 
	background-attachment: fixed;*/
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}

/* IE 6 Hack */
* html div#wrapper { 
	background:url(images/mainWrapperBkgIE6.gif) center top; 
	}	
/* IE 6 Hack */

	
div#header {
	/*background-color: #fff;*/
	width: 761px;
	height: 138px;
	margin-right: auto;
	margin-left: auto;
	}

div#topnavsection {
	background-color: #707173;
	/*background:url(images/topNavBkg.gif);*/
	width: 761px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	}

#topnav {
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : bold;
	color : #000;
	line-height: 180%; 
	}

#topnav a:link, #topnav a:visited, #topnav a:active {
	color:#99ffff;
	text-decoration:none;
	}
	
#topnav a:hover {
	color:#ffcc66;
	}	

ul.topnavlinks {
	list-style-type: none;
	
	padding-top: 0;
	margin: 0;
	}
ul.topnavlinks li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	}	
	

div#wrappercontentboxbkg {
	/*background-color: #ff9900;*/
	width: 761px;
	/*margin-right: auto;*/
	margin-left: 10px;
	padding: 0px 0px 0px 0px;
	}	
	
div#sidebar {
	/* background-color: #ffcc99; */
	float: left;
	width: 154px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

/* IE 6 Hack */
* html div#sidebar { width: 154px; }
/* IE 6 Hack */
	
div#nav {
	/*background-color: #ff9900;*/
	float: left;
	width: 140px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : bold;
	color : #cc6600;
	line-height: 150%;
	padding: 5px 0px 0px 5px;
	}

#nav a:link, #nav a:visited, #nav a:active {
	color:#990000;
	text-decoration:none;
	}
	
#nav a:hover {
	color:#000;
	background: #cccccc;
	}	
	
ul.nav {
	display: block;
	list-style-type: none;
	margin:0;
	padding: 0;
	}
ul.nav li {
	padding: 3px;
	}
	
#newFlash {
	/*background-color: #ff0000;*/
	background: url(images/newsFlashBkg.gif) 0 0 repeat-y;
	width: 122px;
	margin-right: auto;
	margin-left: auto;
	}

#newFlash .newsTop {
	background: url(images/newsFlashTop.gif) 0 0 no-repeat;
	width: 122px;
	}	

#newFlash .newsBottom {
	background: url(images/newsFlashBottom.gif) 0 0 no-repeat;
	width: 122px;
	}	
	
#newFlash .newsText {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 7.5pt;
	font-weight : bold;
	color : #666666;
	padding: 0px 5px 8px 5px;
	}
	
#main {
	background-color: #f6f6f6;
	float: right;
	border-left: 2px dotted #666666;
	border-right: 2px dotted #666666;
	/* WHEN BORDER IS SET TO ZERO THEN USE THIS WIDTH
	width: 453px;*/
	width: 449px;
	/*height: 275px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	}

* html #main {
	width: 449px;
	}


div#rightsidebar {
	/* background-color: #ffcc99; */
	float: right;
	width: 154px;
	padding-top: 10px;
	padding-bottom: 10px;
	}

/* IE 6 Hack */
* html div#sidebar { margin-left: 0px; }
/* IE 6 Hack */


div#HPproductswrapper {
	/*background-color: #ff9900;*/
	background: #f6f6f6 url(images/HPproductsBkg.gif) 0 0 repeat-x;
	width: 761px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0px 0px 0px;
	}

	
#bottomgutter {
	clear: both;
	background-color: #fff;
	}
	
#footer {
	clear: both;
	background: #fff url(images/footerBkg.jpg) center top no-repeat;
	height: 124px;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #666666;
	line-height: 175%; 
	}

/* IE 6 Hack */
* html #footer { 
	background:url(images/footerBkgIE6.jpg) center top no-repeat; 
	}	
/* IE 6 Hack */	
	
#footer a:link, #footer a:visited, #footer a:active {
	color:#666666;
	text-decoration:none;
	}
	
#footer a:hover {
	color:#009999;
	text-decoration:none;
	}	

ul.footernav {
	list-style-type: none;
	padding-left: 0;
	padding-top: 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	}
ul.footernav li {
	display: inline;
	}

	
/* End page layouts */


/* Tables */
 tr.white {	
	background: #fff;
	}	

 tr.gray {	
	background: #e7e7e7;
	}

 td.light {	
	background: #fff;
	}
	
 td.dark {	
	background: #cc9933;
	}

.productTable {
	width: 335px;
	float: right;
	margin-bottom: 10px;
	background: #ffcc33;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	color : #000;
	border: 1px solid #000;
	}
	
.productTable td {	
	padding: 4px;
	white-space:nowrap;
	}
	
.productTable th {	
	padding: 0px;
	vertical-align: bottom;
	background: #ffcc33;
	}
	
.jobTable {
	width: 425px;
	background: #ffcc33;
	font: normal 8pt Arial;
	color : #000;
	border: 1px solid #000;
	}
	
.jobTable td {	
	padding: 4px;
	}
	
