/* THIS FIRST CSS ITEM MUST STAY AS FIRST ITEM */
div.popup {
	width: 600px;
	height: 150px;
}

body { color: #000; background-color: #fff; font-family: Arial, Helvetica, san-serif; }

body.readings { background: #fff; font: 0.8em Arial, Helvetica, san-serif; }

.bgBlack { background-color: #000; }
.bgWhite { background-color: #fff; }
.bgYellow { background-color: #fc6;}

a { font-family: Arial, Helvetica, san-serif; font-weight: normal; }

a.menu:link { color: #fff; font-size: 9pt; line-height: 8pt; text-decoration: none; }
a.menu:visited { color: #fff; font-size: 9pt; line-height: 8pt; text-decoration: none; }
a.menu:active { color: #fc6; font-size: 9pt; line-height: 8pt; text-decoration: none; }
a.menu:hover { color: #fc6; font-size: 9pt; line-height: 8pt; text-decoration: underline; }
a.menu:focus { color: #fc6; font-size: 9pt; line-height: 8pt; text-decoration: underline; }

a.path:link {
	font-size: 9pt;
	text-decoration: none;
	white-space: nowrap;
}

a.path:visited {
	font-size: 9pt;
	text-decoration: none;
	white-space: nowrap;
}

a.path:active {
	font-size: 9pt;
	text-decoration: none;
	white-space: nowrap;
}

a.path:hover {
	font-size: 9pt;
	text-decoration: underline;
	white-space: nowrap;
}

a.path:focus {
	font-size: 9pt;
	text-decoration: underline;
	white-space: nowrap;
}

a.nav:link, span.nav {
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

a.nav:visited {
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

a.nav:active {
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

a.nav:hover {
	font-size: 9pt;
	font-weight: bold;
	text-decoration: underline;
}

a.nav:focus {
	font-size: 9pt;
	font-weight: bold;
	text-decoration: underline;
}

a.cust:link {
	font-weight: bold;
	text-decoration: underline;
}

a.cust:visited {
	font-weight: bold;
	text-decoration: underline;
}

a.cust:active {
	font-weight: bold;
	text-decoration: underline;
}

a.cust:hover {
	font-weight: bold;
	text-decoration: underline;
}

a.cust:focus {
	font-weight: bold;
	text-decoration: underline;
}

h2 {
	margin-top: 6px;
	margin-bottom: 16px;
	font: bold 1.8em Arial, Helvetica, san-serif;
	white-space: nowrap;
}

h3 {
	margin-top: 6px;
	margin-bottom: 12px;
	font: bold 1.6em Arial, Helvetica, san-serif;
	white-space: nowrap;
}

h4 {
	margin-top: 6px;
	margin-bottom: 12px;
	font: bold 1.4em Arial, Helvetica, san-serif;
	white-space: nowrap;
}

h5 {
	margin-top: 6px;
	margin-bottom: 6px;
	font: bold 1.2em Arial, Helvetica, san-serif;
}

h6 {
	margin-top: 6px;
	margin-bottom: 0px;
	font: bold 4.4em Arial, Helvetica, san-serif;
	white-space: nowrap;
}

.h7 {
	font: normal 1.2em Arial, Helvetica, san-serif;
	margin: 0px 0px 0px 0px;
}

table.table { background-color: #000; border: none 1px #000; }

table.table td { background-color: #fff; font: 0.8em Arial, Helvetica, san-serif; }
table.table th { background-color: #fff; font: bold 0.8em Arial, Helvetica, san-serif; }

td {
	color: #000;
	font-size: 0.8em;
	font-family: Arial, Helvetica, san-serif;
}

td.content { 
	padding-top: 0px;
	padding-right: 10px;
	vertical-align: top; }

td.menu {
	color: #fc6;
	line-height: 8pt; 
	font: bold 9pt Arial, Helvetica, san-serif;
}

td.path { font: bold 9pt; }

p { 
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px; 
	padding-bottom: 0px; }

div { margin-bottom: 12px; }

div.hdgChallenge {
	color: #090;
	padding-top: 6px;
	margin-bottom: 12px;
	font: bold italic 1.2em Arial, Helvetica, san-serif;
}

div.hdgChallenge2 {
	padding-top: 0px;
	margin-bottom: 0px;
	font: bold 1.0em Arial, Helvetica, san-serif;
}

div.hdgInfoBox { 
	margin-top: 6px;
	margin-bottom: 12px;
	font: bold 1.1em Arial, Helvetica, san-serif;
}

div.hdgPrac { 
	padding-top: 12px;
	padding-bottom: 0px; 
	font-weight: bold; }

div.cntAct { color: #333; font: 1.2em Arial, Helvetica, san-serif; }
div.cntFocus { padding-top: 12px; font: bold italic 1.2em Arial, Helvetica, san-serif; }
div.cntPrac { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
div.cntChallenge { }
div.cntInfoBox { padding-top: 3px; }
div.caption { font: 0.8em Arial, Helvetica, san-serif; text-align: center; }

ol, ul, blockquote { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }

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

span.currPath {
	color: #17c;
	font: 9pt Arial, Helvetica, san-serif;
	white-space: nowrap;
}

span.DEST {
	color: #000;
	font: 7pt Arial, Helvetica, san-serif;
	white-space: nowrap;
}

span.sctHeading {
	font: bold 1.8em Arial, Helvetica, san-serif;
	white-space: nowrap;
}

span.pgTitle {
	color: #000;
	font: bold 1.4em Arial, Helvetica, san-serif;
	white-space: nowrap;
}

.boxInfo {
	background-color: #ff9;
	padding-top: 6px; 
	padding-left: 8px;
	vertical-align: top; }

.boxChallenge {
	background-color: #cfc;
	padding-top: 6px; 
	padding-left: 8px;
	vertical-align: top;}

.caption {
	font: 0.6em Arial, Helvetica, san-serif;
}

div.popupG {
	z-index: 10; 
	position: absolute; 
	visibility: hidden; 
	left: 0px; 
	top: 0px; 
	margin-right: -15px;
	margin-bottom: -15px;
	width: 600px;
	height: 150px;
	background-color: #ffc; 
	border: solid 1px #000; 
	overflow: auto;
	filter: Alpha(opacity=93)
}

div.popupH {
	z-index: 10; 
	position: absolute; 
	visibility: hidden; 
	left: 0px; 
	top: 0px; 
	margin-right: -15px;
	margin-bottom: -15px;
	width: 600px;
	height: 150px;
	background-color: #ccf; 
	border: solid 1px #000; 
	overflow: auto;
	filter: Alpha(opacity=93)
}

div.popupM {
	z-index: 10; 
	position: absolute; 
	visibility: hidden; 
	left: 0px; 
	top: 0px; 
	margin-right: -15px;
	margin-bottom: -15px;
	width: 600px;
	height: 150px;
	background-color: #fcc; 
	border: solid 1px #000; 
	overflow: auto;
	filter: Alpha(opacity=93)
}

div.popupS {
	z-index: 10; 
	position: absolute; 
	visibility: hidden; 
	left: 0px; 
	top: 0px; 
	margin-right: -15px;
	margin-bottom: -15px;
	width: 600px;
	height: 150px;
	background-color: #cfc; 
	border: solid 1px #000; 
	overflow: auto;
	filter: Alpha(opacity=93)
}

span.popupG {
	color: #990;
	font: bold 1.0em Arial, Helvetica, san-serif;
}

span.popupH {
	color: #009;
	font: bold 1.0em Arial, Helvetica, san-serif;
}

span.popupM {
	color: #900;
	font: bold 1.0em Arial, Helvetica, san-serif;
}

span.popupS {
	color: #090;
	font: bold 1.0em Arial, Helvetica, san-serif;
}

a.popup { font: 8pt Arial, Helvetica, san-serif; }

div#popup {
	z-index: 10; 
	position: absolute;
	visibility: hidden; 
	left: 0px; 
	top: 0px; 
	width: 600px;
	height: 150px;
	margin-right: -15px;
	margin-bottom: -15px;
	padding: 5px;
	background-color: #fff; 
	border: solid 1px #000; 
	overflow: hidden;
	filter: Alpha(opacity=93)
}

div#popupHeading {
	font: bold 1.0em Arial, Helvetica, san-serif;
}

div.popupContent {
	visibility: hidden;
	position: absolute; 
	left: 0px; 
	top: 0px; 
	margin-right: -15px;
	margin-bottom: -15px;
	width: 570px;
	overflow: hidden;
}

div#scrollArea {
	position: relative;
	left: 0px;
	top: 0px;
	height: 120px;
	margin: 0px;
	overflow: hidden;
}