/* CSS Document */
@import url("tables.css");

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
body {
	font-size: 80%;
	margin: 0px 0px 75px 0px;
}
p {
	margin: 7px 0px;
	padding: 0px;
}
form {
	padding: 0px;
	margin: 0px;
}
.bold { font-weight: bold; }
.noBold {
	font-weight: normal;
}
em {
	font-style: italic;
	overflow: visible;
	width: 100%;
}
.underline {
	text-decoration: underline;
}
.redText {
	color:#FF0000;
}
.smallText {
	font-size: 0.9em;
}
.sepBar {
	border-bottom: 1px solid #6CBE63;
	width: 100%;
}
.rblStyle input {
    background-color: #FFF;
    color: #000;
}
/* you can use h2 and h3 for pageTitle and paragraphTitle */
h2 {
	color: #003672;
	font-weight: bold;
	font-size: 1.4em;
	margin: 6px 0px 20px 0px;
	width: 325px;
}
h3 {
	color: #003672;
	font-size: 1.3em;
	font-weight: bold;
	margin: 6px 0px 7px 0px;
}
/* this class creates a double-spaced list */
.ds_lists li {
	margin-bottom: 1em;
}
.sHalf_lists li {
	margin-bottom: 0.5em;
}
.ss_lists li {
	margin-bottom: auto;
}
a:link {
	color: #0000ee;
}
a:visited {
	color: #551a8b;
}
a:hover {
	color: #FF0000;
}
a.blackLnk:link {
	color: #000;
}
a.blackLnk:visited {
	color: #000;
}
a.blackLnk:hover {
	color: #FF0000;
}
img {
	border: 0px;
}
.printOnly {
	display: none;
}
/* creates a hanging indent, apply to the ul or ol tag */
.hangingIndent {
	list-style:none;
	padding: 8px 0px 0px 3.0em;
	margin: 0px;
	text-indent: -3.0em;
}

.forReader {
	height: 1px;
	width: 1px;
	overflow: hidden;
	display: block;
}
/* alt method for pages where the header is taken up completely by the image, leaving no place for the 1px by 1px original forReader class */
.altForReader {
	position: absolute; /* Puts the text within the h1 way off screen so that visual users do not see it. */
	top: -10000px; /* Places the div off screen by giving it a negative top coordinate. */
}
#skipNav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: -10000px; /* Places the div off screen by giving it a negative top coordinate. */
}
/* table style for form input, for a two columnt table, where the first column is aligned to the right
	when creating the table, apply this class in the table tag and add <COLGROUP class="formC1"></COLGROUP> after the table tag */
.formInput {
	border: none;
	margin: 0px;
	width: auto;
}
.formInput td {
	padding: 5px;
	margin: 0px;
}

.formInput tr > td:first-child {
	text-align: right;
	padding-left: 15px;
}
.formC1 {
	text-align: right;
	padding-left: 15px;
}

/* two different styles for creating columns */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* special styles for fixing problems with browser compatibility */
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

/* rounded corners 
ABOVE:
<b class="b3"></b><b class="b2"></b><b class="b1"></b>
BELOW:
<b class="b1 btm"></b><b class="b2 btm"></b><b class="b3 btm"></b>
*/
.b1 {height:1px; margin-left: 0px; width: 201px; margin-top: -1px; border:1px solid #cfcfce; }
.b2 {height:1px; margin-left: 1px; width: 199px; margin-top: -2px; border:1px solid #b0b3ae; }
.b3 {height:1px; margin-left: 2px; background:#9d9c99; width: 197px; margin-top: -3px; border: 1px solid #cfcfce; }
.b3.btm { margin-top: 2px; }
.b2.btm { margin-top: 1px; }
.b1.btm { margin-top: 0px; }
.b1, .b2, .b3{font-size:1px; overflow:hidden; display:block; position: absolute; border-width: 0px 1px;}


.helpFormat
{
	margin-top:6px;
	padding: 3px 3px 3px 3px;
	border:solid 1px Silver;
	background-color: #f4f4f4;
	width: 80%;
}

.hideHelp
{
	display:none;
}