/* ----- NAVMENU Styling ----- */
#NavMenu {
width: 800px; /* Change width of background */
height: 40px; /* Change height of background */
position: relative;
margin: 0 auto;
padding: 0;
border: 0px solid black; /* Change Border Around Navigation */
}
#NavMenuleft {
width: 800px; /* Change width of navigation */
float: none;
margin: 0 auto;
padding: 0; }
#nav {
margin: 0 auto;
padding: 0;
border: 0px solid black; }
#nav ul {
float: none;
list-style: none;
margin: 0;
padding: 0;
overflow: visible; }
#nav li a, #nav li a:link, #nav li a:visited {
color: #666666; /* Change colour of link */
display: block;
margin: 0;
padding: 10px 15px 10px; /* Change spacing */
}
#nav li a:hover, #nav li a:active {
color: #0099CC; /* Change color of text on hover over */
margin: 0;
padding: 10px 15px 10px; /* Change Spacing */
text-decoration: none; /* Change to underlined or none for look when hovered over */
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #ffffff; /* Change background colour of drop down text */
width: 150px;
color: #333; /* Change colour of text */
float: none;
margin: 0;
padding: 7px 10px; /* Change Spacing */
}
#nav li li a:hover, #nav li li a:active {
background: #0099CC; /* background color of drop down items on hover over */
color: #eeeeee; /* text color of drop down items on hover over */
padding: 7px 10px; }
#nav li {
float: none;
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
border: 0px solid black; }
#nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; }
#nav li ul a { width: 140px; }
#nav li ul ul { margin: -32px 0 0 171px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover {position: static;}