/* Warnings:
   Dreamweaver 8 doesn't like HTML comment tags < ! - - in CSS files.
   Firefox 1.x doesn't like   html, body {   These selectors need their own sets of rules. */



/* ------------------------------------------------------------------------------------*/

@media screen {

/* set height: 101% to enforce scroller.  But this design collapses to less than browser height at times. */
html {
	height: auto;
	background-color: #f9b623;
}
body {
	height: auto;
	background-color: #f9b623;
}

/*----- Outer Shadows with soft corners -----*/

#outerShadowLeft {
	width: 50%;
	background-image: url(/images/template/outer-left-shdw.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
}
#outerShadowLeft2-OUT {
	height: 100%;
	background-image: url(/images/template/outer-left-shdw-btm.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#outerShadowRight {
	width: 50%;
	background-image: url(/images/template/outer-right-shdw.gif);
	background-repeat: repeat-y;
	background-position: 0% 0%;
}
#outerShadowRight2-OUT {
	height: 100%;
	background-image: url(/images/template/outer-right-shdw-btm.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

#outerShadowLeftCnr {
	background-image: url(/images/template/outer-left-shdw-cnr.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
#outerShadowBottom {
	background-image: url(/images/template/outer-shdw-btm.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
#outerShadowRightCnr {
	background-image: url(/images/template/outer-right-shdw-cnr.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

/*----- On-Screen settings -----*/

#centreColumn { background-color: #fff; }
.leftSideTD { background-color: #3c6d90; }
#leftSideColumn { width: 197px; background-color: #3c6d90; }
#mainTable { width: 763px; }
#headerTable {  }
#headerTableLogoTD { width: 270px; }
#headerTableLoginTD { 
	width: 493px;
	background-image: url(/images/template/header-login-bkgd.jpg); background-repeat: no-repeat; background-position: 100% 0%;
}
#navUpperTDone { width: 104px; background-image: url(/images/template/nav/nav-bkgd-tile.gif); background-repeat: repeat-x; }
#navUpperTDtwo { width: 659px; background-image: url(/images/template/nav/nav-bkgd-tile.gif); background-repeat: repeat-x; }
#navLowerTDrow { height: 39px; }

#contentDiv { 
	width: 763px; 
	background-color: #fff;
}

#navStripDiv { margin-bottom: 4px; } /* Push content away from menu a bit. Doesn't affect printing. */


/*----- Main CONTENT styles -----*/

.pageHeading { margin-left:24px; }
#pageHeadingDotLineTD { padding:0px 20px 0px 32px; margin:0px 0px 0px 0px; }
#pageHeadingDotLineDIV { overflow=hidden; height:2px; margin:0px 0px 0px 0px; background:url(/images/template/horizontal-dots.gif) 0px 0px repeat-x; }

#oneColContentLeftTD { width:700px; }

#twoColContentLeftTD { width:500px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#twoColContentRightTD { width:200px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

#contentLeftDIV {
	/* width set by parent TD */
	margin:0px 0px 0px 0px;
	padding:12px 20px 20px 32px;
}

#contentLeftMediaDIV {
	/* width set by parent TD */
	margin:0px 0px 0px 0px;
	padding:12px 100px 20px 72px;
}

#contentLeftHomeDIV {
	/* width set by parent TD */
	width:500px; /* Was too narrow on IE */
	margin:0px 0px 0px 0px;
	padding:12px 20px 20px 32px;
}
#contentRightHomeDIV {
	/* width set by parent TD */
	margin:0px 0px 0px 0px;
	padding:12px 10px 20px 10px;
}

/* -------------------- FOOTER -------------------- */

#footerDIV {
	padding: 6px 20px 6px 32px;
}

#footerDIV p { 
	margin-top:0px;
	margin-bottom:2px;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color: #929597;
}

#footerDIV a {
	text-decoration: none;
	color: #929597;
}

#footerDIV a:hover {
	text-decoration: underline;
	color: #000;
}

/* Darker, legible ORANGE for screen links. */
a:link { color:#d49a1e; text-decoration:none } 
a:visited { color:#d49a1e; text-decoration:none } 
a:hover { color:#d49a1e; text-decoration:underline } 

}

/* ------------------------------------------------------------------------------------*/

/*----- Print settings: Collapse leftSideColumn & Nav etc -----*/

@media print
{

html { height: auto; }
body { height: auto; }

/* Turn off all fixed width items, to let text wrap in print space. */
	#leftSideColumn { display: none; }
	#headerStripDiv { display: none; }
	#navStripDiv { display: none; }
	#mainTable { width: 92%; }  /* 92% is widest before FF crops text */
	#headerDiv { display: none; }
	#pageHeadingDotLineDIV { display: none; }
	#footerDiv { display: none; }

/* LESS width for printing than on screen */
	#oneColContentLeftTD { width: auto; border: 0; margin: 0 0; padding: 0 5%; } /* FF printing didn't respond to: margin 5% but did to padding 5% */

	#twoColContentLeftTD { width:70%; margin:0px 0px 0px 0px; padding:0% 5% 0% 0%;}
	#twoColContentRightTD { width:30%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

/* Some space below Page Title */
	#contentLeftHomeDIV { margin-top: 10px; }
	#contentRightHomeDIV { margin-top: 10px; }
	#contentLeftDIV { margin-top: 10px; }

/* Brighter ORANGE for printed links. */
a:link { color:#f9b623; text-decoration:none } 
a:visited { color:#f9b623; text-decoration:none } 
a:hover { color:#f9b623; text-decoration:underline } 

/* Since bkgd colours disappear, put a pale border around tables when Printed. */
#colourTable { border:#ccc solid 1px; }
#colourTable td.header { border-bottom:#ccc solid 1px; }

}

/* ------------------------------------------------------------------------------------*/

@media screen,print
{

/* Set general font attributes for ALL text in content area. */
#contentTD td, #contentTD p, ol, ul, li {
	margin-top:0px;
	margin-bottom:12px;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

/* Now add additional settings. */
/* Create single styles that combine settings - faster to implement */

.subhead1 { 
	line-height:18px;
	font-weight:bold;
}
.subhead1NoGapBelow { 
	margin-bottom:2px ! important;
	line-height:18px;
	font-weight:bold;
}

.bulletHeadingEmphasis { 
	display: block;
	padding-left: 40px;
	margin-bottom: 2px ! important;	
	text-decoration: underline;	
}
.bulletHeading { 
	display: block;
	padding-left: 40px;
	margin-bottom: 2px ! important;	
}
.bulletImageSquare { margin: -4px 4px 0px -15px;}
.bulletImageRound { margin: -4px 4px 0px -15px;}

.indentBlock {
	display:block;
	margin-top:0px;
	padding-top:0px;
	padding-left:40px;
}

.paleText {
	/* Used for Media Rel publication names */
	color: #929698;
}

#clearTable td { padding:2px, 10px, 2px, 0px; }

#colourTable td.header {
	font-weight: bold;
	background-color: #f9b623;
	padding: 12px 6px 12px 12px;
}
#colourTable td.bodyCell {
	background-color: #efefef;
	padding: 12px 6px 12px 12px;
}


/* ========== REACH 100 - SITEMAP ========== */

#sitemapHeadTD {
	font-weight: bold;
	background-color: #f9b623;
	padding: 2px 1px 2px 1px;
}
#sitemapHeadTD a {
	color: #000;
	display: block;
	padding: 9px 8px 9px 18px;
	text-decoration: none;
	/* border-top: 1px solid #fff; */
}
#sitemapHeadTD a:hover {
	background-color: #fff;
	color: #000;
	text-decoration: none;
	/* border-top: 1px solid #fff; */
}

#sitemapTable td.bodyCell {
	background-color: #efefef;
	padding: 12px 6px 12px 12px;
}
#sitemapTable td.white {
	background-color: #fff;
	width: 9px;
	padding: 0px 0px 0px 0px;
}

#sitemapSectionListTD {
	background-color: #efefef;
	padding: 3px 2px 6px 2px;
}
#sitemapSectionListTD a {
	color: #000;
	display: block;
	padding: 3px 5px 3px 16px;
	text-decoration: none;
	/* border-top: 1px solid #fff; */
}
#sitemapSectionListTD a:hover {
	background-color: #afafb0;
	color: #fff;
	text-decoration: none;
	/* border-top: 1px solid #fff; */
}

}

/* ------------------------------------------------------------------------------------*/