/* Start of CMSMS style sheet 'Navigation: HatboxSimple - Horizontal' */
/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
div#menu_horiz {
   background-color: inherited;  /* background color for the entire menu row */
   width: 80%;
   margin: 0;
   font-size: .8em;                           
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #660066;
/*   border-left:  1px solid #660066; */
   height:6.2em;
}


/* menu list items */
div#menu_horiz li {
   float: right; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   margin: .4em 0 ;
   border-right: 1px solid #660066;
}


/* the links, that is each list item */
div#menu_horiz a {
   padding: 0 .2em 0 .2em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #800080;
 /*  background: 0.5em center;*/
   display: block; /* IE has problems with this, fixed above */
}

/* hover state for links */
div#menu_horiz li a:hover {
   background-color: yellow;
}

div#menu_horiz h3 {
   padding: 0 .2em 0 .2em; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #fff;
   background: #660066;
   display: block; /* IE has problems with this, fixed above */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
}

/* End of 'Navigation: HatboxSimple - Horizontal' */