/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
body {
	font-size: 80%;
	margin: 10px 0px 0px 0px;
}
p {
	padding: 6px 0px 7px 0px;
	margin: 0px;
}
form {
	padding: 0px;
	margin: 0px;
}
.noBold {
	font-weight: normal;
}
em {
	font-style: italic;
	overflow: visible;
	width: 100%;
}
.underline {
	text-decoration: underline;
}
.redText {
	color:#FF0000;
}
.smallText {
	font-size: .8em;
}

h1 {
	background: #f8f5ec url(../_images/contentTop.gif) left bottom repeat-x;
	width: 442px;
	min-height: 21px;
	height: auto;
	/*height: 21px;*/
	padding: 7px 130px 5px 15px;
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	float: left;
}

.toDo h1 {
	background: #f8f5ec url(../_images/contentTop.gif) left bottom repeat-x;
	width: 723px;
	min-height: 21px;
	height: auto;
	/*height: 21px;*/
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
}

/* you can use h2 and h3 for pageTitle and paragraphTitle */
h2 {
	font-weight: bold;
	font-size: 1.6em;
}
h3 {
	font-weight: bold;
	font-size: 1.4em;
}
/* this class creates a double-spaced list */
.ds_lists li {
	margin-bottom: 1em;
}
a:link {
	color: #0000ee;
}
a:visited {
	color: #0000ee;
}
a:hover {
	color: #FF0000;
}

a:link.glossaryItem,a:hover.glossaryItem,a:visited.glossaryItem {
	font-weight:bold;
	text-decoration:none;
}
.glossaryItem div {
	font-weight:normal;
}
#hintContainer, #hintContainer span {
	display: block;
}
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;
}