/* ####################################
   Main Menu
   ################################## */

/* ##########  
   GLOBAL - List Layout
   ########## */

#nav {
    /* The nav object. (A <ul> in the standard platform.) */
	position: relative; /* DON'T CHANGE - Assures nav container has proper cascading position. */
	float: left; /* DON'T CHANGE - Makes IE and FF behave the same regarding ul dimensions. */
	margin: 0; /* DON'T CHANGE - Removes margin around the ul for neat layout. */
	padding: 0; /* DON'T CHANGE - Removes padding within the ul for neat layout. */
	
	list-style: none; /* DON'T CHANGE - Removes bullet points from list items. */
	
	width: 100%;
}

#nav li {
    /* All list items within the nav object */
	float: left; /* DON'T CHANGE - This makes the top level horizontal. */
}

    #nav li:hover, #nav li.sfhover {
        /* All list items within the nav object - Hover */
    }


/* ##########  
   GLOBAL - Anchors (Links)
   ########## */

#nav a {
    /* All anchor tags within the nav object */
	display: block; /* DON'T CHANGE - Fills the width of the li with link rollover. */

	padding: 2px 22px 2px 4px;
	max-width: 89px;
	
	color: #ffffff;
	text-decoration: none;
	
	background: #A7A9AC url('./images/menu_curve_off.gif') top right no-repeat;
}

    #nav a:hover {
        /* All anchor tags within the nav object - Hover */
        text-decoration: none;
        
    	background: #075FAA url('./images/menu_curve_on.gif') top right no-repeat;
    }


/* ##########
   LEVEL 2+ - List Layout
   ########## */

#nav li ul {
    /* Second level lists (all sub lists within list items) */
	position: absolute; /* DON'T CHANGE - Places second level lists in the right spot. */
	left: -1000%; /* DON'T CHANGE - Drop-down hover trick - Hide the menu off the screen. */
	
    margin: 0; /* DON'T CHANGE - Removes margin around the ul for neat layout. */
    padding: 0; /* DON'T CHANGE - Removes padding within the ul for neat layout. */
    
	list-style: none; /* DON'T CHANGE - Removes bullet points from list items. */
	
	font-size: 91.7%;
	border: #E2E3E4 1px solid;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
    /* Second level lists (all sub lists within list items) - Hover over the containing li */
	left: auto; /* DON'T CHANGE - Drop-down hover trick - Re-align the menu on the screen on rollover. */
}

#nav li ul li {
    /* Second level list items */
    float: none; /* DON'T CHANGE - Makes second level list items vertical. */
    
    width: auto;
}
* html #nav li ul li {
    /* IE6 Only */
    height: 19px; /* IE6 is quite fussy about sizing. */
    width: 80px; /* IE6 is quite fussy about sizing. */
}

    #nav li ul li:hover, #nav li ul li.sfhover {
        /* Second level list items - Hover */
    }


/* ##########
   LEVEL 2+ - Anchors (Links)
   ########## */

#nav li ul li a {
    /* Second level list items - Anchor tags */
	max-width: 1000px;
    width: 120px;
    padding: 3px 20px 3px 20px;
    background: #ffffff none;
    
    color: #ADADAD;
}

    #nav li ul li a:hover {
        /* Second level list items - Anchor tags - Hover */
        color: #075FAA;
        background: #ffffff url('./images/swish_blue_small.gif') 4px 4px no-repeat;
    }
    
/* ##########
   Customised Elements
   ########## */

#mainmenu-contact {
}

    #mainmenu-contact .level2 {
            /* margin-left: -50px; */
    }

    #mainmenu-contact .level2 a {
        width: 60px;
    }
    
#mainmenu-faqs {
}
    
    #mainmenu-faqs .level2 a {
        width: 90px;
    }