/*=================================================================== */
/*..................... BASIC MENU SETUP...............*/
/* ================================================================ */ 
.tabsep {font-style:normal !important;}
#menu ul{
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
background-color: #151515;
}

#menu { font-weight:bold;margin-left: 0px; width:960px;  height:12px; position:relative; z-index:100;border-right:0px none #316290; font-style: normal;}
/* hack to correct IE5.5 faulty box model */
* html #menu {width:100%; w\idth:100%;}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0;margin:0;list-style-type:none;}

/* float the list to make it horizontal and a relative position so that you can control the dropdown menu positon */
#menu li {float:left;position:relative;border-style:solid; border-color:black; border-width:1px;}
/* style the links for the top level */
#menu a, #menu a:visited {display:block;text-decoration:none; color:#fff; height:30px; border:0px none #fff; border-width:1px 0 1px 1px; background:#151515; padding-left:5px; line-height:29px; font-weight:bold}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {} 
/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#d4d8bd url(../../images/drop.gif) bottom right no-repeat;}
#menu ul ul a.drop, #menu ul ul a.drop:visited { background-color:Blue}
/* style the second level hover */
#menu ul ul a.drop:hover {background: url(../../images/drop.gif) bottom right no-repeat;}
#menu ul ul :hover > a.drop {background:#9F9F9F url(../../images/drop.gif) bottom right no-repeat;}
/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
#menu ul ul ul a:hover {background:#b2ab9b;} 
/* hide the sub levels and give them a position absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:0px solid red;}
/* another hack for IE5.5 */
* html #menu ul ul {top:32px;t\op:32px;} 
/* position the third level flyout menu */
#menu ul ul ul {left:149px; top:-1px; width:149px;} 
/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:-149px;} 
/* style the table so that it takes no part in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;} 
/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {background:#9F9F9F; color:#316290; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:150px;w\idth:128px;} 
/* style the top level hover */
#menu a:hover, #menu ul ul a:hover {color:#fff; background:red;}
#menu :hover > a, #menu ul ul :hover > a {color:#fff;background:#949e7c;} 
/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul {visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul {visibility:hidden;}
/* make the third level visible whe-n you hover over second level list OR link */
#menu ul :hover ul :hover ul { visibility:visible;}
/**------------ END OF NAVIGATION SET UP*------------ 


/*-------------MENU-----------
Note that menu may also be set in Menu Configuration - be careful to determine which has precedence*/
/*colour of the 1st level menu text*/
#menu ul a { padding-right:15px}
#menu ul a, #menu ul a:visited { color:#fff; font-weight: bold}
/* style the 1st level background */
#menu ul a, #menu ul a:visited {background:#151515;}
/* colour of the1st level hover text */
#menu ul a:hover {color:black;}   /*  #C3004B  */
/* colour of the1st level hover background */
#menu a:hover {background:#D08752}
#menu ul a:hover {background:#D08752} 
/*Hover colour of the previous level menu text when on the next level down*/
#menu :hover > a, #menu ul ul :fh2

hover > a {color:#000;} 
/*Hover colour of the previous level menu item when on the next level down*/
#menu :hover > a, #menu ul ul :hover > a {background:#D08752;} 


/* 2nd Level */ 
/*colour of the 2nd level menu text*/



/* style the 2nd level background */
#menu ul ul a, #menu ul ul a:visited {background:black;}
/* colour of the 2nd level hover text */
#menu ul ul a, #menu ul ul a:visited{color:white;}
#menu ul ul a:hover {color:black;}
/* colour of the 2nd level hover background */
#menu ul ul a:hover, #menu ul ul a:hover {background:#D08752} 

/* 3rd Level */
/*colour of the 3rd level menu text*/
#menu ul ul ul a, #menu ul ul ul a:visited { color: #151515;}
/* colour of the 3rd level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background:#151515;}
/* colour of the 3rd level hover text */
#menu ul ul ul a:hover, #menu ul ul ul a:hover {color:#fff;}
/* colour of the 3rd level background*/
#menu ul ul ul a:hover, #menu ul ul ul a:hover {background:#151515;} 

.menucurrenttab{color: #fff; text-decoration:underline}



.footertabs a {color:red}
.footertabs{color: #000 !important}
#footermenu{padding-top: 40px; }

#footer ul li {display: inline;list-style-type: none;font-size:100%; padding:20px;}