* { padding: 0; margin: 0; border: 0; }
body { font-family: Arial; font-size: 100%; background: #f0f0ee; behavior: url(js/whateverhover/csshover3.htc); }
img, div, a, li { behavior: url(js/pngfix/iepngfix.htc); }
#ie-centering { width: 100%; text-align: center; }
#container { width: 960px; text-align: left; position: relative; height: auto; margin: 0 auto 0 auto; }
#container img { }

/* main top level navigation styling */
#topHeader { float: left; clear: both; width: 960px; height: 110px; overflow: hidden; }
#topNav { float: left; clear: both; width: 960px; height: 35px; background: url(../images/nav-bg.jpg) repeat-x; }
#topNav ul { float: left; list-style-type: none; }
#topNav ul li { float: left; position: relative; }
#topNav ul li p { float: left; height: 35px; line-height: 35px; color: #999; font-size: 0.75em; font-weight: normal; text-decoration: none; }
#topNav ul li a span.nav strong { font-weight: normal; }
#topNav li a { float: left; color: #53534a; font-size: 0.75em; font-weight: normal; text-decoration: none; line-height: 35px; position: relative; z-index: 9999; }
#topNav li a strong { float: left; height: 35px; padding-left: 5px; line-height: 35px; }
#chineseFlag { float: right; display: inline; height: 35px; width: 59px; margin-right: 10px; cursor: pointer; }
#topNav span.offsiteArrow { background: url(../images/offsiteArrow.gif) no-repeat top left; float: left; height: 8; padding-right: 8px; margin: 13px 0 0 5px; cursor: pointer; }
#topNav ul ul { margin: 0; border: 0 none; padding: 0; list-style: none; display: none; font-size: 1em; text-align: center; position: absolute; top: 35px; z-index: 9999; width: auto; }
#topNav ul ul:after { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }
#topNav ul ul li { width: 180px; float: left; clear: left; display: block !important; display: inline; list-style-type: none; z-index: 10; height: auto; background: none; z-index: 9999; }
#topNav ul .on { background: url(../images/nav-highlight-centre.jpg) repeat-x; color: #fff; }
#topNav ul a:hover, #topNav ul li:hover a { background: url(../images/nav-highlight-centre.jpg) repeat-x; color: #fff; }
#topNav li a:hover span.nav, #topNav ul li:hover a span.nav { background: url(../images/nav-highlight-right.jpg) no-repeat top right; } 
#topNav li a.on span.nav { background: url(../images/nav-highlight-right.jpg) no-repeat top right; }
#topNav li a span.nav { float: left; height: 35px; padding-right: 5px; cursor: pointer; }
#topNav li a:hover strong, #topNav ul li:hover a strong { background: url(../images/nav-highlight-left.jpg) no-repeat top left; }
#topNav li a.on strong { background: url(../images/nav-highlight-left.jpg) no-repeat top left; }
#topNav ul li:hover li a { width: 180px; height: 30px; float: left; color: #53534a; z-index: 10; line-height: 1.2em; }
#topNav ul li:hover li a:hover, #topNav ul li:hover li:hover a { color: #4980a8; z-index: 10; }
#topNav ul li:hover ul ul, #topNav ul li:hover ul ul ul { display: none; }
#topNav ul li:hover ul, #topNav ul ul li:hover ul, #topNav ul ul ul li:hover ul { display: block; }

/* styles for pop up flash 90 seconds movie */
#hideshow { display: none; z-index: 9; width: 741px; height: 307px; background: url(../images/overlay.png) no-repeat top left; position: absolute; top: 16px; left: 135px;}
#link { position: absolute; z-index: 10; display: none; top: 30px; right: 75px; width: 86px; height: 8px; padding: 15px 40px 0 0  }
#hideshow a { color: #999; font-weight: bold; text-decoration: none; font-size: 0.688em; }
#hideshow a:hover { color: #FFF; }
#hideshow a span { color: #FFF; }
#film { margin: 41px 0 0 49px; }

/* top news ticker styling */
#secondBanner { float: left; clear: left; width: 960px; height: 30px; }
#Ticker { float: left; clear: left; height: 16px; border: 0; margin: 0; padding: 0; width: 800px; }
#Ticker .label { float: left; display: block; font-size: 0.75em; line-height: 2.5em; font-weight: bold; margin: 0; padding: 0; color:#53534a; }
#Ticker #newsticker { margin:0; padding:0 0 0 10px; overflow: hidden; } 
#Ticker #newsticker a { font-weight: normal; padding: 0; margin: 0; line-height: 2.5em; font-size: 0.75em; color: #4980a8; text-decoration: none; }  
#Ticker #newsticker a:hover { text-decoration: underline; }
#signUpNewsletter { float: left; width: 150px; height: 30px; }
#signUpNewsletter a { float: right; clear: right; line-height: 2.5em; font-size: 0.75em; font-family: Arial Narrow; font-weight: bold; text-decoration: none; color: #255c8f; }

/* footer section styling */
#footer { float: left; clear: both; width: 960px; height: 15px; padding-top: 15px; }
#footerLeft { float: left; width: 480px; }
#footerLeft p { float: left; font-size: 0.625em; color: #a5acb0; line-height: 1.5em; }
#footerLeft p a { text-decoration: none; color: #245b8f; }
#footerRight { float: left; width: 480px; }
#footerRight p { float: right; font-size: 0.625em; color: #a5acb0; line-height: 1.5em; }
#footerRight p a { text-decoration: none; color: #a5acb0; }

/* standard page secondary header styling */
#secondHeader { float: left; clear: both; width: 930px; height: 25px; background: url(../images/second-header.jpg) no-repeat top left; padding: 15px; margin-bottom: 10px; }
	/* box model Tan hack for secondary header */
	* html #ie-centering #container #secondHeader { /width: 960px; }
	/* end */
#secondHeader h1 { float: left; font-size: 1.375em; color: #4980a8; width: 700px; }

/* standard page secondary navigation styling */
#secondNav { float: left; width: 150px;}
#secondNav ul { float: left; width: 150px; list-style-type: none; }
#secondNav li {float:left; border-top: solid 2px #fff; }
#secondNav li a {float:left; text-decoration: none; display: block; width: 135px; line-height: 25px; font-size: 0.75em; color: #53534a; padding-left: 15px; position: relative; }
	/* box model Tan hack for secondary navigation */
	* html #ie-centering #container #content #secondNav li a { /width: 150px; }
	/* end */
#secondNav li a:hover, #secondNav li a.on { color: #4980a8; background: url(../images/second-nav-bg.jpg) no-repeat top left; }
#secondNav li a img { position: absolute; top: 8px; right: 15px; }

/* news / press release archive styles */
#newsArchive { float: left; width: 120px; height: auto; margin-left: 30px; display: inline; overflow: hidden; }
span#newsArchiveHeader { float: left; width: 105px; font-size: 0.75em; color: #53534a; font-weight: bold; margin-bottom: 5px; padding-left: 15px; }
ul#archiveList { float: left; width: 120px; height: auto; }
ul#archiveList li a { width: 105px; }
ul#archiveList li a:hover { background: none; }


/* standard page centre content section styling */
#content { float: left; min-height: 350px; height: auto; width: 960px; }
	/* min-height fix for IE6 */
	* html #ie-centering #container #content { height: 350px; }
	/* end */
#contentText { float: left; width: 470px; margin: 0 15px 15px 15px; overflow: hidden; }
#contentText ul { float: left; list-style: disc; padding-left: 15px; font-weight: normal; font-size: 0.75em; line-height: 1.163em; color: #53534a; }
#contentText ul li { margin-bottom: 5px; }
#contentText ul li a{ text-decoration: none; color: #4980a8;}
#contentText ul li a:hover{ text-decoration: underline; }
#contentText h2 { float: left; clear: both; width: 470px; font-weight: bold; font-size: 0.875em; line-height: 1em; padding: 10px 0 5px 0; color: #53534a; }
#contentText h3 { float: left; clear: both; width: 470px; font-weight: normal; font-size: 0.75em; line-height: 1.167em; padding-bottom: 5px; color: #4980a8; }
#contentText p { float: left; clear: both; width: 470px; font-weight: normal; font-size: 0.75em; line-height: 1.167em; color: #53534a; margin-bottom: 10px; }
#contentText p a { font-weight: normal; color: #4980a8; text-decoration: none; }
#contentText p a:hover{text-decoration:underline;}
#contentText span p a { text-decoration: none; color: #4980a8; }
#contentText span p a:hover { text-decoration: underline; }

/* standard page right content section styling */
#contentImage { float: left; width: 310px; overflow: hidden; }
#contentImage img { float: left; padding-bottom: 5px; }
#contentImage p { float: left; display: inline; clear: both; width: 305px; margin:10px 0 0 5px; font-weight: normal; font-size: 0.75em; line-height: 1.163em; color: #53534a; }

/* media centre press releases section styling */
#pagenumbers { float: left; height: 15px; width: 430px; margin-bottom: 5px; font-weight: normal; font-size: 0.75em; line-height: 1em; color: #53534a;  }
#pagenumbers a { font-weight: normal; text-decoration: none; font-size: 1em; line-height: 1em; color: #53534a; }
#pagenumbers a:hover, #pagenumbers a.pagelinkselect { font-weight: normal; text-decoration: underline; font-size: 1em; line-height: 1em; color: #4980a8; }
#pressReleasesContainer { float: left; width: 470px; overflow: hidden; }
.pressRelease { float: left; width: 470px; border-bottom: solid 2px #fff; margin-bottom: 3px; background: url(../images/small-blue-arrow.gif) no-repeat top right; cursor: pointer; }
.pressReleaseEmpty { float: left; width: 470px; border-bottom: solid 2px #fff; margin-bottom: 3px; }
.pressReleaseEmpty p { float: left; width: 470px; color: #53534a; font-size: 1em; font-weight: normal; line-height: 1em; margin-bottom: 5px; text-decoration: none; }
.pressRelease span a { float: left; width: 470px; color: #4980a8; font-size: 0.875em; font-weight: normal; line-height: 1.143em; text-decoration: none; }
.pressRelease p a { float: left; width: 470px; color: #53534a; font-size: 1em; font-weight: normal; line-height: 1em; margin-bottom: 5px; text-decoration: none; }

/* media centre press release article styling */
#articleTitle h2 { float: left; width: 310px; overflow: hidden; font-weight: bold; font-size: 0.875em; line-height: 1em; padding: 10px 0 15px 0; color: #53534a; }
#backToList { float: left; width: 140px; overflow: hidden; height: 39px; background: url(../images/small-blue-arrow-left.gif) no-repeat top left; cursor: pointer; }
#backToList a { float: right; font-size: 0.625em; font-weight: normal; color: #4980a8; text-decoration: none; line-height: 3.9em; cursor: pointer; }
#backToList a:hover { text-decoration: underline; }
#PublicationPDF { float: left; padding: 10px 0 0 35px; margin-top: 10px; height: 31px; width: 435px; background: url(../images/pdficon.gif) no-repeat top left; }


/* brochures section styling */
#brochures { float: left; width: 470px; margin: 0 15px 15px 15px; overflow: hidden; }
.brochure { float: left; width: 470px; border-bottom: solid 2px #fff; margin-bottom: 3px; cursor: pointer; }
.brochure h6 { float: left; width: 320px; font-size: 0.75em; }
.brochure p { float: left; width: 150px; overflow: hidden; }
.brochure p a { float: right; width: 80px; color: #53534a; font-size: 1em; font-weight: normal; line-height: 1em; margin-bottom: 5px; text-decoration: none; }
.brochure p a img { padding-right: 5px; }

/* map page styles */
#brochures p { float: left; font-weight: normal; font-size: 0.75em; line-height: 1.163em; color: #53534a; }
#brochures h2 { float: left; clear: both; width: 470px; font-weight: bold; font-size: 0.875em; line-height: 1em; padding: 10px 0 5px 0; color: #53534a; }
#map { float: left; width: 586px; height: 347px; margin-left: 15px; }