/*********************************************
	File: stylesheet_screen.css			       
*********************************************/
/*********************************************
General
*********************************************/
body{
	color:#000000;
	background: #ffffcc; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 80%;
}
h1	{
	colour: #000000;
	background:transparent;
	font-size:1.3em;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
h1.ContentTitle {
	color: #000000;
	background-color: transparent;
	padding: 7px 20px 5px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #8ea89f;
	width: 97%;
}
h2	{
	color:#000000;
	background:transparent;
	font-size: 1.1em;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 5px 0px;
}
h3	{
	color:#000000;
	background:transparent;
	font-size: 1em;
	font-weight:bold;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
h4	{	
	color:#000000;
	background:transparent;
	font-size:0.9em;
	font-weight:normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
h5	{	
	color:#000000;
	background:transparent;
	font-size:0.9em;
	font-weight:normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
a	{
	font-weight:normal;
	text-decoration:underline;
}
a:link	{
	color:#0033ff;
	background-color:transparent;
	text-decoration:underline;
}
a:visited	{
	color:#993399;
	background-color:transparent;
	text-decoration:underline;
}
a:active	{
	color:#0033ff;
	background-color:transparent;
	text-decoration:underline;
}
p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
}
hr {
	color: #000000; 
	background: transparent;
	height: 1px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
ul {
	list-style: round;
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 7px 20px;
}
ol {
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 7px 30px;
}
li {
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
}

/*********************************************
Main Container
*********************************************/
#MainContainer {
	color: #FFFFCC;
	background-color: #FFFFCC;
	display: block;
}

/*********************************************
Header
*********************************************/
#HeaderContainer {
	color:#000000;
	background-color:#CC6600;
	width: 100%;
}
#HeaderImage { 
	color: #000;
	background: #CC6600 url("../graphics/headerimage2.gif") right no-repeat; 
	height: 100px;
	width: 100%;
}
#HeaderTitle { 
	background: #CC6600 url("../graphics/headertitle2.gif") left no-repeat; 
	color: white; 	
	height: 100px; 
	float: left;
	display: block; 	
	width: 397px; 
}
.PrintHeader {
	display: none;
}
#NoBrandingHeader {
	display: none;
}


/*********************************************
Breadcrumb Navigation
*********************************************/
#BreadcrumbContainer {
	height:16px;
	color: #000000;
	background-color: #cccccc;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #8ea89f;
	padding: 0px 0px 0px 12px;
}
ul.breadcrumbnavigation {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
li.breadcrumbnavigation {
	display: inline;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	height: 10px;
	background: transparent url("../graphics/breadcrumb_chevron.gif") right no-repeat;
}
a.breadcrumbnavigation	{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	font-weight: normal;
}
a.breadcrumbnavigation:link	{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}
a.breadcrumbnavigation:visited	{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}
a.breadcrumbnavigation:hover	{
	color: #000000;
	background-color: transparent;
	text-decoration: underline;
}
a.breadcrumbnavigation:active	{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}

/*********************************************
Main Navigation
*********************************************/
#NavigationContainer {
	width:20%;
	float: left;
}
#NavigationBox {
	padding:1px 0px 1px 0px;
	margin:1px 10px 2px 0px;
	color: #000000;
	background-color: #CC6600;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url("../graphics/main_cornerbg.gif");
	background-repeat: no-repeat;
	background-position: top right;
	border-bottom: 1px solid #586180;
}

/*********************************************
Main Navigation Level1
*********************************************/
ul.navigationlevel1 {
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}
li.navigationlevel1 {
	padding: 3px 0px 3px 20px;
	margin: 0px 0px 0px 4px;
	background-image: url("../graphics/arrow_bullet.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
a.navigationlevel1 {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
a.navigationlevel1:link {
	background: none;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel1:visited {
	background: none;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel1:active {
	background: none;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel1:hover {
	background: none;
	color: #ffffff;
	text-decoration: underline;
}
li.navigationlevel1selected {
	padding: 3px 0px 3px 20px;
	margin: 0px 0px 0px 4px;
	background-image: url("../graphics/arrow_bullet.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
a.navigationlevel1selected {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
a.navigationlevel1selected:link {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel1selected:visited {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel1selected:active {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel1selected:hover {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}

/*********************************************
Main Navigation Level2
*********************************************/
ul.navigationlevel2 {
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	list-style-type: none;
}
li.navigationlevel2 {
	list-style: transparent;
	padding: 3px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	background-image: url("../graphics/nav_chevron.gif");
	background-repeat: no-repeat;
}
a.navigationlevel2 {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel2:link {
	background: transparent;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel2:visited {
	background: transparent;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel2:active {
	background: transparent;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel2:hover {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
li.navigationlevel2selected {
	list-style: none;
	padding: 3px 0px 0px 15px;
	margin: 0px 0px 0px 10px;
	background-image: url("../graphics/nav_chevron.gif");
	background-repeat: no-repeat;
}
a.navigationlevel2selected {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel2selected:link {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel2selected:visited {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel2selected:active {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel2selected:hover {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}

/*********************************************
Main Navigation Level3
*********************************************/
ul.navigationlevel3 {
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 10px;
	list-style-type: none;
}
li.navigationlevel3 {
	list-style: none;
	padding: 3px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	background-image: url("../graphics/nav_chevron.gif");
	background-repeat: no-repeat;
}
a.navigationlevel3 {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel3:link {
	background: transparent;
	color: #ffffff;
	text-decoration:none;
}
a.navigationlevel3:visited {
	background: transparent;
	color: #ffffff;
	text-decoration:none;
}
a.navigationlevel3:active {
	background: transparent;
	color: #ffffff;
	text-decoration:none;
}
a.navigationlevel3:hover {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
li.navigationlevel3selected {
	list-style: none;
	padding: 3px 0px 0px 12px;
	margin: 0px 0px 0px 0px;
	background-image: url("../graphics/nav_chevron.gif");
	background-repeat: no-repeat;
}
a.navigationlevel3selected {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel3selected:link {
	background: transparentne;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel3selected:visited {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel3selected:active {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel3selected:hover {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}

/*********************************************
Main Navigation Level4
*********************************************/
ul.navigationlevel4 {
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	list-style-type: none;
}
li.navigationlevel4 {
	list-style: none;
	padding: 3px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	background-image: url("../graphics/nav_chevron.gif");
	background-repeat: no-repeat;
}
a.navigationlevel4 {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel4:link {
	background: transparent;
	color: #ffffff;
	text-decoration:none;
}
a.navigationlevel4:visited {
	background: transparent;
	color: #ffffff;
	text-decoration:none;
}
a.navigationlevel4:active {
	background: transparent;
	color: #ffffff;
	text-decoration:none;
}
a.navigationlevel4:hover {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
li.navigationlevel4selected {
	list-style: none;
	padding: 3px 0px 0px 12px;
	margin: 0px 0px 0px 0px;
	background-image: url("../graphics/nav_chevron.gif");
	background-repeat: no-repeat;
}
a.navigationlevel4selected {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel4selected:link {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel4selected:visited {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel4selected:active {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel4selected:hover {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}

/*********************************************
Main Navigation Level5
*********************************************/
ul.navigationlevel5 {
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	list-style-type: none;
}
li.navigationlevel5 {
	list-style: none;
	padding: 3px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	background-image: url("../graphics/nav_chevron.gif");
	background-repeat: no-repeat;
}
a.navigationlevel5 {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel5:link {
	background: transparent;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel5:visited {
	background: transparent;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel5:active {
	background: transparent;
	color: #ffffff;
	text-decoration: none;
}
a.navigationlevel5:hover {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
li.navigationlevel5selected {
	list-style: none;
	padding: 3px 0px 0px 12px;
	margin: 0px 0px 0px 0px;
	background-image: url("../graphics/nav_chevron.gif");
	background-repeat: no-repeat;
}
a.navigationlevel5selected {
	background: transparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel5selected:link {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel5selected:visited {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel5selected:active {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}
a.navigationlevel5selected:hover {
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
}

/*********************************************
Site Contents
*********************************************/
#ContentContainer {
	float: left;
	width: 80%;
}
#Content {
	width: 95%;
	color: #000000;
	background-color: transparent;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 20px 0px;
}
img {
	border: none;
}
.rightimg {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 15px;
	float: right;
}
.leftimg {
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 5px 0px;
	float: left;
}
.pagetint {
	color: #000000;
	background: #cccccc;
	padding: 3px 10px 3px 10px;
	margin: 10px 0px 10px 0px;
}

/*********************************************
Component Container
*********************************************/
.GenericContentBackgroundContainer {
	color: #000000;
	background:#D2FFBC; 
	padding: 10px 10px 0px 10px;
	margin: 10px 0px 5px 0px;
	width:97%;
	border-bottom: 1px solid #7ca593;
}
.GenericContentNoBackgroundContainer {
	color: #000000;
	background: transparent; 
	padding: 5px 10px 0px 0px;
	margin: 10px 0px 0px 0px;
	width:97%;
}

/*********************************************
Homepage
*********************************************/
.HomepageMainItem {
	background: transparent;
	color: #000000;
	width: 100%;
	padding: 1px 0px 10px 0px;
	margin: 1px 0px 0px 0px;
	border-bottom: 1px solid #87a8ca;
}
.HomepageMainItemLeft {
	background: transparent;
	color: #000000;
	padding: 1px 0px 10px 0px;
	margin: 1px 0px 0px 0px;
}
.HomepageMainItemRight {
	background: transparent;
	color: #000000;
	padding: 1px 0px 10px 0px;
	margin: 1px 0px 0px 0px;
}
.HomepageMainItem h2 {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	padding: 7px 5px 2px 0px;
	margin: 0px 0px 5px 0px;
	color: #368fe7;
	background: transparent;
	border: none;
}
.HomepageMainItem p {
	padding: 0px 5px 5px 0px;
	margin: 0px 5px 0px 5px;
	line-height: 1.3em;
}
.HomepageMainItem img {
	width: 200px;
	margin: 0px 5px 5px 0px;
	padding: 7px 5px 2px 0px;
	border: none;
	float: left;
}
.HomepageSubItemsBox {
	color: #222222;
	background: transparent;
	width: 100%;
	padding: 1px 2px 3px 2px;
	margin: 10px 0px 0px 0px;
}
.HomepageSubItemsBox h2 {
	padding: 2px 5px 2px 0px;
	margin: 0px 0px 5px 0px;
	border: none;
}
.HomepageSubItemsBoxRight {
	width: 45%; 
	float: right;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	background: transparent;
	color: #222222;
}
.HomepageSubItemsBoxLeft{
	width: 45%; 
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	display: block;
	background: transparent;
	color: #222222;
}
.HomepageSubItemsBoxRight p, .HomepageSubItemsBoxLeft p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
.HomepageSubItemsBoxRight img, .HomepageSubItemsBoxLeft img {
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
	float: left;
}

/*********************************************
Hidden Elements
*********************************************/
.hidden {
	display:none;
}
.spacer {
	clear: both;
}
.PrintHeader {
	display:none;
}

/*********************************************
New HeaderBar  Navigation
*********************************************/
/*	Legacy fix for Netscape 6+ and Safari on the Mac	*/
form,fieldset {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
}
/*	Header	container		*/
#NGfLBarHeaderContainer {
	color: #ffffff;
	background:  #cccccc;
	height: 25px;
	display: block;	
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #ffffff;
}
#NavList {
	color: #ffffff;
	background: #cccccc;
	border: 0px;
	width: 210px;
	height: 25px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*	List items	*/
#NavList ul {
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-size: 0.9em;
}
#NavList ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#NavList ul li#LTS {
	display: block;
	float: left;
	width: 35%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#NavList ul li#AllWebsites {
	display: block;
	float: left;
	width: 64%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*	Link properties		*/
#NavList ul li a {
	display: block;
	line-height: 23px;
	border-right: 1px solid #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background: #cccccc;
}
#NavList ul li a:hover {
	color: #ffffff;
	background: #666666;
	text-decoration: underline;
	font-weight: bold;
}
#NavList ul li a:active	{
	font-weight: bold;
	color: #ffffff;
	background: #cccccc;
}
/*	Accessibility tweaks	*/
#NavList ul li#skipnav, #NavList ul li#subnav {
	display: block;
	width: 1px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#NavList ul li#skipnav a, #NavList ul li#skipnav a:hover, #NavList ul li#skipnav a:active, #NavList ul li#subnav a, #NavList ul li#subnav a:hover, #NavList ul li#subnav a:active {
	border: none;
}
/*	NGfL Bar Header Dropdown Menu		*/
#HeaderDropdownBox{
	color: #ffffff;
	background: #cccccc;
	float: left;
	width: 350px;
	padding: -3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#HeaderDropdownBox form  {
	padding: -3px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	text-align: left;
	height: 16px;
	vertical-align: top;
}
#HeaderDropdownBox fieldset {
	border: none;
}
#HeaderDropdownBox input{
	font-size: 0.9em;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 4px;
}
/*	NGfL Bar Header Search stuff	*/
#HeaderSearchBox {
	padding: -3px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	background: #cccccc;
	width: 200px;
	float: right;
}
#HeaderSearchBox form {
	padding: -3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	height: 16px;
	vertical-align: top;
}
#HeaderSearchBox fieldset {
	border: none;
}
input.NGfLBarSearchButton {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 4px;
	background: #666666;
	color: #fff;
	cursor: pointer;
}
input.ngflbarsearchfield {
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

/*********************************************
NGfL Footer
*********************************************/
#FooterContainer {
	color: #000000;
	background: #e2e1e1;
	float: left;
	width: 100%;
}
.FooterTextLinksRow{
	padding: 1px 2px 1px 2px;
	margin: 0px;
	color: #000000;
	background: #acadae;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #ffffff;
}
.FooterTextLinks {
	color: #ffffff;
	background: transparent;
}
a.FooterTextLinks {
	color: #ffffff;
	background: transparent;
	text-decoration: none;
}
a.FooterTextLinks:link {
	color: #ffffff;
	background: transparent;
	text-decoration: none;
}
a.FooterTextLinks:visited {
	color: #ffffff;
	background: transparent;
	text-decoration: none;
}
a.FooterTextLinks:active {
	color: #ffffff;
	background: transparent;
	text-decoration: none;
}
a.FooterTextLinks:hover {
	color: #ffffff;
	background: transparent;
	text-decoration: none;
}
.FooterDividingBars {
	color: #ffffff;
	background: #acadae;
}
.FooterTextUpdateFloat {
	color: #000000;
	background: transparent;
	width: 40%; 
	float: right;
	padding: 0px;
	margin: 0px 3px 0px 3px;
	text-align: right;
}
.footer {
	color: #000000;
	background-color: #e2e1e1;
	text-align: left;
	float: left;
	width: 100%;
}
.footer a {
	text-decoration: underline;
}
.footer a:link {
	text-decoration: underline;
}
.footer a:visited {
	color: purple;
	text-decoration: underline;
}
.footer a:hover {
	text-decoration: underline;
}
.leftfooterimg {
	width: auto;
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 0px;
}

/*********************************************
Site Specific Classes - Quote
*********************************************/
q {
	color: #000000;
	background-color: transparent;
	padding:0px;
	margin:0px;
}
cite {
	background: transparent;
	color: #000000;
	font-size: 0.9em;
	font-weight: bold;
	font-style: normal;
}
.quotetint {
	color: #000000;
	background: #e5f3e3;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 15px 0px;
}

/*********************************************
Site Specific Classes - Resource Tabs
*********************************************/
#ResourceTabContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#ResourceTabContainer ul {
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: center;
}
#ResourceTabContainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#ResourceTabContainer ul li a {
	background: #ebf2f0;
	color: #000000;
	width: 100px;
	height: 30px;
	border-top: 3px solid #bdd0d7;
	border-left: 3px solid #bdd0d7;
	border-bottom: 3px solid #8dadba;
	border-right: 3px solid #8dadba;
	padding: 0px 0px 0px 0px;
	margin: 1px 1px 1px 1px;
	text-decoration: none;
	display: block;
	text-align: center;
/*	line-height: 28px;*/
	font: normal 0.85em verdana, lucida, sans-serif;
}
#ResourceTabContainer ul li a:link, #Pathways ul li a:visited {
	background: #ebf2f0;
	color: #000000;
}
#ResourceTabContainer ul li a:hover {
	background: #a2c3b9;
	color: #000000;
	text-decoration: underline;
}
#ResourceTabContainer ul li a:active	{
	background: #a2c3b9;
	color: #000000;
}

/*********************************************
Site Specific Classes - Resource Up Button
*********************************************/
#UpButtonContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#UpButtonContainer ul {
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: center;
}
#UpButtonContainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#UpButtonContainer ul li a {
	background: #ebf2f0;
	color: #000000;
	width: 100px;
	height: 30px;
	border-top: 3px solid #bdd0d7;
	border-left: 3px solid #bdd0d7;
	border-bottom: 3px solid #8dadba;
	border-right: 3px solid #8dadba;
	padding: 0px 0px 0px 0px;
	margin: 1px 1px 1px 1px;
	text-decoration: none;
	display: block;
	text-align: center;
/*	line-height: 28px;*/
	font: normal 0.85em verdana, lucida, sans-serif;
}
#UpButtonContainer ul li a:hover {
	background: #a2c3b9;
	color: #000000;
	text-decoration: underline;
}
#UpButtonContainer ul li a:active	{
	background: #a2c3b9;
	color: #000000;
}

/*********************************************
Site Specific Classes - Resource Home Button
*********************************************/
#HomeButtonContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#HomeButtonContainer ul {
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: center;
}
#HomeButtonContainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url("../graphics/homebutton.gif") center no-repeat;
}
#HomeButtonContainer ul li a {
	color: #222;
	width: 100px;
	height: 30px;
	border-top: 3px solid #bdd0d7;
	border-left: 3px solid #bdd0d7;
	border-bottom: 3px solid #8dadba;
	border-right: 3px solid #8dadba;
	padding: 0px 0px 0px 0px;
	margin: 1px 1px 1px 1px;
	display: block;
	text-decoration: none;
	text-align: center;
	font: bold 0.85em verdana, lucida, sans-serif;
}
#HomeButtonContainer ul li a:hover {
	color: #222222;
	text-decoration: underline;
}
#HomeButtonContainer ul li a:active	{
	color: #222222;
}

/*********************************************
Site Specific Classes - Linear Navigation Container
*********************************************/
#LinearNavigationContainer {
	color: #000000;
	background-color: #ebf2f0;
	padding: 5px 12px 5px 12px;
}
ul#LinearNavigation {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}
ul#LinearNavigation img  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 54px;
	width: 54px;
}
ul#LinearNavigation li#up  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 54px;
	width: 54px;
	background: url("../graphics/up.gif") top left no-repeat;
}
ul#LinearNavigation li#previous  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 54px;
	width: 54px;
	background: url("../graphics/previous.gif") top left no-repeat;
}
ul#LinearNavigation li#next  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 54px;
	width: 54px;
	background: url("../graphics/next.gif") top left no-repeat;
}
ul#LinearNavigation li#home  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 54px;
	width: 54px;
	background: url("../graphics/home.gif") top left no-repeat;
}
ul#LinearNavigation li#return  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 54px;
	width: 54px;
	background: url("../graphics/return.gif") top left no-repeat;
}
ul#LinearNavigation li#updisabled  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 54px;
	width: 54px;
	background: url("../graphics/updisabled.gif") top left no-repeat;
}
ul#LinearNavigation li#previousdisabled  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 54px;
	width: 54px;
	background: url("../graphics/previousdisabled.gif") top left no-repeat;
}
ul#LinearNavigation li#nextdisabled  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 54px;
	width: 54px;
	background: url("../graphics/nextdisabled.gif") top left no-repeat;
}
ul#LinearNavigation li#homedisabled  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 54px;
	width: 54px;
	background: url("../graphics/homedisabled.gif") top left no-repeat;
}
ul#LinearNavigation li#returndisabled  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 54px;
	width: 54px;
	background: url("../graphics/returndisabled.gif") top left no-repeat;
}
ul#LinearNavigation li#uptext  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation li#previoustext  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation li#nexttext  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation li#hometext  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation li#returntext  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul#LinearNavigation li#count  {
	display: inline;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*********************************************
Site Specific Classes - General Table
*********************************************/
.GeneralTable {
	font-size: 1em;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 80%;
}
.GeneralTable caption {
	display: none;
}
.GeneralTable td {
	background-color: #eaeaea;
	margin: 0px 0px 2px 0px;
	padding: 5px 3px 3px 5px;
	color: #000000;
	border-bottom: 1px solid #ffffff;
}
.GeneralTable th {
	background-color: #7ca593;
	margin: 0px 0px 2px 0px;
	padding: 5px 3px 3px 5px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
.GeneralTable td.buttons {
	background-color: transparent;
	margin: 0px 0px 2px 0px;
	padding: 5px 3px 3px 5px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	text-align: right;
}

/*********************************************
Site Specific Classes - Feedback form
*********************************************/
table#feedback {
	font-size: 1em;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 80%;
}
table#feedback caption {
	display: none;
}
table#feedback td {
	background-color: #eaeaea;
	margin: 0px 0px 2px 0px;
	padding: 5px 3px 3px 5px;
	color: #000000;
	border-bottom: 1px solid #ffffff;
}
table#feedback th {
	background-color: #7ca593;
	margin: 0px 0px 2px 0px;
	padding: 5px 3px 3px 5px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
table#feedback td.buttons {
	background-color: transparent;
	margin: 0px 0px 2px 0px;
	padding: 5px 3px 3px 5px;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	text-align: right;
}

/*********************************************
Site Specific Classes - Hot Potatoes
*********************************************/
table,div,span,td{
	font-size: 100%;
	color: #000000;
}

div.Titles{
	padding: 0.5em;;
	text-align: center;
	color: #000099;
}

button{
	font-family: Geneva,Arial,sans-serif;
	font-size: 100%;
	display: inline;
}

.ExerciseTitle{
	font-size: 140%;
	color: #000099;
}

.ExerciseSubtitle{
	font-size: 120%;
	color: #000099;
}

div.StdDiv{
	background-color: #ffcc66;
	text-align: center;
	font-size: 100%;
	color: #000000;
	padding: 0.5em;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #000000;
	margin-bottom: 1px;
}

/* EndCorePageCSS */

.RTLText{
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif; 
}

.CentredRTLText{
	text-align: center;
	font-size: 150%;
	direction: rtl;
	font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif; 
}

button p.RTLText{
	text-align: center;
}

.RTLGapBox{
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: "Times New Roman", Geneva,Arial,sans-serif;
}

.Guess{
	font-weight: bold;
}

.CorrectAnswer{
	font-weight: bold;
}

div#Timer{
	padding: 0.25em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #000099;
}

span#TimerText{
	padding: 0.25em;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	display: none;
	color: #000099;
}

span.Instructions{
	span.highlight {font-family: times new roman}
}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
	color: #000099;
}

.LeftItem{
	font-size: 100%;
	color: #000000;
	text-align: left;
}

.RightItem{
	font-weight: bold;
	font-size: 100%;
	color: #000000;
}

span.CorrectMark{

}

input, textarea{
	font-family: Geneva,Arial,sans-serif;
	font-size: 120%;
}

select{
	font-size: 100%;
}

div.Feedback {
	background-color: #ffff99;
	left: 33%;
	width: 34%;
	top: 33%;
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	text-align: center;
	color: #000099;
	position: absolute;
	display: none;
	font-size: 100%;
}




div.ExerciseDiv{
	color: #000000;
}

/* JMatch flashcard styles */
table.FlashcardTable{
	background-color: transparent;
	color: #000000;
	border-color: #000000;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 90%;
	position: relative;
	text-align: center;
	padding: 0px;
}

table.FlashcardTable tr{
	border-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #ffcc66;
}

table.FlashcardTable td.Showing{
	font-size: 140%;
	text-align: center;
	width: 50%;
	display: table-cell;
	padding: 2em;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	background-color: #ffcc66;
}

table.FlashcardTable td.Hidden{
	display: none;
}

/* JMix styles */
div#SegmentDiv{
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}

a.ExSegment{
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

span.RemainingWordList{
	font-style: italic;
}

div.DropLine {
	position: absolute;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000099;
	width: 80%;
}

/* JCloze styles */

.ClozeWordList{
	text-align: center;
	font-weight: bold;
}

div.ClozeBody{
	text-align: left;
	margin-top: 2em;
	margin-bottom: 2em;
	line-height: 2.0
}
span.highlight {font-family: Times new roman
}
span.GapSpan{
	font-weight: bold;
}

/* JCross styles */

table.CrosswordGrid{
	margin: auto auto 1em auto;
	border-collapse: collapse;
	padding: 0px;
	background-color: #000000;
}

table.CrosswordGrid tbody tr td{
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	vertical-align: middle;
	font-size: 140%;
	padding: 1px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	color: #000000;
}

table.CrosswordGrid span{
	color: #000000;
}

table.CrosswordGrid td.BlankCell{
	background-color: #000000;
	color: #000000;
}

table.CrosswordGrid td.LetterOnlyCell{
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
}

table.CrosswordGrid td.NumLetterCell{
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	color: #000000;
	padding: 1px;
	font-weight: bold;
}

.NumLetterCellText{
	cursor: pointer;
	color: #000000;
}

.GridNum{
	vertical-align: super;
	font-size: 66%;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.GridNum:hover, .GridNum:visited{
	color: #000000;
}

table#Clues{
	margin: auto;
	vertical-align: top;
}

table#Clues td{
	vertical-align: top;
}

table.ClueList{
  margin: auto;
}

td.ClueNum{
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}

td.Clue{
	text-align: left;
}

div#ClueEntry{
	text-align: left;
	margin-bottom: 1em;
}

/* Keypad styles */

div.Keypad{
	text-align: center;
	display: none; /* initially hidden, shown if needed */
}

div.Keypad button{
	font-family: Geneva,Arial,sans-serif;
	font-size: 120%;
	background-color: #ffffff;
	color: #000000;
	width: 2em;
}

/* JQuiz styles */

div.QuestionNavigation{
	text-align: center;
}

.QNum{
	margin: 0em 1em 0.5em 1em;
	font-weight: bold;
	vertical-align: middle;
}

textarea{
	font-family: Geneva,Arial,sans-serif;
}

.QuestionText{

}

.Answer{
	font-size: 120%;
	letter-spacing: 0.1em;
}

.PartialAnswer{
	font-size: 120%;
	letter-spacing: 0.1em;
	color: #000099;
}

.Highlight{
	color: #000000;
	background-color: #ffff00;
	font-weight: bold;
	font-size: 120%;
}

ol.QuizQuestions{
	text-align: left;
	list-style-type: none;
}

li.QuizQuestion{
	padding: 1em;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}

ol.MCAnswers{
	text-align: left;
	list-style-type: upper-alpha;
	padding: 1em;
}

ol.MCAnswers li{
	margin-bottom: 1em;
}

ol.MSelAnswers{
	text-align: left;
	list-style-type: lower-alpha;
	padding: 1em;
}

div.ShortAnswer{
	padding: 1em;
}

.FuncButton {
	text-align: center;
	border-style: solid;

	border-left-color: #ffe5b2;
	border-top-color: #ffe5b2;
	border-right-color: #7f6633;
	border-bottom-color: #7f6633;
	color: #000000;
	background-color: #ffcc66;

	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.FuncButtonUp {
	color: #ffcc66;
	text-align: center;
	border-style: solid;

	border-left-color: #ffe5b2;
	border-top-color: #ffe5b2;
	border-right-color: #7f6633;
	border-bottom-color: #7f6633;

	background-color: #000000;
	color: #ffcc66;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.FuncButtonDown {
	color: #ffcc66;
	text-align: center;
	border-style: solid;

	border-left-color: #7f6633;
	border-top-color: #7f6633;
	border-right-color: #ffe5b2;
	border-bottom-color: #ffe5b2;
	background-color: #000000;
	color: #ffcc66;

	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

/*BeginNavBarStyle*/

div.NavButtonBar{
	background-color: #000066;
	text-align: center;
	margin: 2px 0px 2px 0px;
	clear: both;
	font-size: 100%;
}

.NavButton {
	border-style: solid;
	
	border-left-color: #7f7fb2;
	border-top-color: #7f7fb2;
	border-right-color: #000033;
	border-bottom-color: #000033;
	background-color: #000066;
	color: #ffffff;

	border-width: 2px;
	cursor: pointer;	
}

.NavButtonUp {
	border-style: solid;

	border-left-color: #7f7fb2;
	border-top-color: #7f7fb2;
	border-right-color: #000033;
	border-bottom-color: #000033;
	color: #000066;
	background-color: #ffffff;

	border-width: 2px;
	cursor: pointer;	
}

.NavButtonDown {
	border-style: solid;

	border-left-color: #000033;
	border-top-color: #000033;
	border-right-color: #7f7fb2;
	border-bottom-color: #7f7fb2;
	color: #000066;
	background-color: #ffffff;

	border-width: 2px;
	cursor: pointer;	
}

/*EndNavBarStyle*/

a{
	color: #0000ff;
}

a:visited{
	color: #cc00cc;
}

a:hover{
	color: #0000ff;
}

div.CardStyle {
	position: absolute;
	font-family: Geneva,Arial,sans-serif;
	font-size: 100%;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	background-color: #ffcc66;
	left: -50px;
	top: -50px;
	overflow: visible;
}

.rtl{
	text-align: right;
	font-size: 140%;
}