/************ top navigation **************/

#topmenu   { margin: 0; padding: 0; border: 0 }
#topmenu ul     { font-family: Verdana; text-align: center; list-style-type: none; clear: left; margin: 0; padding: 0; border: 0 }
#topmenu ul li   { text-align: center; list-style-type: none; float: left; margin: 0; padding: 0; border: 0; display: block }

#topmenu ul li a         { color: #fff5d5; font-weight: bold; font-size: 12px; line-height: 1.8em; text-decoration: none; text-align: center; margin: 0; padding: 0; border-style: none solid none none; border-width: 0 1px 0 0; border-color: white; width: 95px; height: 2em; voice-family: "\"}\""inherit; display: block }

html>#topmenu ul li a    { font-weight: bold; font-size: 12px }

#topmenu ul li a:hover      { color: white; font-weight: bold; background-color: #b66200 }
#topmenu a:active	  { color: #fff; font-weight: bold }
#topmenu a.topnavon  { color: #696969; font-weight: bold; background-color: #ececec; margin: 0px; padding: 0px }
#topmenu a:hover.topnavon { color: #505050; font-weight: bold; background-color: #d3d3d3; margin: 0px; padding: 0px }


/************ related information links **************/
#relatedinfo { background-color: #f9f9f9; border-top: medium none; border-right: 1px solid #a9a9a9; border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; width: 150px }
#relatedinfo ul { font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; list-style-type: none; margin: 0px; padding: 0px; width: 150px }
#relatedinfo li { background: no-repeat 5px ; margin: 0px }
#relatedinfo a.internal { background: url(../images/interface/blue_web_link_icon.gif) no-repeat 5px 1px; margin: 0px }
#relatedinfo a.external { background: url(../images/interface/attachment_icon.gif) no-repeat 5px 2px; margin: 0px }
#relatedinfo a { padding: 2px 5px 2px 25px; border-bottom: 1px solid #d3d3d3; width: 120px; display: block }
#relatedinfo a:link  { color: #808080; text-decoration: none }
#relatedinfo a:visited  { color: #808080; text-decoration: none }
#relatedinfo a:hover  { color: #000; background-color: #ececec }
#relatedinfo a.print    { background: url(../images/interface/utility_print_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a.enquiry   { background: url(../images/interface/utlility_enquiry_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a.email   { background: url(../images/interface/utility_email_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a.contact  { background: url(../images/interface/utility_register_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a.credits { background: url(../images/interface/utility_credits_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a.points { background: url(../images/interface/utility_points_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a.report { background: url(../images/interface/utility_report_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a.basket { background: url(../images/interface/utility_basket_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a.sitemap  { background: url(../images/interface/sitemap_icon.gif) no-repeat 8px 4px; margin: 0px }


/************ sub nav styles  **************/
#navcontainer { border-top: 1px solid #a9a9a9; width: 160px;}
#navcontainer ul {font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px;  width: 160px; }
#navcontainer li {margin: 0px; padding: 0px; list-style-type: none; }
.open a  {background-image: url("../images/interface/menminus.gif"); background-repeat: no-repeat;	background-position: 1px 50%;padding: 2px 0px 2px 13px; border-bottom: 1px solid #a9a9a9; width: 150px; display: block}
.closed a {background-image: url("../images/interface/menplus.gif"); background-repeat: no-repeat;	background-position: 1px 50%;padding: 2px 0px 2px 13px; border-bottom: 1px solid #a9a9a9; width: 150px; display: block}
.normal a {background-image: url("../images/interface/subnav_arrow_on_grey.gif"); background-repeat: no-repeat;	background-position: 0px 50%;padding: 2px 0px 2px 13px; border-bottom: 1px solid #a9a9a9; width: 150px; display: block}
.selected a { background-color: #ececec; background-image: url("../images/interface/blue_subnav_arrow_on.gif"); background-repeat: no-repeat;	background-position: 0px 50%;padding: 2px 0px 2px 13px; border-bottom: 1px solid #a9a9a9;  font-weight: bold; font-size: 10px; width: 150px; display: block}
.open a:hover {color: #000; background: #ececec; background-image: url("../images/interface/menminus.gif");  background-repeat: no-repeat; background-position: 1px 50%}
.closed a:hover {color: #000; background: #ececec; background-image: url("../images/interface/menplus.gif");  background-repeat: no-repeat; background-position: 1px 50% }
.normal a:hover {color: #000; background: #ececec; background-image: url("../images/interface/subnav_arrow_on_grey.gif");  background-repeat: no-repeat; background-position: 0px 50% }
.selected a:hover {color: #000; background: #ececec; background-image: url("../images/interface/blue_subnav_arrow_on.gif");  background-repeat: no-repeat; background-position: 0px 50% }
.open  a:link, .closed  a:link, .normal  a:link, .selected  a:link {color: #333333;	text-decoration: none;}
.open  a:visited, .closed  a:visited, .normal  a:visited{color: #333333;	text-decoration: none;}
.selected  a:visited{color: #333333;	text-decoration: none; background-color: #ececec;}


/************ sub sub nav styles  **************/
.open ul{display: block;}
.closed ul{display: none;}
.open ul a  { background: url(../images/interface/subnav_arrow_on_grey.gif); background-color: transparent;	background-repeat: no-repeat;	background-position: 0% 50%; 	 padding: 2px 0px 2px 13px;  width: 140px; border-bottom: 1px solid #a9a9a9; margin: 0 0 0 10px; }
.open ul a:hover  { background: url(../images/interface/subnav_arrow_on_grey.gif); background-color: #ececec;	background-repeat: no-repeat;	background-position: 0% 50%; 	padding: 2px 0px 2px 13px;  width: 140px; border-bottom: 1px solid #a9a9a9;  margin: 0 0 0 10px; }
.open a.selected{ font-weight: bold; font-size: 10px; background: #ececec url(../images/interface/blue_subnav_arrow_on.gif) no-repeat; padding: 2px 0px 2px 13px; border-bottom: 1px solid #a9a9a9; width: 140px; display: block}
.open a:hover.selected{ font-weight: bold; font-size: 10px; background: #ececec url(../images/interface/blue_subnav_arrow_on.gif) no-repeat; padding: 2px 0px 2px 13px; border-bottom: 1px solid #a9a9a9; width: 140px; display: block}