/* Start of CMSMS style sheet 'Luing NavTop CSS' */
/* Luing Cattle Society - Top Menu */

#nav-top-container {
margin:0;
background:url(images/layout/nav-top-bg.jpg) repeat-x;
height:64px;
}

/* The wrapper clears the floating elements of the menu */
/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper-top { 
/* Fix for Opera 8 */ 
/*   overflow: hidden;  */ 
width: 100%;
}

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

/* Unless you know what you do, do not touch this */ 
#nav-top, #nav-top ul { 
list-style: none; 
margin: 0px; 
padding: 0px;
z-index:1000;
}

#nav-top {
padding:35px 0 0 0;
float:right;
}

#nav-top ul { 
position: absolute; 
top: auto; 
display: none; 
}

#nav-top ul ul { 
margin-top: 1px;
margin-left: -1px;
left: 100%; 
top: 0px; 
}

#nav-top li { 
margin-left: -1px;
float: left; 
}

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

/* Styling the basic appearance of the menu elements */
#nav-top a { 
display: block; 
margin: 0px; 
padding: 5px 10px; 
text-decoration: none; 
font-size:13px;
font-weight:bold;
color: #fff;
}

#nav-top li a { 

}

#nav-top li li a { 
border: 1px solid #C0C0C0;
background:#000;
color:#fff;
}
	
#nav-top li, #nav-top li.menuparent { 

}

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

#nav-top li.menuactive { 
color:#f6d78e;
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#nav-top ul li.menuparent, 
#nav-top ul li.menuparent:hover, 
#nav-top ul li.menuparenth { 
/* arrow for menuparents */
/*background-image: url(images/cms/arrow.gif); 
background-position: center right; 
background-repeat: no-repeat; */
color:#f6d78e;
}


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

#nav-top li:hover, 
#nav-top li a:hover, 
#nav-top li.menuh, 
#nav-top li.menuparenth, 
#nav-top li.menuactiveh { 
/*background-color: #E7AB0B; */
color:#f6d78e;
/*text-decoration:underline;*/
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#nav-top li:hover ul ul, 
#nav-top li.menuparenth ul ul ul,
for fourth level 
*/
#nav-top ul, 
#nav-top li:hover ul, 
#nav-top li:hover ul ul, 
#nav-top li.menuparenth ul, 
#nav-top li.menuparenth ul ul { 
/*display: none; */
}

/* add 
#nav-top ul ul ul li:hover ul, 
#nav-top ul ul ul li.menuparenth ul,
for fourth level
*/
#nav-top li:hover ul, 
#nav-top ul li:hover ul, 
#nav-top ul ul li:hover ul, 
#nav-top li.menuparenth ul, 
#nav-top ul li.menuparenth ul, 
#nav-top ul ul li.menuparenth ul { 
display: block; 
}


/* IE Hacks */
#nav-top li li { 
float: left; 
clear: both; 
}
#nav-top li li a { 
height: 1%; 
}
/* End of 'Luing NavTop CSS' */