/* Heartland Tertiary Pages Stylesheet: Version 1*/
/* WDC General Pages */

/* OVERALL PAGE STYLES */
body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 75%; line-height: 140%; background-color: #FFFFFF;   margin: 1px auto; position: relative; padding:0px;   }

/* General Link Color */
a:link { color: #000000; text-decoration: underline;  font-weight:bold;}
a:active { color:#FF3300; text-decoration: underline;  }
a:visited { color:#993399; text-decoration: underline;  }
a:hover, a:focus { color:#FF0000; text-decoration: none;  }

/* Type Style Tags */
h1 { color: #000000; font-size: 180%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 20px 0px; }
h2 { color: #000000; font-size: 165%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 20px 0px; }
h3 { color: #000000; font-size: 140%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 5px 0px; }
h4 { color: #000000; font-size: 110%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 5px 0px; }
h5 { color: #000000; font-size: 120%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 5px 0px; }
h6 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; }
p { margin: 0px 0px 20px 0px; }
strong { font-weight: bold; }
bold { font-weight: bold; }
em { font-style: italic; }
i { font-style: italic; }
abbr { font-style: normal; text-decoration: none; }
acronym { font-style: normal; text-decoration: none; }
ul { list-style-position: outside; margin: 0px 0px 20px 25px; padding: 0px; }
ol { list-style-position: outside; margin: 0px 0px 20px 25px; padding: 0px; }
li { margin: 0px 0px 0px 0px; padding: 0px; }
.indent{ text-indent:10px;}

/* ALTERNATE INFORMATION FOR PRINT/HANDHELD/SCREENREADERS */
.screenRead { position: absolute; left: -1000em; width: 20em; speak:normal;}

/* Container for the entire page */
#container {margin:0px;  border: 0px solid #FFFF00; padding:0px;  display:block; float:left; }

#containerBodyMain
	{
	margin				  : 0px;
	padding				  : 0px;
	color				    : #000000;
	background-color	: #FFFFFF;
	border-top				  : 0px solid #FFFF33;
	margin-left			: 0px;
	float:left;
	}

/* CSS BUTTONS */

div.option , div.option h1, div.selected{ 

	/*background-color: #043C92;*/
	color: #3d6909;
	font-size: 100%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	display:inline;
	margin:3px;
	padding-top:2px;
}


div.selected{ 

	/*background: #022664;*/
	color: #ffCC33;
	display:inline;
}


div.option h1 a:link, div.option h1 a:hover, div.option h1 a:visited, div.option h1 a:focus, div.option h1 a:active, div.selected a:link, div.selected a:hover, div.selected a:visited, div.selected a:focus, div.selected a:active  { 

	color: #3d6909;
	background-color: #eab38b;
	text-decoration: none;
	display:inline;
	padding:3px;
	font-size:100%;
	border: 3px outset #9a765c ; 
}


div.selected a:link, div.selected a:visited, div.selected a:focus { 

	background: #022664;
	color: #ffCC33;
	border-color: #FFFF66; 
	padding:3px;
}


div.option h1 a:hover { 

	color: #f1f587;
	background-color: #977963;
	border-color: #f8f9e8; 
}

div.selected a:hover { 

	color: #ffCC33;
	background-color: #022664;
	border-color: #FFFF66; 
	cursor:text; 
}

.linkSelected {display:inline;}
div.linkSelected div{display:none; }

/*Header settings */

#hcclogo img {border-width:0px; margin:0px; padding:0px;}
#hcclogo { padding:0px; margin:0px; float:left; }
#hcclogoPrint {display:none;}
#header { height:116px; background-color:#3f631d; background-image:url(../../jimages/headerBackground.jpg); background-repeat:repeat-x; margin:0px; padding:0px; border-bottom: 4px solid #FFFF33;  }
#headerImage {float:right; margin:0px; padding:0px;}
#titleHeader h1 { margin-bottom:0px; margin-top:-3px; float:left; clear:left; font-size:180%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:10px; padding-right:0px; padding-left:5px; padding-right:0px; padding-bottom:5px !important; padding-bottom:1px;}

/* Top Main Navigation */
#navigationTopMain { display:block; margin:0px;  border: 0px solid #000000;  background-position: top left; background-repeat: no-repeat; padding-top:5px; padding-bottom:5px; padding-left:2px; padding-right:0px;  clear:left;   }

/* PAGE CONTENT LAYER */

/* containerBodyMain Wrappers */

.box-inner-wrap
	{
	float:left;
	padding:0px;
	background-image:url(../../jimages/left_back.gif);
	margin-right:0px;
	border-top: 0px solid #FFFF33; 
	margin-top:0px;	
	}

/* Lefthand Navigation Menu */

#nav
	{
	float				: left;
	left				: 0px;
	width				: 175px;
	margin-top			: 0px;
	padding:0px;
	border:0px solid #000000; 
	}

#quotes
	{
	float:left;
	left				: 0px;
	width				: 158px;
	margin-top			: 100px;
	margin-bottom:0px;
	padding:20px 3px 20px 3px;
	border:1px solid #000000; 
	clear:left;
	display:block;
	background-color:#94b17b;
	font-style:italic;
	font-size:110%;
	color:#FFFFFF;
	font-weight:bold; line-height:130%;
	display:inline;

	}


/* Nav Link Props */
#nav p { padding: 0px; margin:2px; font-family:Arial, Helvetica, sans-serif; font-size:90%; background-color:#FFFFFF; padding-left:10px;  padding-bottom:5px; }
#nav p a { font-weight: bold; font-style: normal; line-height: 100%; display: block; color:#666666; text-decoration:none; text-indent:-10px;}
#nav p a:hover, #nav p a:focus {  text-decoration:underline; }
#nav ul {list-style-type:none; margin-left:25px; margin-bottom:-2px; margin-top:-2px;  padding:0px;  line-height:100%; }
#nav ul  {text-indent:-10px;}
#nav ul a {color:#333333; text-decoration:none; font-size:90%; font-weight:bold;  margin-top:0px; }
#nav ul a:hover {text-decoration:underline; }
#nav ul a:active {color:#333333;}
#nav ul a:visited { color:#333333;  }
#nav ul a:focus {color:#333333;}
#nav ul li {padding-bottom:5px;}
#nav img {border:0px; margin:0px; padding:0px;}

/* Hides individual blocks of secondary links*/
/*#nav ul.navigationLink1, ul.navigationLink6, ul.navigationLink7, ul.navigationLink8 {display:none; }*/
/* Hides all carrets/images for secondary nav */
#nav ul span {display:none;}
/* -------------------------*/

/*Bread Crumbs*/
#breadcrumbs { font-size:90%; margin:10px 0px 10px 0px; color:#333333; font-weight:bold;  }
#breadcrumbs a { text-decoration:underline; color:#666666; margin:10px 0px 5px 0px; font-weight:normal;}
#breadcrumbs a:visited { color:#666666;  }
#breadcrumbs a:hover { text-decoration:none; color:#FF0000; }
#breadcrumbs span {color:#666666;} 

/* Main Content Body */
#bodyMain
	{

	padding:0px;
	margin	: 0px;
	color				: #000000;
	background-color	: #ffffff;
	border: 0px solid #000000;
	/* IE Fix for extremely long right-hand columns */
	border-bottom:1px solid #FFFFFF; 
	/*----------------------------------------------*/
	border-left:0px;

	}

#bodyMain
	{
	margin-top			: 0px;
	margin-right		: 0px;
	margin-left			: 173px;	
	}
	
	
#bodyMain h1, h2, h3, h4 { color:#000000;  }

#bodyMainContent {margin:2px; padding:0px; border: 0px solid #000000; position:relative;  }
#bodyMainContent a.big {font-size:130%; color:#000000; text-decoration:underline; font-weight:bold; }
#bodyMainContent a.big:hover {color:#FF0000; text-decoration:none;}
#bodyMainContent .image { float:right; position:relative; border:0px; margin-right:5px; margin-top:0px; margin-left:15px; margin-bottom:3px; padding:2px; text-align:center;}
#bodyMainContent .imageCaption { position:relative; text-align:center; border:0px; margin-right:5px; padding:2px; font-weight:bold; font-size:80%;}

/*The use of !important make in work in Firefox .*/
/*Anything that follow !important would only be applied in IE. Firefox ignored the other repeated tag after important. */
/*That is left in this case.*/
#bodyMainContent .imageL { float: none !important; float:left; display:inline;  border:0px;  margin-right:5px; margin-top:0px; margin-left:15px; margin-bottom:3px; padding:2px; text-align:center;  }
#bodyMainContent  div.imageCaption {display:block; text-align:center;  position:relative;  border:1px soild #000000; clear:both;}


#bodyMainContent .imageL a img, #bodyMainContent .imageL a:visited img{ border:1px solid #3f631d; }
#bodyMainContent .imageL a:hover img { border:1px solid #FFFF33;}

#bodyMainContent a img { border:0px;}
#bodyMainContent .imageCaption a { text-decoration:underline; color:#000000;}
#bodyMainContent .imageCaption a:hover {text-decoration:none; color:#0033CC;}

#bodyMainContent hr { width:100%; text-align:left; color:#999999; height:1px; margin-bottom:15px; margin-top:10px; position:absolute !important; position:relative;  }


/* Table Formatting */
table { font-size: 100%; border-collapse:collapse;  }
table, table td { border:1px solid #999999; padding:3px; margin:0px; }
table tr { border:1px solid #999999; }
table th {text-align:left; background-color:#CCCCCC; border:1px solid #000000;}
caption { text-align:left; font-weight:bold; font-size:110%; margin:0px 0px 10px 0px; padding-bottom:10px; }
table {margin-bottom:20px; }


#bodyMainPadding, #navPadding
	{
	margin				: 0px;
	padding-left		: 5px;
	padding-right		: 5px;
	padding-top			: 5px;

	}

/*FOOTER*/
#footer {margin:0px; padding:0px; background-color:#3f631d; margin-top:0px; clear:both;   }
#footerLeft {float:left;  color:#FFFFFF; font-size:90%; margin: 5px 5px 5px 0px; font-family:Arial, Helvetica, sans-serif; padding:0px; font-weight:bold; }
#footerRight {text-align:right; color:#FFFF00; font-size:90%;  margin: 5px 0px 5px 0px; }
#footerRight span {padding: 0px 1px 0px 1px;  border-right: 1px solid #FFFF00; border-color:#FFFF00;  vertical-align:top;}
#footerRight a { color:#E8E8E8; font-family:Arial, Helvetica, sans-serif;text-decoration:none; padding:0px 3px 0px 3px; font-weight:bold; text-transform:uppercase; }
#footerRight a:hover { color:#FFFF00; text-decoration:underline; }
#footerRight img {padding: 0px; margin:0px; border:0px;  }
#footerLeft span {padding: 0px 1px 0px 1px;  border-right: 1px solid #FFFF00; border-left: 1px solid #FFFF00; border-color:#FFFF00;  vertical-align:top;}
#footerLeft a { color:#E8E8E8; font-family:Arial, Helvetica, sans-serif;text-decoration:none; padding:0px 3px 0px 3px; font-weight:bold; text-transform:none; }
#footerLeft a:hover { color:#FFFF00; text-decoration:underline; }

.spacer {clear:both; padding:0px; margin:0px; border:0px;}

/* Styles for Forms */

#formBlock { border:0px solid #000000; margin:2px; display:block; position:relative;  width:400px; }

label.single, input.single, textarea.single , select.single{
	display: block;
	float: left;
	margin-bottom:15px; 
	line-height:130%; 
}

label.single {
	text-align: right;
	width: 100px;
	padding-right: 5px;
	color:#003366;
	background-color:#ededdc;
}

label.space {
	display: block;
	float: left;
	text-align: right;
	width: 100px;
	padding-right: 5px;
	color:#003366;
}

label.key{
	text-align: right;
	width: 100px;
	margin-left:30px;
	padding: 5px;
	color:#003366;
	border:2px solid #ededdc;
	line-height:225%;
}

#formBlock br {
	clear: left;
}

input.inline, select.inline{ margin-left:0px; margin-right:1px; }
label.inline {margin-left:0px; margin-right:2px;  }
label.inlineMessage {margin-left:0px; margin-right:2px; color:#FF0000;  }

label.singleMessage{
	display: block;
	float: left;
	margin-bottom:15px; 
	line-height:100%;
	color:#FF0000; 

}

label.singleMessage {
	text-align: right;
	width: 100px;
	padding-right: 5px;
	color:#FF0000;
}

.inlineHidden {visibility:hidden; }

.message {color:#FF0000;}

.formLabel {color:#000099; font-weight:bold;}
/*#993366;#660066:#000099*/
.border { border:1px dashed #993366; padding:5px; margin:0px; }

#formBlock hr { height:1px; width:98%; border-style:dashed; text-align:center; color:#993366; margin-bottom:10px;}

fieldset{padding:0px; border:3px solid #ededdc ; margin:2px; margin-top:5px;  }
legend{ background-color:#FFFFCC; border:1px solid #000000; color:#000000; padding:2px; margin-bottom:10px;  }