/* Start of CMSMS style sheet 'main-menu' */
/* Start of CMSMS style sheet 'Glassy Red Menu' */
/* CMS Made Simple - Glassy Red Theme */
/* 2007 (c) MT Jordan - mtjo62@gmail.com */

/**** General tags ****/


/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}

#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
   
}

#primary-nav li ul
{
    background: #fff;
    margin: 3px 0 0 -9px;
    padding: 1px 2px 2px 2px;
    width: auto;
    height: auto;
    display: none;
    position:absolute;
    z-index: 999;
}

#primary-nav li ul a
{
    text-align: left;
    margin-top: 0px;
    padding-bottom: 0px;
    position: relative;
}


#primary-nav li li:hover
{
    float: none;
    margin: 0px;
    padding: 0px;
    border: 0;
position:relative;
z-index:2000;
}
#primary-nav li:hover ul ul, #primary-nav li.cssHover ul ul
{
    display: none;
}
#primary-nav li:hover ul, #primary-nav li.cssHover ul
{
    background: #fff;
    display: block;
}
#primary-nav li:hover, #primary-nav li.cssHover
{
    background: #C93F3F url(http://www.surrett.org/uploads/images/redglassy/button_red_hover.png) center repeat-x;
    padding: 2px 8px;
    margin-top: 0px;
    border: 1px solid #222;
    color: #fff;
}
#primary-nav ul li a
{
    color: #000;
    padding: 4px 8px 4px 4px;
    border: 0;
}
#primary-nav ul li a:hover
{
    color: #000;
    background: #ccc;
    border: 0;
}
#primary-nav ul li
{
    background: #fff;
    padding: 0;
    margin-top: 2px;
    color: #000;
    border: 0;
}
#primary-nav ul li:hover, #primary-nav ul li.cssHover
{
    background: #ccc;
    padding: 0;
    margin-top: 2px;
    color: #fff;
    border: 0;
}
li.selected {}
a.module
{
    background: #eee;
    color: #000;
}
a.first_module
{
    background: #ccc;
    color: #000;
}
a.module:hover, a.first_module:hover
{
    background: #ccc;
    color: #000;
}
#primary-nav li.sep
{
   line-height: 0;
   border-bottom: 0;
}


#primary-nav li
{
    background: #C93F3F url(http://www.surrett.org/uploads/images/redglassy/button_red.png) center repeat-x;
    margin: 0px 2px;
    float: left; 
    padding: 2px 8px;
    margin-top: 0px;
    border: 1px solid #222;
    color: #fff;
}

#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 2px 5px; 
   text-decoration: none; 
   color: #fff;
}

#primary-nav ul ul { 
   margin-top: 0px;
   margin-left: -100px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li li { 
   margin-left: 0px;
   margin-top: 0px;
   float: none; 
   position: relative; 
}

#primary-nav li li a { 
   border: 0px;
}	

#primary-nav li, #primary-nav li.menuparent { 
   background-color: #ececec; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #C7C7C7; 
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #E7AB0B; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* End of 'Navigation: CSSMenu - Horizontal' */


/* End of 'Glassy Red Menu' */
/* End of 'main-menu' */