@charset "utf-8";

/* CSS Document */

body {

	background-color: #FFFFFF;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}

html, body{height:100%}

html {overflow-y: scroll;}

#container{

position:relative;

width:965px;

height:100%;

text-align:left;

vertical-align:top;

margin:0 auto 0;

}

.sideIMG {

	position: absolute;

	display:block;

	padding-top:49px;

	visibility: visible;

	width: 263px;

}

.login {

height:27px;

text-align:right;

}

.loginbox {width:120px; height:15px; border-width:thin; border:1px; border-style:solid; border-color: #CCCCCC; font-size:10px; color:#666666; text-align:left; vertical-align:middle;}

.page {

height:100%;

vertical-align:top;

text-align:left;

}

.vline{

width:1px;

background-color:#999999;

}

.vlineWhite{background-image:url(img/vlineWhite.gif);

background-repeat:repeat-x;

width:1px;

background-color:#999999;

}

.hline{

height:1px;

background-color:#999999;

}

.vline2{

width:1px;

background-color: #CCCCCC;

}

.hline2{

height:1px;

background-color:#CCCCCC;

}

.navbar{

background-image:url(img/navbar_bg.gif);

background-repeat:repeat-x;

height:41px;

vertical-align:top;

}



.hpcontent{

vertical-align:top;

width:964px;

padding-top:19px;

padding-bottom:15px;

}

.hpsidecol{

vertical-align:top;

}

.fullheight{height:100%}

.subcontent{

text-align:left;

width:943px; /*963 - 20 padding on left*/

padding-left:20px;

padding-top:0px;

padding-bottom:15px;

height:405px;

vertical-align:top;

background-image: url(img/subpage_bg.gif);;

background-repeat:repeat-y;

}

.contactcontent{

text-align:left;

width:943px; /*963 - 20 padding on left*/

padding-left:20px;

padding-top:0px;

padding-bottom:15px;

height:405px;

vertical-align:top;

background-image: url(img/bg_contact.gif);;

background-repeat:repeat-y;

}

.rcmcontent{

text-align:left;

width:943px; /*963 - 20 padding on left*/

padding-left:20px;

padding-top:0px;

padding-bottom:15px;

height:405px;

vertical-align:top;

background-image: url(img/bg_rcm.gif);;

background-repeat:repeat-y;

}

.infocontent{

text-align:left;

width:943px; /*963 - 20 padding on left*/

padding-left:20px;

padding-top:0px;

padding-bottom:15px;

height:405px;

vertical-align:top;

background-image: url(img/bg_info.gif);;

background-repeat:repeat-y;

}

.workingcontent{

text-align:left;

width:943px; /*963 - 20 padding on left*/

padding-left:20px;

padding-top:0px;

padding-bottom:15px;

height:405px;

vertical-align:top;

background-image: url(img/bg_working.gif);;

background-repeat:repeat-y;

}





.fade{

background-image:url(img/bg_fade.gif);

background-repeat:repeat-x;

vertical-align:top;

text-align:left;

}



.bottomfade{

background-image:url(img/bg_bottom_fade.gif);

background-repeat:repeat-x;

padding-left:3px;

padding-top:15px;

}



.hpexpert {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	padding-bottom: 6px;

	padding-left:8px;

	padding-right:8px;

	padding-top:10px;

}

.copy {

text-align:left;

	vertical-align:top;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height:17px;

	color: #333;}

.copy A{color: #006699; text-decoration:underline;}

.copy A:hover{color: #000; text-decoration:underline;}

.hd {text-align:left;

	vertical-align:top;

	font-weight:bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	line-height:17px;

	color:#333333;

	}

.hdgreen {text-align:left;

	vertical-align:top;

	font-weight:bold;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	line-height:17px;

	color:#009900;

	}

.subnavtable{vertical-align:top; padding-left:13px; padding-top:10px; padding-bottom:10px; width:197px; background:#cccc99; background-image:url(img/subnav_box_bg.gif); background-repeat:repeat-y;}

.subnavbox{width:210px; background:#cccc99; vertical-align: top; background-image:url(img/subnav_box_bg.gif); background-repeat:repeat-y;}

.subnavline{height:1px; background-color:#FFFFFF;}

.subnav {

padding-top:3px;

padding-bottom:8px;

font-family: Arial, Helvetica, sans-serif;

text-decoration:none;

font-style:italic;

font-weight: bold;

font-size:12px;

color:#003366;

}

.jumplinks {

padding-top:3px;

padding-bottom:8px;

font-family: Arial, Helvetica, sans-serif;

text-decoration:none;

font-weight: bold;

font-size:11px;

color:#006699;

}

.jumplinks A{

padding-top:3px;

padding-bottom:8px;

font-family: Arial, Helvetica, sans-serif;

text-decoration: underline;

font-weight: bold;

font-size:11px;

color:#006699;

}

.jumplinks A:hover{

padding-top:3px;

padding-bottom:8px;

font-family: Arial, Helvetica, sans-serif;

text-decoration:underline;

font-weight: bold;

font-size:11px;

color:#CCCCCC;

}

.jumplinks A:vistied{

padding-top:3px;

padding-bottom:8px;

font-family: Arial, Helvetica, sans-serif;

text-decoration:underline;

font-weight: bold;

font-size:11px;

color:#CCCCCC;

}

.subnav A:{

color:#003366;

text-decoration:none;

background-color:#a3a33d;

}

.subnavON {



}

.subnavON {

font-family: Arial, Helvetica, sans-serif;

text-decoration:none;

font-style: normal;

font-weight: bold;

font-size:12px;

color:#FFF;

padding-top:3px;

padding-bottom:8px;



}

.subnavBG {background-color:#a3a33d; 

padding:1px;

}

.subnavON A:hover{

color:#FFF;

text-decoration: none;

}

.hpcopy {

text-align:left;

	vertical-align:top;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333;}

.hpcopy A{color: #000; text-decoration:underline;}

.hpcopy A:hover{color: #006699; text-decoration:underline;}



.green{color:#006600;}

.green A{color:#006600; text-decoration:none;}

.green A:hover{color:#006600; text-decoration:underline;}



.faqs {

height:130px;

text-align:left;

vertical-align:middle;

color:#000000;

font-family:Arial, Helvetica, sans-serif;

font-size: 12px;

line-height:13px;

padding-top:8px;

padding-right:4px;

padding-left:0px;}

.faqs A{color: #000; text-decoration:underline; font-weight:bold;}

.faqs A:hover{color: #006699; text-decoration:underline; font-weight:bold;}

.faqs UL {padding-top: 0px; padding-bottom:0px; vertical-align:middle}

.faqs LI {

list-style: square;

list-style-type:square;

padding-top:0px;

margin: 0px;

list-style-image: url(img/bullet_faqs.gif);

padding-bottom:8px;}



.phone {

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#333333;

font-weight:bold;

padding-right:7px;

text-align:/*right*/ center;

width:161px;

}



.legal {font-family:Arial, Helvetica, sans-serif; font-size:9px; color: #999999; text-decoration: none;}

.legal A{color:#999999; text-decoration: none;}

.legal A:hover{color:#333333; text-decoration: underline;}



.contactInput1

{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 10px;

	color: #666666;

	text-decoration: none;

	border: 1px solid #A7A7A7;

	background-color: #FFFFFF;

	padding: 3px 1px 3px 3px;

	width: 175px;

}





.SubmitLink

{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 11px;

	color: #003366;

	text-decoration: none;

}

.SubmitLink A:link

{

	font-family:Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 11px;

	color: #003366;

	text-decoration: none;

}

.SubmitLink A:visited

{

	font-family:  Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 11px;

	color: #003366;

	text-decoration: none;

}

.SubmitLink A:active

{

	font-family:  Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 11px;

	color: #003366;

	text-decoration: none;

}

.SubmitLink A:hover

{

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 11px;

	color: #fff;

	text-decoration: underline;

}



.subHead {

color:#009900;

font-weight:bold;

}



.google {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 12px;

	color: #003300;

	text-decoration: none;

}

.google A{

	color: #33cc33;

	text-decoration: underline;

}

.google A:hover{

color: #003300;

}



.download A{color:#0033cc; font-weight:bold; text-decoration: underline;}

.download A:hover{color:#0033cc; text-decoration: underline;}



.acrobat {padding-top:17px; color:#cc9999; font-size:12px; font-weight:bold;}



.acrobat A{text-decoration:underline; color:#cc9999;}



.questions{color:#0033cc; font-weight:bold; text-decoration: underline;}









/* !!!!!!!! old style below*/

.sideLT{

width:6px;;

background-image:url(img/shadow_lt.gif);

background-position:right;

background-repeat:repeat-y;

}

.sideRT{

width:6px;

background-image:url(img/shadow_rt.gif);

background-repeat:repeat-y;

}

.sideBOTTOM{

height:6px;

background-image:url(img/shadow_bottom.gif);

background-repeat:repeat-x;

}

.sideLTcorner{

width:6px;;

background-image:url(img/shadow_lt_corner.gif);

background-position:right;

background-repeat:repeat-y;

}

.sideRTcorner{

width:6px;

background-image:url(img/shadow_rt_corner.gif);

background-repeat:repeat-y;

}

.sideTOP{

height:6px;

background-image:url(img/shadow_top.gif);

background-repeat:repeat-x;

}

.sideLTcornertop{

width:6px;;

background-image:url(img/shadow_lt_corner_top.gif);

background-position:right;

background-repeat:repeat-y;

}

.sideRTcornertop{

width:6px;

background-image:url(img/shadow_rt_corner_top.gif);

background-repeat:repeat-y;

}

.maintable{

background-color:#FFFFFF;

padding-top:37px;

padding-left:37px;

padding-right:37px;

padding-bottom:20px;

}

.highlightbox{

height:104px;

background-image: url(img/highlight_bg.jpg);

background-repeat:no-repeat;

width:242px;

vertical-align: top;

}

.highlightHD{

padding-top:7px; padding-left:18px; height:31px;

}

.highlight{

padding-left:18px;

padding-right:15px;

height:40px;

color:#FFFFFF;

font-size:13px;

line-height:15px;

font-family:Helvetica, Arial, sans-serif;

}

.learn{

text-align:right;

padding-right:18px;

}

















.subnavHD{

color:#00185A;

font-family: Helvetica, Arial, sans-serif;

font-size:12px;

font-weight:bold;

vertical-align:top;

padding-top:5px;

padding-bottom:6px;

}

.subnavHD A {

color:#00185A;

text-decoration:none;

}



.subpage{

background:url(img/subpage_header_bg.jpg);

background-repeat: no-repeat;

padding-left:38px;

padding-right:19px;

padding-bottom:11px;

font-family: Helvetica, Arial, sans-serif;

font-size:11px;

color:#475C73;

line-height:14px;



}



.subpage A{

color:#00185a;

text-decoration:underline;

}



.subpage A:hover{

color:#000000;

text-decoration:underline;

}



.HDtable{

height:105px;

}



.HDLine{

height:1px;

background: url(img/HD_line.gif);

background-repeat:repeat-x;

}

.HDtagline{

font-family: Helvetica, Arial, sans-serif;

font-size:13px;

color:#FFFFFF;

font-weight:bold;

padding-top:4px;

}



.HDtagline2 {

font-family: Helvetica, Arial, sans-serif;

font-size:13px;

line-height:18px;

color:#FFFFFF;

font-weight:bold;

height:53px;

padding-top:20px;

vertical-align:top;

}

.subHD {

color:#009900;

font-weight:bold;

}





/*	Simple VII Menus by PVII Style Sheet.

	Comments are included for your assistance. */

	

/* General Notes- Rules preceded by # are ID selectors and are

	assigned in the HTML markup like this: <div id="logo">.

	IDs are unique. That is, an ID can only be assigned to

	one element per page.

	

	Rules preceded by a period are Class Selectors and are

	assigned in the HTML markup like this:

	<div class="p7snaptrigger">

	

	Some elements are assigned both an ID and a Class, like this:

	<div class="p7snaptrigger" id="p7trigger1">



/*	Body Rule Notes 

	margin values are in shorthand: Top Right Bottom Left.

	Setting the left and right margins to 15% effectively centers

	all static content and makes that content fill 70% of the window. 

	Zero is the only value that does not require a unit of measure

	Global Font Style and base Font Size */





/* 	The Submenu Layers

 	Use a combined selector to assign all properties common to each

	of the Submenu Layers. */

#p7snapsubs1, #p7snapsubs2, #p7snapsubs3, #p7snapsubs4, #p7snapsubs5, #p7snapsubs6 {

	position: absolute;

	border-right: 1px solid #8B9AA8;

	border-bottom: 1px solid #8B9AA8;

	top: 87px;

	visibility: hidden;

	background: #FFFFFF;

}

/* 	Now use individual selectors for each trigger Layer to assign

	their unique properties, in this case the left property */

#p7snapsubs1 {left: 0px; width: 148px;}

#p7snapsubs2 {left: 0px; width: 148px;}

#p7snapsubs3 {left: 0px; width: 155px;}

#p7snapsubs4 {left: 0px; width: 146px;}

#p7snapsubs5 {left: 0px; width: 149px;}

#p7snapsubs6 {left: 0px; width: 101px;}



/* 	The submenu links are in paragraphs, so we set the margin to zero

	so there is no gap between links */

.p7submenus p {margin: 0; text-align:center;}





/* 	Submenu Link Styles

 	Use a combined selector for a and a:visited. Set padding in shorthand

	to 1px on top and bottom, 8px right and 12px left.

	

	Set display to block so entire link box, including padding is clickable.

	Set border to 1px solid.

	

	Set border colors in shorthand to Light Gray on top and left - and

	Charcoal Gray on right and bottom. This combination of colors creates

	a raised button-type effect.

	

	Set background color to dark gray, text to medium gray and turn off underlines. */

.p7submenus a, .p7submenus a:visited {

	display: block;

	padding: 4px 4px 4px 4px;

	background-color: #A5B4C3;

	color: #00185A;

	text-decoration: none;

	font-family: Helvetica, Verdana, Arial, Serif;

	font-size:11px;

	line-height:14px;

	border-top: 0px solid #6D8797;

	border-right: 0px solid #6D8797;

	border-bottom: 1px solid #ffffff;

	border-left: 0px solid #6D8797;

}



/* 	Change background and text colors when links are hovered over.

	Use a combined selector for hover, active, and focus.

	

	Active and Focus trigger the color change in IE-PC and other

	modern browsers when tabbing through the links with keyboard. */ 

.p7submenus a:hover, .p7submenus a:active, .p7submenus a:focus {

	background-color: #00185A;

	color: #ffffff;

}



.p7subON a, .p7subON a:hover{

    background-color: #0260B7;

	color: #ffffff;

}



/* The footer is a Static DIV set with a substantial top margin to

	separate it from the main content above.

	

	Font size is 75% of the global font size.

	

	Padding top is set to 6px to provide separation between the

	footer contents and the 2px wide dotted border above it. */

#footer {

	font-size: 85%;

	color: #A69490;

}

#OFF {

	font-size: 85%;

	color: #A69490;

	visibility: hidden;

}

#footer p {

	margin: 0;

	padding: 6px 0 0 0;

	border-top: 0px solid #A69490;

}

/* 	Link styles for Footer Content only

	Active and Focus trigger the color change in IE-PC and other

	modern browsers when tabbing through the links with keyboard. */

#footer a:link {color: #A69490; text-decoration: none;}

#footer a:visited {color: #A69490;}

#footer a:hover, #footer a:active, #footer a:focus {color: #000000;}