/* Start of CMSMS style sheet 'Navigation' */
/* HORIZONTAL CSS ///////////////////////////////////////////////////////////////////////// */

/* The wrapper clears the floating elements of the menu */
/* Fix for Opera 8 */
.clearb { clear: both; }

#menuwrapper { 
max-height: 38px;
font-family: verdana, sans-serif;
font-size: 11px;	
font-weight: bold;
position: relative;
z-index:999;
height: 38px;
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; 
padding: 0px; 
float: right;
}
#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:10px;
text-transform: uppercase;

text-decoration: none; 
}
#primary-nav li a { 
color: #f0f0f0;
}
#primary-nav li a:hover { 
text-decoration: underline;
color: #f0f0f0;
}

#primary-nav ul { 
background: url("uploads/images/background/bg-dropdown.png");
padding: 7px;
margin-top: 0px;
padding-top: 0px;
}	
#primary-nav li li a { 
padding: 4px 5px;
margin-top: 1px;
color: #f0f0f0;
text-align:left;
border-right: 0px;
font-weight: normal;
}	
	
#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: arial, verdana, 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
font-size: 14px;
}
#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: 5px 10px;
color: #2b5b8a;
min-height:1em;
}

	/* second level */
	div#menu_vert ul ul a {
	font-size: 13px;
	padding: 0px 0.5em 0px 25px;
	border-top: 1px solid #fff;
	color: #666;
	background: url(images/cms/arrow.gif) no-repeat 10px 3px;
	font-weight: normal;
	}
		/* third level */
		div#menu_vert ul ul ul a {
		font-size: 16px;
		padding: 8px 0.5em 8px 25px;
		font-weight: normal;
		color: #333;
		}

	
/* first level links */
div#menu_vert a:hover {
color: #2b5b8a;
background-color: #f6f6f6;
}

	/* second level */
	div#menu_vert ul ul a:hover {
	background: url(images/cms/arrow.gif) no-repeat 10px 3px;
	color: #ff6600;
	}
		/* 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(images/cms/arrow.gif) no-repeat 10px 3px;
	font-weight: bold;
	}
		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 {
background: #fff url(uploads/images/background/bg-section.jpg) repeat-x top;
font-weight: bold;
height: 15px;
padding: 8px 10px;
color: #444;
line-height: 1em; 
border-bottom: 0px;
border-top: 3px solid #ccc;
margin: 0px;
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 {
font-family : verdana, arial, geneva, sans-serif; 
font-size : 11px; 
font-weight : normal;
color: #f0f0f0;
width: 500px;
padding-top: 10px;
text-align: right;
padding-right: 10px;
float: right;
} 
#headerlinks a {
text-decoration : none; 
color: #f0f0f0;
font-weight: normal;
} 
#headerlinks a:hover {
text-decoration : underline; 
color: #ffffff;
}

/* BREADCRUMB ///////////////////////////////////////////////////////////////////////// */

.breadcrumbs {
/*background: #fff url(uploads/images/background/bg-breadcrumbs.jpg) repeat-x top center;*/
background-color: #c26b4f;
font-family : verdana, arial, geneva, sans-serif; 
border-top: 3px solid #fff;
font-size : 10px; 
font-weight : normal;
text-align: left;
color : #f0f0f0; 
padding: 7px 10px;
clear: both;
} 
.breadcrumbs a {
text-decoration : underline; 
padding: 0px 2px;
color : #f0f0f0; 
} 
.breadcrumbs a:hover {
text-decoration : none; 
color: #f0f0f0;
}
/* End of 'Navigation' */

