/* Start of CMSMS style sheet 'Crystal-simple-horizontal' */
/* CSS classes used in this template:
.activeparent - The top level parent when a child is the active/current page
li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools stylesheet in the default CMSMS installation.
li.sectionheader h3 - To style section header
li.separator - To style the ruler for the separator */

/********************
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: #192666;  /* background color for the entire menu row */
   margin:0 5px; 
   padding:10px 0 0 0;
    _height:1px;
}

/* 
the menu ul box has top and left border, 
right border is provided by the li elements 
*/
div#menu_horiz ul {
   margin: 0 10px;
   padding: 0;
   list-style:none;
}


/* menu list items */
/* #menu_horiz ul li {margin:0 5px 0 0; padding:0; float:left;}*/
div#menu_horiz li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */ 
   margin: 0 5px 0 0;
   padding: 0;
   
}
div#menu_horiz ul li a span.tab-l, #menu_horiz ul li a:hover span.tab-l {
   position:absolute;
   top:0; left:0;
   _left:-15px;
   width:8px;
   height:8px;
   background:url("../design/tab_link_l.gif") 0 0 no-repeat;
}
div#menu_horiz ul li a span.tab-r, #menu_horiz ul li a:hover span.tab-r {
   position:absolute;
   top:0;
   right:0;
   _right:-1px;
   width:8px;
   height:8px;
   background:url("../design/tab_link_r.gif") 100% 0 no-repeat;
}

/* the links, that is each list item */
/* #menu_horiz ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("../design/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
*/
div#menu_horiz a {
   padding: 7px 15px; /* padding inside the list item box */
   border: 0;
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #B5C4E3;
   font-weight:bold;
   background: url("../design/tab_link.gif") 0 0 repeat-x;
   position:relative;
   display: block; /* IE has problems with this, fixed above */
   cursor:pointer;
}

/* hover state for links */
div#menu_horiz li a:hover {
   background:url("../design/tab_hover.gif") 0 0 repeat-x;
   color:#FFF;
}
div#menu_horiz ul li a:hover span.tab-l {
   background:url("../design/tab_hover_l.gif") 0 0 no-repeat;
}
div#menu_horiz ul li a:hover span.tab-r {
   background:url("../design/tab_hover_r.gif") 100% 0 no-repeat;
}

div#menu_horiz a.active:hover {
   background:#FFF;
   color:#99CC33;
}
div#menu_horiz ul li h3 span.tab-l {
   position:absolute;
   top:0; left:0;
   _left:-15px;
   width:8px;
   height:8px;
   background:url("../design/tab_active_l.gif") 0 0 no-repeat;
}
div#menu_horiz ul li h3 span.tab-r {
   position:absolute;
   top:0;
   right:0;
   width:8px;
   height:8px;
   background:url("../design/tab_active_r.gif") 100% 0 no-repeat;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_horiz li.activeparent a {
   background:#FFF;
   color:#99CC33;
}
div#menu_horiz a.activeparent span.tab-l {
   position:absolute;
   top:0; left:0;
   _left:-15px;
   width:8px;
   height:8px;
   background:url("../design/tab_active_l.gif") 0 0 no-repeat;
}
div#menu_horiz a.activeparent span.tab-r {
   position:absolute;
   top:0;
   right:0;
   width:8px;
   height:8px;
   background:url("../design/tab_active_r.gif") 100% 0 no-repeat;
}
div#menu_horiz a.activeparent:hover span.tab-l {
   position:absolute;
   top:0; left:0;
   _left:-15px;
   width:8px;
   height:8px;
   background:url("../design/tab_active_l.gif") 0 0 no-repeat;
}
div#menu_horiz a.activeparent:hover span.tab-r {
   position:absolute;
   top:0;
   right:0;
   width:8px;
   height:8px;
   background:url("../design/tab_active_r.gif") 100% 0 no-repeat;
}


div#menu_horiz h3 {
   border:0;
   padding: 9px 15px; /* padding inside the list item box */
   margin: 0 ; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #99CC33;
   background: #FFF ;
   position: relative;
   display: block; /* IE has problems with this, fixed above */
   font-weight:bold; /* instead of the normal font size for <h3> */
}

/* End of 'Crystal-simple-horizontal' */