/* Start of CMSMS style sheet 'navigation' */
/* Fix for Opera 8 */
.clearb { clear: both; }

#primary-nav dfn {
	display:none;
}
/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px;
	 float: left;
}
#primary-nav li ul { 
  position: absolute; 
	background: #C5D5D6;
  display: none; 
  z-index: 1110;
	border: 9px solid #346872;
	top: 147px;
	color: #2D676F;
	font: bold 13px Helvetica, Arial;
	width: 298px;
	padding: 0;
	clear:both;
}

#primary-nav ul  ul { 
	background: #ECF1F2;
	padding: 0 0 6px;	
	position: static;
	border: 0px;
	
}
	
#primary-nav li, #primary-nav li:hover { 
	float: left;
}

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

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
	display: block;
	font: bold 14px Helvetica, Arial;
	color: #fff;
	float: left;
	line-height: 42px;
	padding: 0 0 0 15px;
	margin: 0px;
}

#primary-nav li a span, #primary-nav li  a:visited span {
	padding: 0 15px 0 0;
	line-height: 42px;
	display: block;
}

#primary-nav li a:hover, #primary-nav li a:active, #primary-nav li a.menuactive  {
	text-decoration: none;
	background: url(images/hover.jpg) no-repeat;
}

#primary-nav li  a:hover span, #primary-nav li a:active span, #primary-nav li a.menuactive span {
	background: url(images/hoverend.jpg) no-repeat top right;
}

#primary-nav li strong, 
#primary-nav li li strong {
	padding: 0 20px;
	display: block;
	width: 260px;
	text-decoration: none;
}

#primary-nav li li a, #primary-nav li li a:visited { 
	color: #2D676F;
	display: block;
	background-image: none;
	font: bold 13px Helvetica, Arial;
	line-height: 25px;
	padding: 0 0 0 20px;
	width: 260px;
	text-decoration: none;
}

#primary-nav li#onecolumn1 ul, 
#primary-nav li#onecolumn1 ul li ul,
#primary-nav li#onecolumn2 ul, 
#primary-nav li#onecolumn2 ul li ul
{
	width: 160px;
}

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

#primary-nav li li li  { 
	 width: 145px;
	 display: block;
	 clear:none;
}

#primary-nav li li li a, #primary-nav li li li a:visited { 
	 color: #4E4C4C;
	 font-size: 12px;
	 line-height: 21px;
	 width: auto;
}	


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

#primary-nav li.menuactive a,
#primary-nav li.menuactiveh a,
#primary-nav li.menuparenth a,
#primary-nav li.menuparenth:hover a
{ 
background: url(images/hover.jpg) no-repeat;
}

#primary-nav li.menuactive a span,
#primary-nav li.menuactiveh a span,
#primary-nav li.menuparenth a span,
#primary-nav li.menuparenth:hover a span,
#primary-nav li.menuactive a:visited span,
#primary-nav li.menuactiveh a:visited span,
#primary-nav li.menuparenth a:visited span,
#primary-nav li.menuparenth:hover a:visited span
{
	padding: 0 15px 0 0;
	line-height: 42px;
	display: block;
	background: url(images/hoverend.jpg) no-repeat top right;
}

#primary-nav li li a,
#primary-nav li li a:visited,
#primary-nav li.menuactive li a,
#primary-nav li.menuactiveh li a,
#primary-nav li.menuparent li a,
#primary-nav li.menuparenth li a,
#primary-nav li.menuparenth li:hover a,
#primary-nav li.menuparenth:hover li a,
#primary-nav li.menuparent li.menuparent li a,
#primary-nav li.menuparenth li.menuparenth a,
#primary-nav li.menuparenth li.menuparenth li a,
#primary-nav li.menuparenth li.menuparenth:hover li a
{ 
	background-image: none;
}

#primary-nav li.menuactive li.menuactive li a,
#primary-nav li.menuactive li.menuactive li a:visited,
#primary-nav li.menuactive li.menuactive li.menuh a,
#primary-nav li.menuactive li.menuactive li.menuh a:visited
{
	background-image: none;
	text-decoration: none;
}

#primary-nav li.menuactive li.menuactive a,
#primary-nav li.menuactive li.menuactive a:hover,
#primary-nav li.menuactive li.menuactiveh a,
#primary-nav li.menuactive li.menuactive strong,
#primary-nav li.menuactive li.menuactiveh strong,
#primary-nav li.menuactive li.menuactive li.menuactive a,
#primary-nav li.menuactive li.menuactive li.menuactive a:hover,
#primary-nav li.menuactive li.menuactive li.menuactiveh a,
#primary-nav li.menuactive li.menuactive li.menuactiveh a:hover,
#primary-nav li.menuactive li.menuactive li.menuh a,
#primary-nav li.menuactive li.menuactive li.menuh a:hover
{
	text-decoration: underline;
}

/* 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 {
}


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

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
}


/* 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.menuparenth 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 li.menuparenth ul, 
#primary-nav ul li.menuparenth ul
{ 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}

/* ============= SUBMENU ============ */
/* Fix for Opera 8 */
.submenu dfn {
	display:none;
}
/* Unless you know what you do, do not touch this */ 
.submenu, .submenu ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	background: #C5D5D6;
	color: #2D676F;
	width: 166px;
	float: left;
}
.submenu ul { 
	background: #ECF1F2;
	font: bold 13px Helvetica, Arial;
	padding-bottom: 3px;
}

.submenu {
	margin-bottom: 20px;
}

.submenu li {
	font-size: 0px;
	line-height: 0px;
	clear:both;
}

/* Styling the basic apperance of the menu elements */
.submenu a, .submenu a:visited { 
	display: block;
	font: bold 12px Helvetica, Arial;
	color: #2D676F;
	float: left;
	line-height: 24px;
	padding: 0 9px;
	margin: 0px;
	width: 148px;
}

.submenu li strong {
	padding: 0 9px;
	display: block;
	width: 148px;
	text-decoration: none;
	font: bold 14px/24px Helvetica, Arial;
}

.submenu li li a, .submenu li li a:visited { 
	color: #4E4C4C;
	display: block;
	font: bold 12px/16px Helvetica, Arial;
	text-decoration: none;
}	


.submenu ul ul {
	padding-left: 20px;
}

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

.submenu li.menuactive a, .submenu li li.menuactive a,
.submenu li.menuactive a:visited, .submenu li li.menuactive a:visited,
.submenu li a:hover, .submenu li li a:hover,
.submenu li.menuactive li a:hover
{ 
	text-decoration: underline;
}

.submenu li.menuactive li a, .submenu li li.menuactive li a,
.submenu li.menuactive li a:visited, .submenu li li.menuactive li a:visited
{ 
	text-decoration: none;
}
/* End of 'navigation' */