@import url('reset.css');

HTML, BODY{ margin:0 auto; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; background-color:#EAEAEA; text-align:center; }
A{ color:#6a6f71; text-decoration:none; }
A:hover{ color:#666666; }
STRONG{ font-weight:bold; }
H1{ margin-bottom:0.5em; font-size:159%; font-weight:bold; }
H2{ margin-bottom:0.5em; font-size:144%; font-weight:bold; }
H3{ margin-bottom:0.5em; font-size:129%; font-weight:bold; }
P{ margin-bottom:0.5em; }

#page{ margin:0 auto; width:990px; padding-top:19px; text-align:center; }

/* HEADER & MAIN MENU & SUB MENU */
#header{ float:left; width:962px; padding:8px 0px 0px 0px; background-color:#FFFFFF; }
#header #logo{ float:left; width:227px; text-align:left; }
#header #mainMenu UL{ float:right; padding-bottom:63px;}
#header #mainMenu LI{ position:relative; float:left; margin:0px 3px 0px 0px; }
#header #mainMenu LI.last{ margin-right:0px; }
#header #mainMenu LI A{ display:block; width:90px; height:15px; margin-top:20px; padding:2px 0px 3px 4px; text-align:center; font-size:100%; color:#FFFFFF; opacity:.40; *filter:alpha(opacity="40"); }
#header #mainMenu LI.selected A, #header #mainMenu LI A:hover{ margin-top:3px; padding-top:19px; text-decoration:none; opacity:1; *filter:alpha(opacity="100"); }
#header #submenu{ position:absolute; top:40px; left:0px; height:63px; margin:0px; padding:0; }
#header #submenu UL{ float:left; padding-bottom:0px; }
#header #submenu LI{ float:left; margin:0; padding:0; clear:both; height:auto; width:auto; background:none; }
#header #submenu LI A{ height:auto; width:auto; margin:0px !important; white-space:nowrap;  padding:1px 0 0 0px !important; background:none !important; font-size:92%; text-align:left; color:#666666; }
#header #submenu LI.selected A, #header #submenu LI A:hover{ text-decoration:none; }

/* FOOTER & FOOTER MENU */
#footer{ float:left; width:962px; font-size:85%; }
#footer #footerMenu UL{ float:left;}
#footer #footerMenu LI{ float:left; margin:0px 20px 0px 0px; padding:5px 0px 4px 0px; list-style-type:none; color:#AAAAAA; font-size:92%; }
#footer #footerMenu LI A{ text-align:left; color:#AAAAAA; }
#footer #footerMenu LI.selected A, #footer #footerMenu LI A:hover{ color:#777777;  text-decoration:none; }
#footer #searchCont{ float:right; }
#footer #searchCont INPUT{ float:left; height:17px; padding:5px 2px 0 2px; border:none; border-color:white; color:#666666; }
#footer #searchCont LABEL{ float:left; padding-top:5px; }

/* SIDE MENU */
#sideMenuCol{ float:left; width:132px; padding:3px 0 0 9px; }
#sideMenuCol UL{ float:left;}
#sideMenuCol UL UL{ padding-left:10px; }
#sideMenuCol LI{ float:left; width:115px; padding:2px 0px 0px 0px; list-style-type:none; color:#AAAAAA; font-size:92%; }
#sideMenuCol LI A{ text-align:left; color:#5A5959; text-decoration:none; }
#sideMenuCol LI A.selected, #sideMenuSub LI.selected{ font-weight:bold; }

/* MAIN CONT (COMMON) */
#mainCont{ float:left; margin:0 auto; width:962px; padding:0px 14px 0px 14px; background:url(/images/main_cont_bg.gif) top left repeat-y #FFFFFF; text-align:left; position:relative; }
#pageCont{ float:left; width:962px; }
#pageCont #pageContInner{ float:left; width:962px; background:url(/images/side_menu_bg.gif) top left repeat-y; position:relative; }
#pageCont #fullColFlash{  float:left; height:418px}
#pageCont #fullCol{ float:left; width:962px; position:relative; }
#pageCont #textCol{ float:left; width:320px; padding:5px 10px;}
#pageCont #textCol A{ text-decoration:underline; }
#pageCont #textCol UL{ list-style-type:disc; padding:0px 15px; }
#pageCont #textCol UL LI{ margin-bottom:0.5em;}

/* ------DIFFERENT COLOUR OPTIONS------ */
/* GREEN */
.green H1, .green H2, .green H3{color:#67987a;}
.green #leftCol A, .green #rightCol UL SPAN, .green #rightCol UL A.selected{ color:#67987a; font-weight:bold; }
/* BLUE */
.blue H1, .blue H2,  .blue H3{color:#07245c;}
.blue #leftCol A{}
.blue #leftCol UL SPAN, .blue #leftCol UL A.selected{ color:#07245c; font-weight:bold; }
/* PURPLE */
.purple H1, .purple H2, .purple H3{color:#3e013a;}
.purple #leftCol A, .purple #rightCol UL SPAN, .red #purple UL A.selected{ color:#3e013a; font-weight:bold; }
/* RED */
.red H1, .red H2, .red H3{color:#9a0032;}
.red #leftCol A, .red #rightCol UL SPAN, .red #rightCol UL A.selected{ color:#9a0032; font-weight:bold; }
/* CYAN */
.cyan H1, .cyan H2, .cyan H3{color:#E89D00}
.cyan #leftCol A, .cyan #rightCol UL SPAN, .cyan #rightCol UL A.selected{ color:#E89D00; font-weight:bold; }
/* ORANGE */
.orange H1, .orange H2, .orange H3{color:#f27533;}
.orange #leftCol A, .orange #rightCol UL SPAN, .orange #rightCol UL A.selected{ color:#f27533; font-weight:bold; }
/* GREY */
.grey H1, .grey H2, .grey H3 {color:#887b6a;}
.grey #leftCol A, .grey #rightCol UL SPAN, .grey #rightCol A{ color:#887b6a; font-weight:bold; }

/* MENU COLOURS */
#header #mainMenu LI #submenu LI.selected A{ font-weight:bold; }
#header #mainMenu LI.green A{ background-color:#67987a; }
#header #mainMenu LI.green #submenu LI.selected A, #header #mainMenu LI.green #submenu LI A:hover, .green #sideMenuCol LI A.selected, .green #sideMenuCol LI A:hover, .green #textCol A:hover{ color:#67987a; }
#header #mainMenu LI.blue A{ background-color:#07245c; }
#header #mainMenu LI.blue #submenu LI.selected A, #header #mainMenu LI.blue #submenu LI A:hover, .blue #sideMenuCol LI A.selected, .blue #sideMenuCol LI A:hover, .blue #textCol A:hover{ color:#07245c; }
#header #mainMenu LI.purple A{ background-color:#3e013a; }
#header #mainMenu LI.purple #submenu LI.selected A, #header #mainMenu LI.purple #submenu LI A:hover, .purple #sideMenuCol LI A.selected, .purple #sideMenuCol LI A:hover, .purple #textCol A:hover{ color:#3e013a;  }
#header #mainMenu LI.red A{ background-color:#9a0032; }
#header #mainMenu LI.red #submenu LI.selected A, #header #mainMenu LI.red #submenu LI A:hover, .red #sideMenuCol LI A.selected, .red #sideMenuCol LI A:hover, .red #textCol A:hover{ color:#9a0032;  }


#header #mainMenu LI.cyan A{ background-color:#E89D00; }
#header #mainMenu LI.cyan #submenu LI.selected A, #header #mainMenu LI.cyan #submenu LI A:hover, .cyan #sideMenuCol LI A.selected, .cyan #sideMenuCol LI A:hover, .cyan #textCol A:hover{ color:#E89D00;  }
#header #mainMenu LI.orange A{ background-color:#f27533; }
#header #mainMenu LI.orange #submenu LI.selected A, #header #mainMenu LI.orange #submenu LI A:hover, .orange #sideMenuCol LI A.selected, .orange #sideMenuCol LI A:hover, .orange #textCol A:hover{ color:#f27533;  }
#header #mainMenu LI.grey A{ background-color:#887b6a; }
#header #mainMenu LI.grey #submenu LI.selected A, #header #mainMenu LI.grey #submenu LI A:hover, .grey #sideMenuCol LI A.selected, .grey #sideMenuCol LI A:hover, .grey #textCol A:hover{ color:#887b6a;  }

/* TEXT & IMAGE TEMPLATES */
#pageCont #imageCol, #pageCont #mapCol{ float:left; width:481px; height:418px; }
#pageCont #imageCol DIV{ float:left; width:238px; height:207px; }
#pageCont #imageCol #imageColLeft{ height:418px; padding-right:5px; }
#pageCont #imageCol #imageColRight{ height:418px; }
#pageCont #imageCol #imageColTop{ width:481px; height:207px; padding-bottom:4px; }
#pageCont #imageCol #imageColBottom{ width:481px; height:207px; }
#pageCont #imageCol #imageColBottom #imageColLeftTop{ padding-right:5px; }
#pageCont #imageCol #imageColLeftTop{ padding-bottom:4px; }
#pageCont #imageCol #imageColLeftBottom{ }
#pageCont #imageCol #imageColRightTop{ padding-bottom:4px; }
#pageCont #imageCol #imageColRightBottom{ }
#pageCont #imageCol #imageColRightFull{ height:418px; }

/* SEARCH */
#searchResults LI{ padding:10px 0; border-bottom:1px solid #aaa; }
.searchUrl{ font-size:77%; }
#searchResults UL.paging{ float:right; padding:0px; }
#searchResults UL.paging LI{ float:left; padding:0 0 0 5px; border:none; list-style-type:none;  }
#searchResults UL.paging LI.selected{ font-weight:bold; }

/* SITEMAP */
#sitemap{ font-size:77%; }
#sitemap UL LI{ margin-bottom:0 !important; }

/* important banner */
#importantBanner{
	position:absolute;
	bottom:22px;
	left:14px;
	background:transparent url('../images/update.png') top left no-repeat;
	width:92px;
	height:134px;
	font-size:.875em;
	padding:26px 40px 8px 8px;
	color:#052359;
	z-index:30;
}
#importantBanner h2{
	font-size:1.05em;
	text-transform:uppercase;
	padding:0;
	margin:0 0 4px 0;
	color:#69977a;
}
#importantBanner strong.updateTitle{
	text-transform:uppercase;
	display:block;
}
#importantBanner a.discoverMore{
	font-weight:700;
	color:#69977a;
	display:block;
	text-decoration:underline;
}