
/************ related information links **************/
#relatedinfo { background-color: #ffffff; border-top: medium none; border-top: 1px solid #ddd; width: 212px; }
#relatedinfo ul { font-weight: normal; font-size: 0.625em /*10px*/; line-height: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; list-style-type: none; margin: 0px; padding: 0px; width: 212px }
#relatedinfo li { background: no-repeat 5px ; margin: 0px }

#relatedinfo a.internal { background: url(../images/interface/related_link_icon.gif) no-repeat 7px 50%; margin: 0px }
#relatedinfo a.external { background: url(../images/interface/related_link_icon.gif) no-repeat 7px 50%; margin: 0px }


#relatedinfo a { padding: 3px 5px 3px 25px; border-bottom: 1px solid #ddd; width: 182px; 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 !important; }

#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.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 }

.leftnavheader { font-family: Tahoma, Verdana, Arial, san-serif; font-size: 0.75em /*12px*/; font-weight: bold; text-transform: uppercase; color: #fff; padding: 4px 2px 4px 8px; background-color: #00853F;}
.rightpanelhead { font-family: Tahoma, Verdana, Arial, san-serif; font-size: 0.7em /*11px*/; font-weight: bold; text-transform: uppercase; color: #666; padding: 15px 2px 4px 8px;}
.relatedlinksheader { font-family: Tahoma, Verdana, Arial, san-serif; font-size: 0.7em /*11px*/; font-weight: bold; text-transform: uppercase; color: #666; padding: 0px 2px 4px 8px;}

/************ sub nav styles  **************/

#navcontainer { background-color: #fff; font-size: 0.7em; border-top: 6px solid #fff; width: 212px;}
#navcontainer ul {background-color: #fff; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: none; margin: 0px; padding: 0px 0px 0px 0px; width: 212px;}
#navcontainer li {background-color: #fff; margin: 0px; padding: 0px; list-style-type: none;}

.open a  {color: #000; background-image: url("../images/interface/menminus.gif"); background-repeat: no-repeat;	background-position: 7px 50%; padding: 3px 0px 3px 22px; width: 190px; display: block; text-decoration: none;}
.closed a {color: #000; background-image: url("../images/interface/menplus.gif"); background-repeat: no-repeat;	background-position: 7px 50%; padding: 3px 0px 3px 22px; width: 190px; display: block; text-decoration: none;}
.normal a {color: #000; background-image: url("../images/interface/subnav_arrow_blue.gif"); background-repeat: no-repeat;	background-position: 10px 50%; padding: 3px 0px 3px 22px; width: 190px; display: block; text-decoration: none;}
.selected a { color: #fff; background: #005EA6; background-image: url("../images/interface/subnav_arrow_white.gif"); background-repeat: no-repeat; background-position: 10px 50%; padding: 3px 0px 3px 22px; width: 190px; display: block; text-decoration: none;}
.open a:hover {color: #fff; background: #E6A000; background-image: url("../images/interface/menminus.gif");  background-repeat: no-repeat; background-position: 7px 50%; text-decoration: none;}
.closed a:hover {color: #fff; background: #E6A000; background-image: url("../images/interface/menplus.gif");  background-repeat: no-repeat; background-position: 7px 50%; text-decoration: none; }
.normal a:hover {color: #fff; background: #E6A000; background-image: url("../images/interface/subnav_arrow_blue.gif");  background-repeat: no-repeat; background-position: 10px 50%; text-decoration: none; }
.selected a:hover {color: #fff; background: #E6A000; background-image: url("../images/interface/subnav_arrow_white.gif");  background-repeat: no-repeat; background-position: 10px 50%; text-decoration: none; }


/************ sub sub nav styles  **************/
.open ul {display: block;}
.closed ul {display: none;}
.open ul a {background-image: url(../images/interface/subnav_arrow_blue.gif); background-repeat: no-repeat;	background-position: 10px 50%; padding: 3px 0px 3px 22px; width: 170px; display: block; margin: 0 0 0 20px;}
.open ul a:hover {color: #fff; background: #E6A000; background-image: url(../images/interface/subnav_arrow_blue.gif); background-repeat: no-repeat;	background-position: 10px 50%; padding: 3px 0px 3px 22px; width: 170px; display: block; margin: 0 0 0 20px;}
.open a.selected {color: #fff !important; background: #005EA6; background-image: url(../images/interface/subnav_arrow_white.gif); background-repeat: no-repeat; background-position: 10px 50%; padding: 3px 0px 3px 22px; width: 170px; display: block;}
.open a:hover.selected {color: #fff; background: #E6A000; background-image: url(../images/interface/subnav_arrow_white.gif); background-repeat: no-repeat; background-position: 10px 50%; padding: 3px 0px 3px 22px; width: 170px; display: block;}


