html, body { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; color:#666666; height:100%; }
img { border:0; }
h1 { margin:0.4em 0; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:lighter; color:#0086FF; }
h2 { margin:1em 0; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:bold; color:#4988B6; }
h3 { font-size:1em; font-weight:bold; color:#000000; margin:1.2em 0 0 0; }
p { font-size:1em; margin:0 0 1em 0; }
a:link, a:visited { color:#0086FF; text-decoration:none; }
a:hover, a:active { color:#000000; text-decoration:none; }
a.aTopNav:link, a.aTopNav:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }
a.aTopNav:hover, a.aTopNav:active { font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#4988B6; color:#FFFFFF; }
a.aWhatsOn:link, a.aWhatsOn:visited { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; line-height:0.8em; }
a.aWhatsOn:hover, a.aWhatsOn:active { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; line-height:0.8em; }
a.aIntNav:link, a.aIntNav:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#0086FF; font-weight:normal; }
a.aIntNav:hover, a.aIntNav:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#000000; font-weight:normal; }
a.aIntNavSelected { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; color:#0086FF; font-weight:bold; }
a.aIpSite:link, a.aIpSite:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color:#0086FF; }
a.aIpSite:hover, a.aIpSite:active { font-family:Verdana, Arial, Helvetica, sans-serif; color:#0086FF; }
a.aBotFooter:link, a.aBotFooter:visited { font-family:Verdana, Arial, Helvetica, sans-serif; color:#7AC0FF; }
a.aBotFooter:hover, a.aBotFooter:active { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; }
/* Header & Footer layout */
#divHeader { height:78px; text-align:center; background:url('/tmp_header.gif') no-repeat center; background-color:#0086FF; }
#divBanner { margin:0 auto; width:760px; }
#divTopNav { height:18px; text-align:center; background-color:#47A8FF; margin-bottom:0px; border-bottom:2px solid #0086FF; }
#divFooterTop { clear:both; height:28px; line-height:28px; border-top:1px solid #CCCCCC; background-color:#EBE9EA; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#999999; }
#divFooterBottom { height:17px; line-height:17px; background-color:#0086FF; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#7AC0FF; }
/* Aligning footer to bottom
#divFooterTop { position:absolute; width:100%; bottom:17px; clear:both; height:28px; line-height:28px; border-top:1px solid #CCCCCC; background-color:#EBE9EA; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#999999; }
#divFooterBottom { position:absolute; width:100%; bottom:0; height:17px; line-height:17px; background-color:#0086FF; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#7AC0FF; }
*/
/* Home page layout */
#divHomeContainer { background:url('/home_background.gif') no-repeat; margin:0 auto; width:760px; min-height:457px; }
#divHomeLeft { float:left; width:290px; padding-bottom:10px; }
#divWelcome { height:106px; padding:0 10px; width:270px; }
#divHomeRight { float:right; width:450px; }
#divWhatsOn { margin:6px 0 0 2px; height:95px; }
#divFlashScrollers { clear:both; }
#divWhatsOnBox1 { width:169px; margin-right:2px; }
#divWhatsOnBox2 { width:79px; margin-right:2px; text-align:center; }
#divWhatsOnBox3 { width:164px; }
div.divWhatsOnBox { float:left; height:90px; padding:5px 5px 0 5px; background-color:#EBE9EA; color:#666666; }
div.divWhatsOnImage { height:70px; }
div.divWhatsOnCaption { clear:both; margin-top:0.2em; margin-bottom:0; }
img.imgFooterLogo { margin:0 10px 0 0; float:left; }
img.imgResource { margin-right:5px; float:left; }
img.imgIndented { margin-left:10px; }
/* Top nav */
#divTopNavWrapper { margin:0 auto; width:760px; }
#divTopNavWrapper ul { padding:0; }
#divTopNavWrapper ul li { display:inline; }
#divTopNavWrapper ul { margin:0; padding:0 0 0 40px; }
#divTopNavWrapper ul li a { padding:0.3em 1em; float:left; border-right:1px solid #0086FF; }
#divTopNavWrapper ul li a.aLeftSide { border-left:1px solid #0086FF; }
/* Left nav */
#divLeftNav { float:left; width:159px; padding:10px 0; background:url('/bkg_LeftNav.gif') repeat-y; }
#divLeftNav ul { padding:0; margin:0; list-style:none; }
#divLeftNav ul li { background:url(/icon_bullet1.gif) no-repeat 0 0.5em; padding-left:10px; margin:5px 0 0 10px; }
#divLeftNav ul li ul { padding:0; margin:0 0 15px 0; list-style:none; }
#divLeftNav ul li ul li { background:url(/icon_bullet2.gif) no-repeat 0 0.4em; padding-left:10px; margin:5px 0; }
#divLeftNav ul li ul li a { color:#999999; }
#divLeftNav ul li ul li a:hover { color:#000000; }
#divLeftNav a.aNavSelected { color:#000000; font-weight:bold; }
#divLeftNav a.aSubNavSelected { color:#000000; }
div.divSelected { width:3px; height:15px; background-color:#CCCCCC; float:right; }
/* Content page layout */
#divContentContainer { background:url('/bkg_LeftNav.gif') repeat-y; width:100%; clear:both; }
#divContent { padding:10px 30px; margin-left:159px; }
#divRightSideFeature { float:right; width:220px; margin:30px 0 5px 10px; }
#divRightSideFeature table { border-collapse:collapse; width:200px; }
#divRightSideFeature col.colArticleDate { width:70px; }
#divRightSideFeature col.colArticleName { width:130px;}
#divRightSideFeature th { background-color:#4988B6; color:#FFFFFF; padding:3px 3px 3px 8px; }
#divRightSideFeature td { background-color:#EBE9EA; padding:3px; }
/* Non Flash Home Page */
#divFlashScrollers img { margin-bottom:2px; }
div.divScrollerHeader { background-color:#4988B6; color:#FFFFFF; font-size:1.4em; font-weight:bold; padding:0 2px; margin-bottom:3px; }
div.divFeatureScroller { width:450px; height:160px; margin-top:12px; }
div.divScrollerBox { float:left; width:144px; margin:0 2px; }
div.divScrollerImage { background-color:#EBE9EA; color:#4988B6; font-size:1em; white-space:nowrap; font-weight:bold; padding:5px 0 2px 7px; }
div.divScrollerText { padding:5px; font-size:0.8em; }
#divMainFeature { width:290px; height:332px; background-color:#EBE9EA; margin-top:6px; }
#divMainFeatureText { margin:8px 15px; }
#divMainFeatureText h1 { color:#000000; font-size:1.5em; font-weight:bold; }
#divMainFeatureText a:link { color:#000000; }
#divMainFeatureText a:visited { color:#000000; }
#divMainFeatureText a.aHighlights:visited, #divMainFeatureText a.aHighlights:link { color:#0086FF; font-weight:bold; }
#divMainFeatureText a.aHighlights:active, #divMainFeatureText a.aHighlights:hover { color:#000000; font-weight:bold; }
a.aScrollerItems:link, a.aScrollerItems:visited { color:#999999; }
a.aScrollerItems:hover, a.aScrollerItems:active { color:#999999; }
/* Form layout */
fieldset { margin:0; padding:0; border:0; }
textarea, input, select { font-size:1em; }
#divContent label { clear:left; margin-left:10px; display:block; font-weight:bold; }
#divContent span.label { float:left; margin-top:5px; width:100px; }
#divContent span.field { float:left; margin-top:5px; text-align:left; }
/* For objects */
object.objectFeature { margin-top:6px; }
/* For Headers and paragraphs */
.pMarginClose { margin:0 0 -0.1em 0.3em; }
.pMarginBot { margin-top:0; margin-bottom:0.5em; }
.pMarginTop { margin-top:0.5em; margin-bottom:0; }
.pNoMargin { margin:0; }
/* Generic layout classes */
.alignLeft { text-align:left; }
.alignCenter { text-align:center; }
.alignRight { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.fixedCentred { margin:0 auto; width:760px; clear:both; }
.clear { clear:both; height:1px; overflow:hidden; }