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

#menu {
clear: both;
width: 870px;
margin: 0 auto;
padding-top: 1px;
margin-bottom: 5px;
}

/* The wrapper clears the floating elements of the menu */
/* Fix for Opera 8 */
.clearb { clear: both; }

#menuwrapper { 
max-height: 40px;
font-family: verdana, sans-serif;
font-size: 11px;	
font-weight: bold;
background: #fff url("uploads/images/background/bg-nav.jpg") top repeat-x;
position: relative;
z-index:999;
height: 40px;
width: 100%;
}

/* 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 { 
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; 
margin-left: 0px;
}
#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: 12px 12px; 
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: url("uploads/images/menu/hover-background.png");
}
	
#primary-nav li li a { 
padding: 4px 5px;
margin-top: 1px;
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; 
}	

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

#menu_vert {
margin-top: 0px;
font-family:'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
font-size: 14px;
/*border-bottom: 3px solid #006633;*/
}
#menu_vert ul {
padding: 0;
margin: 0;
}
#menu_vert ul ul {
background: #ca5105 url(uploads/images/menu/bg-orange.png) repeat-x top;
}
#menu_vert li {
list-style: none;
border-bottom: 1px solid #c0c0c0;
margin: 0;
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-weight: normal;
padding: 8px 0.5em 8px 10px;
color: #333;
min-height:1em;
}

	/* second level */
	div#menu_vert ul ul a {
	padding: 0.5em 0.5em 0.5em 15px;
	border-top: 1px solid #fff;
	color: #fff;
	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: #ffdcc5;
		color: #333;
		}

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

	/* second level */
	div#menu_vert ul ul a:hover {
	background: url(uploads/images/menu/menuArrow.png) no-repeat 0px 50%;
	color: #f3e0d5;
	}
		/* 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 a.activeparent {
font-weight: bold;
}
	div#menu_vert ul ul a.activeparent {
	background: url(uploads/images/menu/menuArrow.png) no-repeat 0px 50%;
	color: #f3e0d5;
	}
		div#menu_vert ul ul ul a.activeparent {
		background-color: #ffdcc5;
		background-image: none;
		color: #333;
		text-decoration: underline;
		}

			
/* section header */
div#menu_vert li.sectionheader {
border-right: none;
font-weight: bold;
padding: 10px 0.5em 10px 10px;
background-color: #444;
color: #f0f0f0;
line-height: 1em; 
margin: 0;
text-align:left;
}

/* separator */
div#menu_vert li.separator {
height: 1px !important;
margin-top: -1px;
margin-bottom: 0;
padding:2px 0 2px 0;
overflow:hidden !important;
line-height:1px !important;
font-size:1px; /* for ie */
}

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



/* HEADERLINKS ///////////////////////////////////////////////////////////////////////// */

#headerLinks {
text-decoration : none; 
font-size:11px;
float:right;
text-align: right;
margin-top: 30px;
color: #333;
} 
#headerLinks a {
text-decoration : none; 
color: #1d4f94;
font-weight: bold;
} 
#headerLinks a:hover {
text-decoration : underline; 
color: #5589bb;
}

#headerLinks h1 {
Font-size: 14px;
color: #555;
margin-bottom: 5px;
}

/* BREADCRUMB ///////////////////////////////////////////////////////////////////////// */

.breadcrumbs {
font-family : verdana, arial, geneva, sans-serif; 
font-size : 10px; 
font-weight : normal;
text-align: left;
color : #000; 
padding: 10px 0px;
clear: both;
} 
.breadcrumbs a {
text-decoration : underline; 
padding: 0px 2px;
color : #1d4f94; 
} 
.breadcrumbs a:hover {
text-decoration : none; 
color: #5589bb;
}
/* End of 'Navigation' */