/* CSS Document - handheld type does not cause a handheld device to only use this style
handhelds generally use the screen type as well
so this stylesheet redefines styles already given to either ignore the style defined or display it differently */

/* ########################################### fonts.css translated for handheld device ######################################## */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
body {
	background-color: #FFFFFF;
	margin-left: 15px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 80%;
	background-image: none;
}
a:link {
	color: #1200FF;
}
a:visited {
	color: #660099;
}
a:hover {
	color: #FF0000;
}
.bold {
	font-weight:bold;
}
.redText {
	color:#FF0000;
}
.smallText {
	font-size: 0.9em;
}
.pageTitle {
	font-weight: bold;
	font-size: 1.2em;
}
.sectionTitle {
	font-size: 1.1em;
	font-weight: bold;
}

/* special styles for fixing problems with browser compatibility */
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.forReader {
	height: auto;
	width: auto;
	overflow: auto;
}
.noBold {
	font-weight: normal;
}

/* ########################################################### navigation.css translated for handheld device ###################################################### */
#navBox {
	float: none;
	width: auto;
	background-image: none;
	margin-left: 6px;
}
#nav, #nav ul, #nav ul ul {
	list-style: circle;
	padding: 0px;
	width: auto;
	margin: 0px 0px 1em 1em;
}
#nav li {
	position: inherit;
	float: none;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
}
#nav li ul {
	position: inherit;
	margin: 0px 0px 1em 1em;
	padding: 0px 0px 0px 0px;
	background-color: #FFF;
}
#nav li ul li {
	background-color: #FFF;
	margin: 0px;
}
#nav li ul li .down1 {
	position: inherit;
	margin: 0px 0px 0px 1em;
}
#nav li .down4 {
	position: inherit;
	margin: 0px 0px 0px 1em;
}
#nav li ul li .down4 {
	position: inherit;
	margin: 0px 0px 0px 1em;
}
#nav li .down5 {
	position: inherit;
	margin: 0px 0px 0px 1em;
}
#nav li ul a {
	display: inline;
	width: auto;
	height: auto;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
	border: none;
}

#nav li ul li ul {
	position: inherit;
	margin: 0px 0px 0px 1em;
}

#nav .firstChild {
	border: none;
}

#nav .selectChild {
	border: none;
}
#nav .lastChild {
	border: none;
	padding: 0px;
}

/* Fix IE. Hide from IE Mac \*/
* html #nav li { float: none; height: auto; }
* html #nav li a { height: auto; }
/* End */


#nav a {
	display: inline;
	width: auto;
	height: auto;
	text-decoration: underline;
	border: none;
	padding: 0px;
	margin: 0px;
}
#nav a:link, #nav a:link td {
	color: #000;
}
#nav a:visited, #nav a:visited td {
	color: #000;
}
#nav a:hover, #nav li:hover, #nav a:focus, #nav .changeBGOver {
	background-color: #FFF
}
#nav li ul a:hover, #nav li ul li:hover, #nav li ul a:focus, #nav li ul .changeBGOver {
	background-color: #FFF;
}
/** Support for the "iehover-fix" **/
#nav iframe {
	display: none;
}
/** end **/
.moreMenu {
	display: none;
}

/* ############################################# layout.css translated for handheld device ########################################### */

/* font sizing and lettering for page title if it is in a box */
#pageTitleIcon {
	float:left;
	width: 58px;
}
#pageTitleBox {
	float: left;
	position: inherit;
}
#pageTitle ul, #pageTitle_noIcon ul  {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#pageTitle ul li, #pageTitle_noIcon ul li  {
	width: auto;
}

#pageTitle .fakeH3, #pageTitle_noIcon .fakeH3  {
	padding-top: 7px;
	margin-bottom: -2px;
	font-weight: bold;
	font-size: 1em;
	font-family: "Times New Roman", Times, serif;
}
#pageTitle .fakeH2, #pageTitle_noIcon .fakeH2  {
	font-size: 2.2em;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
}

/* page width for site */
#fullPage {
	width: auto;
}
/* first row, containing the page title and images */
#header {
	height: auto;
	width: auto;
}
#title {
	background-image: none;
	height: auto;
	width: auto;
	float: none;
}
#logo {
	background-image: none;
	height: auto;
	width: auto;
	float: none;
}

/* second row, navigation (in separate file) and content */
#body {
	width: auto;
	margin-left: 0px;
	background-image: none;
	background-repeat: no-repeat;
}

/* third row, bottom cap on second row and footer information */
#footer a:link {
	color: #000;
}
#footer a:visited {
	color: #000;
}
#footer a:hover {
	color: #F00;
}
#footer {
	background-image: none;
	background-repeat: no-repeat;
	margin-left:0px;
	width:100%;
	color: #000000;
	padding: 0px 0px 0px 0px;
	line-height: 1.8em;
}
#content {
	float:none;
	width: auto;
	padding: 0px 0px 0px 0px;
	background-image: none;
	background-repeat: no-repeat;
}
/* #################################################### translate rightMenu.css for handheld device ############################################################### */
#rightMenu {
	float: none;
	width: auto;
	background-image: none;
}

#rMenuContent {
	float:none;
	width:auto;
	background-color: #FFF;
	border: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.9em;
}
#rMenuTitle {
	background-image: none;
	width:auto;
	height:auto;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	background-color: #FFF;
	border: none;
}

.rMenuIcon {
	width: 59px;
	float:left;
	clear: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #FFF;
}
.rMenuNav {
	float: left;
	clear: none;
	margin: 0px;
	width: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 7px;
	background-color: #FFF;
}
.rMenuNav ul {
	list-style-type: none;
	margin: 0px 0px 0px 1em;
	padding: 0px;
}

#rMenuBottom {
	display: none;
}