/* Start of CMSMS style sheet 'subnav' */
#content #sidebar.hascontent .relativescontent h4 
{
        CLEAR: both; 
	font-family: Arial, Helvetica, sans-serif;
	color: #294B5F;
	font-size: 14px;
        padding-top: 10px;
}

.relativescontent ul
{      
        font-size: 13px;
	list-style-position: inside;
        list-style-image: url(img/bullet.gif);
}

#content #sidebar.hascontent h3.currentpage  
{
padding-TOP: 10px;
}

#subnav 
{
CLEAR: both; MARGIN-TOP: 1px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: left; WIDTH: 170px
}

#subnav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#subnav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #e7e7e7
}
#subnav A {
	BORDER-RIGHT: #71a4d8 2px solid; DISPLAY: block; PADDING-LEFT: 12px; FLOAT: left; CURSOR: pointer; COLOR: #646464; LINE-HEIGHT: 200%; HEIGHT: 25px; TEXT-DECORATION: none
}
#subnav A {
	BACKGROUND: url(img/bg-OFF.gif); FLOAT: none; CURSOR: pointer
}
#subnav A:hover {
	BACKGROUND: url(img/bg-ON.gif); CURSOR: pointer; COLOR: #2794d3
}
#current {
	BACKGROUND: url(img/bg-current.gif); CURSOR: pointer; COLOR: #ffffff; LINE-HEIGHT: 200%; HEIGHT: 25px; CLEAR: both; MARGIN-TOP: 1px; DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: left; WIDTH: 158px; PADDING-LEFT: 12px; 
}
/* End of 'subnav' */

/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */
*html  #menu_vert {
   width: 732px;
   margin-left:13px;

}

#menu_vert {
   width: 732px;
   margin-left:9px;

}

.clearb { clear: both; }
#menuwrapper {
	width: 100%;
	background-image: url(images/menu/menu_bg.jpg);
	background-repeat: repeat-x;
}

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


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}

#primary-nav li { 
   float: left; 
   width:122px;
}

#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 

}

/* Styling the basic apperance of the menu elements */
#primary-nav a {
	display: block;
	margin: 0px;
	padding: 5px 10px;
	text-decoration: none;
	color:#818181; 
	height: 15px;
	font-weight:bold;
	   text-align:center;
}




#primary-nav li a:hover { 
	color:#FFFFFF;
	background-image: url(images/menu/menu_bg.gif);
	background-color:#3F86C9;
}

#primary-nav ul a { 
    background-color: #FFFFFF;
   	border-left:solid 1px #C3C3C3;
	border-right:solid 1px #C3C3C3;
	border-bottom:solid 1px #C3C3C3;
	font-weight:normal;      text-align:left;
}	

#primary-nav ul ul a { 
   background-color: #DEDEDE;
   color:#666666;
   	border-left:solid 1px #C3C3C3;
	border-right:solid 1px #C3C3C3;
	border-bottom:solid 1px #C3C3C3;

}	

#primary-nav li.menuparent {
	background-image: url(images/menu/menu_bg.jpg);
	background-repeat: repeat-x;
}




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

#primary-nav li.menuactive {
	background-image: url(images/menu/menu_bg.jpg);
}


/* 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,
#primary-nav li.menuparenth a.menuparent {
   background-image: url(images/menu/menu_bg.gif);
   color: #FFFFFF;
}

#primary-nav li.menuparenth ul li a.menuparent {
    background: #FFFFFF;
    color:#818181;
}

#primary-nav li.menuparenth ul li ul li a.menuparent {
    background: #DEDEDE;
    color:#666666;
}

#primary-nav li.menuparenth a.menuparent:hover {
    background: #3F86C9 url(images/menu/menu_bg.gif) left top repeat-x;
    color:#FFFFFF;
}

#primary-nav *:hover > a, #primary-nav ul *:hover > a {
color:#FFFFFF;
background-image: url(images/menu/menu_bg.gif);   
}

*html #primary-nav  *:hover > a, #primary-nav  ul *:hover > a {
color:#FFFFFF;
background-image: url(images/menu/menu_bg.gif);   
}

/* 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 'Navigation: CSSMenu - Horizontal' */
/* End of 'Navigation: CSSMenu - Horizontal' */