/* Start of CMSMS style sheet 'Navigation: Simple - 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 {
   font-size: 1.1em;
   background-color: transparent;
   width: auto;
   height: 25px;
   margin: 0 auto;
   padding-top: 33px;
   color: #ffffff;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul {
   margin: 0 auto;
   vertical-align: bottom;
   height: 25px;
   width: 630px; // (106px + (margin)) * (num_menuitems)
}


/* menu list items */
div#menu_horiz li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   padding: 0;
   margin: 0 10px;
   width: 106px;
   height: 25px;
   cursor: default;
}


/* the links, that is each list item */
div#menu_horiz a {
   text-decoration: none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   text-align: center;
   color: #ffffff;
   line-height: 25px;
}


/* hover state for links */
div#menu_horiz li a:hover {
   background-color: transparent;
   background-image: url(uploads/images/header_item_bg.png);
   background-repeat: no-repeat;
   width: 106px;
   height: 25px;
   text-align: center;
   line-height: 25px;
}

div#menu_horiz h3 {
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   background-image: url(uploads/images/header_item_bg.png);
   background-repeat: no-repeat;
   width: 106px;
   height: 25px;
   text-align: center;
   line-height: 25px;
}

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

