/* Start of CMSMS style sheet 'Navigation ==' */
/* HORIZONTAL CSS ///////////////////////////////////////////////////////////////////////// */

#menu {
clear: both;
margin-top: 5px;
}
	.clearb { 
	clear: both; 
	}

#menuwrapper { 
font-family: verdana, sans-serif;
font-size: 12px;	
font-weight: bold;
background: url(images/background/bg-nav.jpg) top no-repeat;
position: relative;
height: 40px;
max-height: 40px;
z-index: 2;
}
div.menu_separator {
width: 25px;
}

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

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

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

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
display: block; 
margin: 0px;
padding: 12px 17px; 
padding-bottom:13px;

text-decoration: none; 
}
#primary-nav li a { 
color: #f0f0f0;
}
#primary-nav li a:hover { 
text-decoration: underline;
color: #f0f0f0;
}

#primary-nav ul { 
padding: 7px;
padding-top: 0px;
margin-left: -1px;
background: #000 url("images/background/bg-cssmenuNO.png");
}
	
#primary-nav li li a { 
padding: 6px 5px;
font-size: 11px;
/*border-top: 1px solid #333;*/
color: #f0f0f0;
text-align:left;
font-weight: bold;
}	
	
#primary-nav li ul a:hover { 
text-decoration: none;
}		
#primary-nav li li a:hover { 
color: #f0f0f0;
text-decoration: underline;
}		
#primary-nav li li a.menuparent:hover { 
color: #f0f0f0;
text-decoration: underline;
}	
#primary-nav li, #primary-nav li.menuparent {
color: #f0f0f0;
}

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

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




#primary-nav a.menuparent {
color: #f0f0f0;
}
#primary-nav li.menuparent a.menuparent {
color: #f0f0f0;
}
#primary-nav li.menuparent a.menuparent:hover {
color: #f0f0f0;
}




#primary-nav li li a.menuparent {
color: #f0f0f0;
}
#primary-nav li li.menuparent a.menuparent {
color: #f0f0f0;
}
#primary-nav  li li.menuparent a.menuparent:hover {
color: #f0f0f0;
}


#primary-nav li.menuactive a { 
color: #f0f0f0;
}
#primary-nav li.menuactive a.menuactive  { 
color: #f0f0f0;
}
#primary-nav li.menuactive a.menuactive:hover  { 
color: #f0f0f0;
}
#primary-nav li.menuactive li a.menuactive  { 
color: #f0f0f0;
text-decoration: none;
}
#primary-nav li.menuactive li a.menuactive:hover  { 
text-decoration: underline;
color: #f0f0f0;
}



/* 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: #fff url("images/nav.jpg") top repeat-x;*/
}

#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; 
}

#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%; 
}

#primary-nav li#pre { 
background: #fff url("images/nav.jpg") top repeat-x;
border-right: 1px solid #336799;
display: block; 
margin: 0px;
padding: 12px 0px;
padding-left:0px;  
padding-bottom:13px; 
text-decoration: none; 
}

/* MENU VERTICAL /////////////////////////////////////////////////////////////////////////// */

#menu_vert {
margin-top: 10px;
margin-right: 15px;
}
#menu_vert ul {
padding: 0;
margin: 0;
}
#menu_vert ul ul {

}
#menu_vert li {
list-style: none;
margin: 0;
border-bottom: 1px solid #c0c0c0;
display: block;
}
#menu_vert ul ul li {
border: none;
}

	/** fix stupid ie bug with display:block; **/
	* html #menu_vert li a { height: 1%; } 
	* html #menu_vert li hr { height: 1%; }
	/** end fix **/

	
/* first level links */
div#menu_vert a {
text-decoration:none;
display: block;
font-size: 12px;
font-weight: bold;
padding: 10px 0.5em 10px 10px;
color: #06638e;
min-height:1em;
}

	/* second level */
	div#menu_vert ul ul a {
	padding: 0.5em 0.5em 0.5em 15px;
	color: #000;
	background: url(uploads/Clean_Orange/menu_arrows2.gif) no-repeat 7px 11px;
	font-weight: normal;
	}
		/* third level */
		div#menu_vert ul ul ul a {
		padding: 0.5em 0.5em 0.5em 15px;
		font-weight: normal;
		background-color: #fff;
		color: #333;
		}

	
/* first level links */
div#menu_vert a:hover {
color: #06638e;
}

	/* second level */
	div#menu_vert ul ul a:hover {
	background: url(uploads/images/menu/menuArrow.png) no-repeat 0px 50%;
	color: #444;
	}
		/* third level */
		div#menu_vert ul ul ul a:hover {
		background-color: #ffdcc5;
		background-image: none;
		color: #333;
		text-decoration: underline;
		}

		
/* active parent */
div#menu_vert li.currentpage h3 {
text-decoration:none;
display: block;
font-size: 12px;
font-weight: bold;
padding: 10px 0.5em 10px 10px;
margin:0px;
color: #06638e;
min-height:1em;
}

	/* second level */
	div#menu_vert ul ul li.currentpage h3 {
	padding: 0.5em 0.5em 0.5em 15px;
	color: #000;
	background: url(uploads/Clean_Orange/menu_arrows2.gif) no-repeat 7px 11px;
	font-weight: normal;
	}
		/* third level */
		div#menu_vert ul ul ul li.currentpage h3 {
		padding: 0.5em 0.5em 0.5em 15px;
		font-weight: normal;
		background-color: #fff;
		color: #333;
		}

			
/* menuactive  */
div#menu_vert li.menuactive a,
div#menu_vert li.menuparent a {
color: #999;
}

#menu_vert li.sectionheader {
background: url(images/background/bg-callout.jpg) no-repeat bottom left;
color: #f0f0f0;
font-weight: bold;
font-size: 12px;
padding: 7px 10px;
line-height: 1em; 
border: 0px;
margin: 0;
text-align:left;
}

/* separator */
div#menu_vert li.separator {
border:0px;
height: 10px;
}

div#menu_vert li.separator hr {
display: none;
}

/* BREADCRUMBS ///////////////////////////////////////////////////////////////////////// */

#breadcrumbs {
background: url(images/background/bg-breadcrumb.jpg) repeat-x bottom center;
font-family : verdana, arial, geneva, sans-serif; 
font-size : 10px; 
font-weight : normal; 
text-decoration : none; 
color : #000; 
padding: 10px;
width: 880px;
float: left;
} 
#breadcrumbs a {
text-decoration : none; 
padding: 0px 2px;
color : #666666; 
} 
#breadcrumbs a:hover {
text-decoration : none; 
color : #a2a156; 
}

/* CLIENT AREA MENU /////////////////////////////////////////////////////////// */

#camenu {
background: url(images/background/bg-breadcrumb.jpg) repeat-x bottom center;
height:30px;
width: 890px;
line-height:30px;
margin:0;
padding:0;
padding-left: 10px;
text-align:left;
float: left;
}
#camenu ul {
list-style:none;
margin:0;
padding:0;
}
#camenu ul li {
float:left;
margin:0;
padding:0;
}
#camenu ul li a,
#camenu ul li a:visited {
color:#336699;
font-weight: bold;
height:30px;
line-height:30px;
padding:0px 3px;
text-align:center;
text-decoration:none;
}
#camenu ul li a:hover {
/*background-color:#f0f0f0; */
color:#333;
}

/* End of 'Navigation ==' */