a { color: #6b8e23; text-decoration: underline }
  a:visited {color: #80ba44 }
  a:hover {color: #78ae40; text-decoration: underline }
  a.weblink {color: #6b8e23; text-decoration: underline }
  a.weblink:visited {color: #80ba44; text-decoration: underline}
  a.weblink:hover {color: #78ae40; text-decoration: underline }
  a.popuplink {color: #6b8e23; text-decoration: underline}
  a.popuplink:visited {color: #80ba44; text-decoration: underline}
  a.popuplink:hover {color: #78ae40; text-decoration: underline}
  a.filelink {color: #6b8e23; text-decoration: underline}
  a.filelink:visited {color: #80ba44; text-decoration: underline}
  a.filelink:hover {color: #78ae40; text-decoration: underline}
  a.inline-toggle {color: Green; text-decoration: underline;  font-weight: bold;  font-family: "Times New Roman", serif;     }
  a.inline-toggle:visited {color: Green; }
  a.inline-toggle:hover {text-decoration: underline}
  .fsmall {
    font-size: 10px;
    font-family: Verdana, Helvetica, sans-serif;
    text-align: center;
    margin: 10px 0px 0px 0px;
  }
  .crumbs {font-size: 8pt; margin-bottom: 3px; margin-top: 0px; color: #FFFFFF}
  .crumbs a {text-decoration: underline; color: #FFFFFF}
  .crumbs a:visited {text-decoration: underline; color: #FFFFFF}
  .crumbs a:hover {color: #F4BC5C}
       ::selection {
         background: #78ae40; /* Safari */
         color: #FFFFFF;
       }
       ::-moz-selection {
         background: #78ae40; /* Firefox */
         color: #FFFFFF;
       }
 
@media screen{
  #idcontent {    
      width: 100%; 
      padding: 0px !important; 
      padding: 10px 15px 5px 10px;
      position: relative;  
   } 
  #innerdiv {    
      padding: 10px 5px 5px 10px !important;  
      padding: 0px; 
   } 
   
    .topichead {
       padding: 5px;
    }
    
    .navlinks {
      font-size: 10pt;
    }
    .navlinks a {
      text-decoration: none;
      color: blue;
    }
    .navlinks a:visited {
      text-decoration: none;
      color: blue;
    }
    .navlinks a:hover {
      text-decoration: underline;
      color: blue;
    }
    
   html.nonscroll { 
      overflow:hidden; 
   } 
   body.nonscroll {    
      overflow:hidden; 
      height:100%; 
   } 
   div.nonscroll { 
      overflow-x:auto;
      overflow-y:scroll; 
   } 
}


/* Index.php styles */
 
    html {
      overflow: hidden;
    }
    body { 
      margin:0;
      padding:0;
      height:100%;
      overflow:hidden; 
      background: #78ae40 url('background.jpg') top left repeat-x;
    }

    #hmheadbox {
      position: absolute;
      left: 10px;
      right: 10px;
      top: 5px;
      height: 70px;
      /* background:url(background-logo.png) top left no-repeat; */
      z-index: 998; /* header to front -> menus overlap topic frame */  
      }
    #navbar {
      margin:70px 0 0 15px;
      z-index: 999;  
      }
    #navbar img {
      border:none;      
      margin-right:10px;
      }             
    #hmnavbox {
      position: absolute;
      left: 10px;
      width: 245px;
      min-width: 50px;
      top: 110px;
      bottom: 10px;                                    
      /* Navigation panel background, remove for transparent: */
      background: url('background-white50.png');  
	  overflow-x: auto; overflow-y: scroll;
      }

    #hmcontentbox {
      position: absolute;
      top: 60px;
      right: 10px;
      bottom: 10px;
      left: 260px;      
      background: #FFF;
      box-shadow: 0px 4px 12px #777;
      }

    iframe {
      position: absolute;left:0;top:0;width:100%;height:100%;border:none;
      }
  
    /* CSS for main navigation menus */
    #primary_nav {       
        position:absolute;
        display: block;
        font-size: 14px;
        top:  20px;    /* top position for menu */
        left: 260px;   /* left position for menu */
    }
    			
    #nav a:link    { color: #FFFFFF; text-decoration: none }
    #nav a:visited { color: #FFFFFF; text-decoration: none }
    #nav a:hover   { color: #FFFFFF; text-decoration: none } 
						 
    #nav, #nav ul {   
	z-index: 999;
	line-height: 1.4;
	list-style: none;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	border: none;
	padding: 0;
	margin: 0;
    }

    #nav a {
	display: block;
	width: auto;   /* main menu entry -> automatic width */
	text-decoration: none;
	margin: 5px 10px 5px 10px;  /* y, x - for all menu entries */
    }

    #nav li {
	float: left;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    /* dropdown menu box */
    #nav li ul {  
	position: absolute;
	left: -9990px;
	height: auto;
	width: 200px;  /* width of dropdown menu */
	font-weight: normal;
	line-height: 1.2;
	background: url('background-menu.png');  /* background of dropdown menu */
	border: none; 
	border-top: none;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
	box-shadow: 1px 1px 6px #555;
	padding: 8px 0 8px 0;
	margin: 0;
    }

    #nav li li {
	width: 200px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    /* dropdown entry */
    #nav li ul a {  
        text-align: left;
	width: 13em;
	background: transparent;
    }

    #nav li ul a.subnav {
	width: 13em;
    }

    #nav li ul ul {
	width: 200px;
	margin: -2em 0 0 13.5em;  /* position of sub-dropdowns */
    }

    #nav hr {	
		height: 1px; 
		border: none;
		border-bottom: 1px solid #005000; 
		margin: 2px 8px 2px 10px; 
		padding: 0;
    }		

    #nav a.selected { 
	border-bottom: 3px #005000 solid; /* orange */
    }

    #nav li.subentry { 
	text-indent: 10px;
	line-height: 1.0;
	padding: 0;
    }

    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
    }

    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
    }

    #nav li:hover, #nav li.sfhover {
        /* background color of hovered main menu entry */
	background: url('background-menu.png') top center no-repeat;  
    }

    #nav li li:hover, #nav li li.sfhover {
        /* bg col of hovered dropdown menu entry = selection bar */
	background: #005000; 
    }

    #nav li li.separator:hover, #nav li li.separator {
	background: transparent;
    }

    #nav li li.hr:hover, #nav li li.hr {
	background: transparent;
    }

    #nav a.selected {                         
        /* indicator class "selected" for main menu  */ 
        color: #005000;
	border-bottom: 1px #005000 solid; 
    }
    /* End main navigation menus */      


      div#printheader { display: none; }
      #idheader { width:100%; 
                  height:auto; 
                  padding: 0; 
                  margin: 0; 
       } 
      #idcontent { 
		position:absolute; 
		overflow-x: auto; 
		overflow-y: scroll;
		top:48px; bottom:0px;
		}                                               
      #callout-table, #overview-table {display:block; position:relative; top:0; left:0;}
      #callout-icon {display:block; position:absolute; top:-11px; left:-11px;}
      #callout-icon-flag {display:block; position:absolute; top:-11px; left:-8px;}
      #callout-table a {text-decoration: none; color: blue;}
      #callout-table a:visited {text-decoration: none; color: blue;}
      #overview-table a {text-decoration: none; color: black;}
      #overview-table a:visited {text-decoration: none; color: black;}
      #callout-table a:hover, #overview-table a:hover {text-decoration: underline;}      
      #switchtoggles { text-align: right; padding: 0 5px 0 0; font-size: 90%; } 
      p.help-url { margin: 20px 0 5px 0; text-align: center; font-size: 80%; text-decoration: none }

/* Navigation styles */
       .heading1 { font-size: 10pt; color: #000000; text-decoration: none; }
       .heading2 { font-size: 10pt; color: #000000; text-decoration: none; }
       .heading3 { font-size: 10pt; color: #000000; text-decoration: none; }
       .heading4 { font-size: 10pt; color: #000000; text-decoration: none; }
       .heading5 { font-size: 10pt; color: #000000; text-decoration: none; }
       .heading6 { font-size: 10pt; color: #000000; text-decoration: none; }

       .hilight1 { font-size: 10pt; color: #FFFFFF; background: #005000; text-decoration: none; }
       .hilight2 { font-size: 10pt; color: #FFFFFF; background: #005000; text-decoration: none; }
       .hilight3 { font-size: 10pt; color: #FFFFFF; background: #005000; text-decoration: none; }
       .hilight4 { font-size: 10pt; color: #FFFFFF; background: #005000; text-decoration: none; }
       .hilight5 { font-size: 10pt; color: #FFFFFF; background: #005000; text-decoration: none; }
       .hilight6 { font-size: 10pt; color: #FFFFFF; background: #005000; text-decoration: none; }

       ::selection {
         background: #78ae40; /* Safari */
         color: #FFFFFF;
       }
       ::-moz-selection {
         background: #78ae40; /* Firefox */
         color: #FFFFFF;
       }

       /* TOC LIST CSS */
       #toc    { padding:0; margin:0 }
       #toc li { margin-top:2px; margin-left:0; padding:1px }
       #toc ul { padding-left:0; margin-left:0px }       
       /* TOC LIST CSS */

       #keyword_entry_div {
       	position: absolute;
       	left: 5px;
       	top: 5px;
       	right: 5px;
       	} 
       #keyword_entry_div p {
       	font-weight: bold;
       }
       #keyword_list_div {
       	position: absolute;
       	left: 5px;
       	top: 45px;
       	right: 5px;
       	bottom: 5px;
       	padding:0;
       	} 
       #keyword_entry {
       	border: 1px solid silver;
       	width: 100px;
       	}
       #keyword_list {
       	border: 1px solid silver;
       	width: 100%;
      	height: 100%; 
       	}
       #keyword_menu {
        display: none;
	background: #fff;
       	border: 1px solid silver;
	padding: 10px;
	box-shadow: 4px 4px 8px #888;
	border-radius: 6px 6px;
       	}
       #keyword_menu a {
       	display: block;
        text-decoration: none;
	color: #000;
	padding: 2px 2px 2px 18px;
	background: url(hm-keyword-page-icon.gif) top left no-repeat;
       	}
       #keyword_menu a:hover {
       	background: #225687 url(hm-keyword-page-icon.gif) top left no-repeat;
        text-decoration: none;
	color: #fff;
       	}               
       #keyword_menu_no_entry {
        display: none;
	    background: #fff;
       	border: 1px solid silver;
	    padding: 5px;
	    box-shadow: 4px 4px 8px #888;
	    border-radius: 6px 6px;
	    width: 50%;
	    font-size:80%;
       	}