/************ 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 **************/
.relatedlinkshead {background-image: url('/images/interface/jmi_relatedlinks_top.gif')}
#relatedinfo { background-color: #ffffff; border-top: medium none; width: 181px; }
#relatedinfo ul { font-weight: normal; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; text-align: left; list-style-type: none; margin: 0px; padding: 0px; width: 181px }
#relatedinfo li { background: no-repeat 5px ; margin: 0px }
#relatedinfo a.internal { background: url(../images/interface/jmi_resources_print.gif) no-repeat 0px -20px; margin: 0px }
#relatedinfo a.external { background: url(../images/interface/jmi_resources_print.gif) no-repeat 0px -20px; margin: 0px }
#relatedinfo a { padding: 2px 5px 4px 25px; width: 151px; display: block;}
#relatedinfo a:link  { color: #7D7D7D; text-decoration: none }
#relatedinfo a:visited  { color: #7D7D7D; text-decoration: none }
#relatedinfo a:hover  { color: #7D7D7D; background-color: #ececec }
#relatedinfo a.print    { background: url(../images/interface/jmi_resources_print.gif) no-repeat 0px -20px; margin: 0px }
#relatedinfo a:hover.print   { color: #fff; background-position: 0px 0px }
#relatedinfo a.enquiry   { background: url(../images/interface/jmi_resources_enquiry.gif) no-repeat 0px -20px; margin: 0px }
#relatedinfo a:hover.enquiry   { color: #fff; background-position: 0px 0px }
#relatedinfo a.email   { background: url(../images/interface/jmi_resources_email.gif) no-repeat 0px -20px; margin: 0px }
#relatedinfo a:hover.email   { color: #fff; background-position: 0px 0px }
#relatedinfo a.contact  { background: url(../images/interface/jmi_resources_contact.gif) no-repeat 0px -20px; margin: 0px }
#relatedinfo a:hover.contact  { color: #fff; background-position: 0px 0px }
#relatedinfo a.sitemaplink  { background: url(../images/interface/jmi_resources_map.gif) no-repeat 0px -20px; margin: 0px }
#relatedinfo a:hover.sitemaplink  { color: #fff; background-position: 0px 0px }



#relatedinfo a:hover.pdf { color: #000; background: #ececec url(../images/interface/pdf_icon.gif) no-repeat 5px 3px }
#relatedinfo a.pdf { background: url(../images/interface/pdf_icon.gif) no-repeat 5px 3px; margin: 0px }
#relatedinfo a.document { background: url(../images/interface/external_doc_icon.gif) no-repeat 5px 3px; margin: 0px }
#relatedinfo a:hover.document { color: #000; background: #ececec url(../images/interface/external_doc_icon.gif) no-repeat 5px 3px }


/************ sub nav styles  **************/
#navcontainer { font-size: 0.7em; width: 168px;}
#navcontainer ul { font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; width: 168px; }
#navcontainer li { margin: 0px; padding: 0px; list-style-type: none;}
.open a  {color: #5D5D5D !important; background-image: url("../images/interface/menminus.gif"); background-repeat: no-repeat;	background-position: 4px 50%;padding: 3px 0px 3px 20px; border-bottom: 1px solid #F5F5F5; width: 148px; display: block}
.closed a { background-image: url("../images/interface/menplus.gif"); background-repeat: no-repeat;	background-position: 4px 50%;padding: 3px 0px 3px 20px; border-bottom: 1px solid #F5F5F5; width: 148px; display: block}
.normal a {background-image: url("../images/interface/subnav_arrow_on_orange.gif"); background-repeat: no-repeat;	background-position: 2px 50%;padding: 3px 0px 3px 20px; border-bottom: 1px solid #F5F5F5; width: 148px; display: block}
.selected a { color: white; background-color: #F1C12C; background-image: url("../images/interface/subnav_arrow_on_white.gif"); background-repeat: no-repeat;	background-position: 2px 50%;padding: 3px 0px 3px 20px; border-bottom: 1px solid #F5F5F5;  font-weight: bold; width: 148px; display: block}
.open a:hover {color: white !important; background: #F1C12C; background-image: url("../images/interface/menminus.gif");  background-repeat: no-repeat; background-position: 4px 50%}
.closed a:hover {color: white; background: #F1C12C; background-image: url("../images/interface/menplus.gif");  background-repeat: no-repeat; background-position: 4px 50% }
.normal a:hover {color: white; background: #F1C12C; background-image: url("../images/interface/subnav_arrow_on_white.gif");  background-repeat: no-repeat; background-position: 2px 50% }
.selected a:hover {color: white; background-color: #F1C12C;  background-image: url("../images/interface/subnav_arrow_on_white.gif");  background-repeat: no-repeat; background-position: 2px 50%; }
/*font*/.open  a:link, .closed  a:link, .normal  a:link, .selected  a:link {color: #5D5D5D;	text-decoration: none;}
/*font*/.open  a:visited, .closed  a:visited, .normal  a:visited, .selected  a:visited{color: #5D5D5D;text-decoration: none;}
/*font*/.selected  a:visited{color: white; background-image: url("../images/interface/subnav_arrow_on_white.gif");  background-repeat: no-repeat; background-position: 2px 50%;	text-decoration: none; background-color: #F1C12C;}
/*font*/.open  a:hover, .closed  a:hover, .normal  a:hover, .selected  a:hover{color: white;	text-decoration: none;}



/************ sub sub nav styles  **************/
.open ul { background-color: #F5F5F5; display: block; font-weight: normal !important; font: Arial !important; color: #5D5D5D !important;}
.closed ul { display: none;}
.open ul a { color: #5D5D5D !important; background: url(../images/interface/subnav_arrow_on_orange.gif); background-repeat: no-repeat;	background-position: 9px 50%; 	 padding: 3px 0px 3px 27px;  width: 131px; margin: 0 0 0 10px; }
.open ul a:hover {  background: url(../images/interface/subnav_arrow_on_white.gif); background-color: #F1C12C;	background-repeat: no-repeat;	background-position: 9px 50%; 	padding: 3px 0px 3px 27px;  width: 131px; margin: 0 0 0 10px; }
.open a.selected { color: #003267 !important; font-weight: bold; background: #F1C12C url(../images/interface/subnav_arrow_on_blue.gif) no-repeat; background-position: 9px 50%; padding: 3px 0px 3px 27px; width: 131px; display: block}
.open a:hover.selected { color: #003267; font-weight: bold; background: #F1C12C url(../images/interface/subnav_arrow_on_white.gif) no-repeat; background-position: 9px 50%;  padding: 3px 0px 3px 27px; width: 131px; display: block}