/* ADJUST TOP MARGIN FOR NAV LIST */

body {
	color: black;
	font-size: 16px;
	font-family: verdana, arial;
	background-color: #fff;
	text-align: center; /*ie5/5.5 Win centering hack part 1*/
	line-height: 1.4em;
}

* { /* globally zeros out margin and padding */
	margin: 0;
	padding: 0;
}

html { /* Mozilla centering fix (Carey Evans) */
	min-width: 730px;
}

table#wrapper {
	width: 730px;
	text-align: left; /* IE centering hack p2 */
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #2E4DA3;
	background: url(../HC_images/bg_woman.jpg) no-repeat bottom left transparent;
}

/* table#wrapper td {
	padding: 0 15px 0 15px;
} */

#wrapper #container {
	width: 700px;
	margin-top: 10px;
	margin-left: 15px;
}

#masthead table {
	width: 100%;
	margin-bottom: 15px;
}

#navigation {
	padding-right: 25px;
}

#mainContent {
	padding-right: 15px;
}

#oldLady {
	height: 228px;
	width: 193px;
}

#footer {
	font-size: 90%;
}

h1 {
	font-size: 125%;
	padding-bottom: 8px;
}

a {
	color : #19338F;
	text-decoration : none;
}

a:hover {
	color : #A1AFD6; /* 3398C3 */
	text-decoration : underline;
}

p {
	margin-bottom: 8px;
}

ul {
	margin: 0 0 8px 15px;
}

ol {
	margin: 0 0 8px 24px;
}

li {	
	padding-top: 3px;
	padding-bottom: 3px;
}

ul#styleSwitcher {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 394px;
}

ul#styleSwitcher li {
	float: right;
	margin-left: 4px;
	text-align: left;
}

ul#styleSwitcher a {
	background-color: #E9F2FF;
	/* padding: 6px 10px 5px 10px; */
	padding: 0 10px 0 10px;
	line-height: 25px;
	border-top: 1px solid #2E4DA3;
	border-right: 2px solid #2E4DA3;
	border-bottom: 2px solid #2E4DA3;
	border-left: 1px solid #2E4DA3;
	font-weight: bold;
	display: block;
	float: left;/*must specify 'left' for IE5-Mac even if right-float is intended*/
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
ul#styleSwitcher a {
	float: none;
	}
  /* End IE5-Mac hack */

ul#styleSwitcher li.defaultStyle a {
	font-size: 85%;
}

ul#styleSwitcher li.printButton a {
	background: url(../HC_images/icon_printer.gif) no-repeat 6px 50% #E9F2FF;
	padding-left: 30px;
}

ul#styleSwitcher li.homeButton a {
	background: url(../HC_images/icon_home.gif) no-repeat 6px 50% #E9F2FF;
	padding-left: 30px;
}

ul#styleSwitcher li a:hover {
	color: #A1AFD6;
	text-decoration : none;
}

ul#styleSwitcher li a:active {
	border-top: 2px solid #2E4DA3;
	border-left: 2px solid #2E4DA3;
	border-bottom: 1px solid #2E4DA3;
	border-right: 1px solid #2E4DA3;
}

ul#leftNav {
	border-left: 1px solid #2E4DA3;
	border-right: 1px solid #2E4DA3;
	margin: 0 0 0 13px;
	padding: 0;
	list-style-type: none;
	width: 165px;
}

ul#leftNav li {
	background: url(HC_media/s.gif) no-repeat 6px 9px #E9F2FF;
	border-top: 1px solid #2E4DA3;
	border-bottom: 1px solid #2E4DA3;
	padding-left: 15px;
}

ul#leftNav li.blueNavItem {
	background-color: #5675BA;
	background: url(../HC_images/arrow_blue_onblue.gif) no-repeat 6px 9px #5675BA;
	padding-left: 18px;
}

ul#leftNav li.blueNavItem a {
	color: #FFFFFF;
}

ul#leftNav li.blueNavItem a:hover {
	color: #A1AFD6;
}

ul#leftNav li#navSelected {
	background: url(../HC_images/arrow_orange_dn.gif) no-repeat 4px 9px transparent;
}

ul#leftNav li#navSelected a {
	color: #19338F;
}

ul#leftNav li#navSelected a:hover {
	color: #A1AFD6;
}

ul#leftNav li#navSelected.blueNavItem {
	background: url(../HC_images/arrow_blue.gif) no-repeat 6px 9px transparent;
}


ul#leftNav li ol {
	margin: 0 0 0 13px;
	padding: 0;
}

ul#leftNav li ol li {
	background-color: #FFFFFF;
	background: none;
	padding: 0;
	border: 0;
}

#mainContent ul#homepageList {
	padding: 0 30px 0 0;
	margin: 8px 0px 8px 10px;
	list-style: none;
}

#mainContent ul#homepageList li {
	padding: 3px 0 3px 15px;
	background: url(../HC_images/icon_list_dot.gif) no-repeat 0 8px transparent;
}

ul.linkList {
	margin: 5px 0 10px 20px;
	padding: 0;
	list-style-type: none;
}

ul.linkList li {
	background: url(HC_media/s.gif) no-repeat 6px 9px #FFFFFF;
	padding-left: 15px;
}

ul.linkList ul li {
	background: none;
	padding-left: 0;
}

a.glossarynavbluelink {
	color: #19338F;
	font-size: 90%;
	text-decoration: none;
}

a.glossarynavbluelink:hover {	
	color : #3398C3;
	text-decoration: underline;
}

p#learnToUseButton {
	background: url(../HC_images/homepage_button2.gif) no-repeat 0 0 transparent;
	margin-top: 40px;
}

p#learnToUseButton a {
	display: block;
	width: 330px;
	height: 54px;
	padding: 10px 50px 0 70px;
}

p#learnToUseButton a:hover {
	text-decoration: none;
}

#feedback {
	background-color: #F4DAC2;
	height: 75px;
	margin-bottom: 20px;
	border: 2px solid #D36909;
	padding: 10px;
}

#feedback .feedbackTitle {
	text-align: center;
	verticle-align: middle;
	padding-right: 15px;
}

#feedback .feedbackText {
	verticle-align: middle;
	font-size: 100%;
	padding-right: 15px;
}

ul.feedbackButton {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.feedbackButton li {
	float: right;
	margin-left: 4px;
	text-align: left;
}

ul.feedbackButton a {
	background-color: #FFFAF3;
	padding: 6px 10px 5px 10px;
	border-right: 2px solid #D36909;
	border-bottom: 2px solid #D36909;
	font-weight: bold;
	display: block;
	background: url(HC_media/s.gif) no-repeat 6px 50% #E9F2FF;
	padding-left: 15px;
}

ul.feedbackButton li a:hover {
	text-decoration : none;
}

ul.feedbackButton li a:active {
	border-top: 2px solid #D36909;
	border-left: 2px solid #D36909;
	border-bottom: 0;
	border-right: 0;
}

.formOptionList {
	margin: 0 0 10px 8px;
	padding: 0;
	list-style-type: none;
}

A.whitebodylink {	
	color : #ffffff;
	text-decoration : none;
}
	
A.whitebodylink:Hover  {	
	color : #3398C3;;
	text-decoration : underline;
}
	
A.littlewhitelink {	
	color : White;
	font-size: 90%;
	font-weight: normal;
	text-decoration : none;
}
	
A.littlewhitelink:Hover {	
	color : #FF9900;
}

.bluebody  {	
	color : #003399;
}

.navbody {	
	color : #003399;
	font-size: 90%;
}

.blackboldheader {	
	font-size: 125%;
	font-weight: bold; 
}

.blueheaderlarge {	
	color : #003399;
	font-size: 150%;
	font-weight: bold; 
}

.dkbluenavheader {	
	color : #003399;
	font-size: 160%;
}

.whitenavheader {	
	color : White;
	font-size: 160%;
}

.hctipheader {	
	color : #003399;
	font-size: 150%;
}

.hcexerciseheader {	
	font-size: 180%;
}

.hcgoldnumbers {	
	color : #FF9900;
	font-size: 200%;
	font-style: italic;
	padding-right: 5px;
	padding-bottom: 5px;
}

.blueheaderlargeitalic {	
	color : #003399;
	font-size: 180%;
	font-style: italic;
}

TD.grid { 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 7px;
	border-left: 1px; 
	border-right: 0px;
	border-bottom: 0px;
	border-top: 0px;
	border-color: #D2DDEC;
	border-style: solid; 
	font-weight: normal; 
	color: black;
}

TD.icebox { 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px; 
	border-right: 1px;
	border-bottom: 1px;
	border-top: 1px;
	border-color: #3398C3;
	border-style: solid; 
	font-weight: normal; 
	color: black;
	background-color : #EDF6F8;
}

TD.snowbox { 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px; 
	border-right: 1px;
	border-bottom: 1px;
	border-top: 1px;
	border-color: #3398C3;
	border-style: solid; 
	font-weight: normal; 
	color: black;
	background-color : White;
}

TD.bluebox { 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px; 
	border-right: 1px;
	border-bottom: 1px;
	border-top: 1px;
	border-color: #3398C3;
	border-style: solid; 
	font-weight: normal; 
	color: black;
	background-color : #2F63AB;
}

TD.buttonframe { 
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 7px;
	padding-right: 7px;
	border-left: 1px; 
	border-right: 1px;
	border-bottom: 1px;
	border-top: 1px;
	border-color: #3398C3;
	border-style: solid; 
	font-weight: normal; 
	color: black;
}

tr.paleborder { 
	border-left: 1px; 
	border-right: 1px;
	border-bottom: 1px;
	border-top: 1px;
	border-color: #D2DDEC; 
	border-style: solid;
}

.balloon {
	border-style: groove; 
	border-color: #708090; 
	position: absolute; 
	background-color: #FFFFE0; 
	padding: 3px;
	layer-background-color: #FFFFE0;
	border-width: 1px;
	font-size: 80%;
	visibility: hidden;
}
	
.isTip {
	text-decoration: none
}
	
TD.topLine {
	font-size : 80%;
	font : lighter;
	border-top : solid;
	padding-top : 0px;
	border-top-color : White;
	border-top-width : 1px;
}

TD.fourlines {
	border-top : solid;
	border-bottom : solid;
	border-left : solid;
	border-right : solid;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
	border-color : #0099CC;
	border-width : 1px;
}

TD.blacktab {
	font-size : 70%;
	border-top : solid;
	border-bottom : none;
	border-left : solid;
	border-right : solid;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 1px;
	padding-bottom : 0px;
	border-color : Black;
	border-width : 1px;
}

TD.rightLine {
	font-size : 80%;
	color: 3398C3;
	border-right : solid;
	padding-right : 5px;
	border-right-color : DimGray;
	border-right-width : 1px;
}

TD.bottomLine {
	font-size : 80%;
	color: Black;
	font : lighter;
	border-bottom : solid;
	border-bottom-color : DimGray;
	border-bottom-width : 2px;
}

.bottomLine {
	font-size : 80%;
	color: Black;
	font : lighter;
	border-bottom : none;
	border-bottom-color : DimGray;
	border-bottom-width : 2px;
}

TD.bottomLineLite {
	font-size : 80%;
	color: Black;
	font : lighter;
	border-bottom : solid;
	border-bottom-color : LightGrey;
	border-bottom-width : 1px;
}

.bottomLineLite {
	font-size : 80%;
	color: Black;
	font : lighter;
	border-bottom : solid;
	border-bottom-color : LightGrey;
	border-bottom-width : 1px;
}

.alert {
	font-weight: 600; 
	color: Red;
	font-size: 160%;
}
	
.grey {
	font-weight: normal; 
	color: grey;
	font-size: 80%
}
	
.smallgrey {
	font-weight: normal; 
	color: #cfcfcf;
	font-size: 80%; 
}


.error {
	font-weight: normal;
	color: Red;
	font-weight: 600;
}
	
.tinyGback {
	font-weight: normal;
	color: black;
	font-size: 80%;
	line-height : 95%;
	background: #D8D8D8;
	background-color : #D8D8D8;
}

.tinyWback {
	font-weight: normal;
	color: black;
	font-size: 80%;
	line-height : 95%;
	background: White;
	background-color : White;
}

form {
	font-size: 90%; 
	color: #000000; 
}
	
	
CHECKBOX {
	border: none;
	margin : 0px 0px 0px 0px;
	background-color : #CEFFCE;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	padding: 0px 0px 0px 0px;
	align: left;
}
	
CHECKBOX.jdField {
	border: none; 
	margin : 0px;
}
	
/*
.jdFieldRequired
	{
	border: 1px #333333 groove;
	border-color: #333333;
	background-color: moccasin;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin : 1px;
	background-image :
	 url(http://10.1.2.145/app_dev/143/cfdev/ideloren/required.gif);
	background-repeat : repeat-y;
}
*/
		
.TEXTAREA {
	border: 1px #333333 groove;
	border-color: #333333;
	background-color: moccasin;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin : 1px
}
	
.jdFieldDisabled {
	border: 1px Gray solid; 
	border-color: #B0B0B0; 
	background-color: #f4f4f4; 
	background-position: center center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%; 
	color: #000000; 
	margin : 1px;
	color: DarkGray;
}
	
TEXTAREA.jdFieldDisabled {
	border: 1px Gray solid; 
	border-color: #B0B0B0; 
	background-color: #f4f4f4; 
	background-position: center center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%; 
	color: #000000; 
	margin : 1px;
	color: DarkGray;
}
	
.jdFieldCurrent {
	border: 2px #333333 groove; 
	border-color: #333333; 
	background-color: LightGoldenrodYellow; 
	background-position: center center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%; 
	color: #000000; 
}
	
.jdField {
	border: 1px #333333 groove;
	border-color: #333333;
	background-color: moccasin;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	margin : 1px;
}

.jdHoneydewField {
	border: 1px #333333 groove;
	border-color: #333333;
	background-color: Honeydew;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin : 1px;
	width: 250px;
}


.jdButton {
	background-color: #ffffc1;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	cursor: hand;
}