@charset "UTF-8";
/* CSS Document */

#menu {width:915px; height:35px; text-align:left;}
 
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:center; float:left;}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}
 
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px; }
#menu ul.level1 {display:table; margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative; width:95px; height:25px;}
#menu ul.level1 li.level1-divider {float:left; display:block; position:relative; width:2px; height:25px;}



/* -------- MY ADDITIONS START --------*/

#menu ul.level1 li.level1-li-home {float:left; display:block; position:relative; width:45px; height:25px;}
#menu ul.level1 li.level1-li-home .homeselected{width:35px; height:25px; background-image:url(../images/home_button.jpg); background-repeat:no-repeat; background-position:0 -25px;}
#menu ul.level1 li.level1-li-home .home{width:35px; height:25px; background-image:url(../images/home_button.jpg); background-repeat:no-repeat; background-position:0 0;}
#menu ul.level1 li.level1-li-home:hover .home{background-position:0 -25px;}

#menu ul.level1 li.level1-li-contact {float:left; display:block; position:relative; width:55px; height:25px; margin-left:20px;}
#menu ul.level1 li.level1-li-contact .contact{width:45px; height:25px;background-image:url(../images/contact_button.jpg); background-repeat:no-repeat; background-position:0 0;}
#menu ul.level1 li.level1-li-contact .contactselected{width:45px; height:25px;background-image:url(../images/contact_button.jpg); background-repeat:no-repeat; background-position:0 -25px;}
#menu ul.level1 li.level1-li-contact:hover .contact{background-position:0 -25px;}

#menu ul.level1 li.level1-li a.level1-a {float:left;height:25px;}



/* --- MENU HOVERS ---*/

body#home #menu ul.level1 li.level1-li a.level1-a-home {float:left; background-image:url(../images/navBG.jpg); background-repeat:no-repeat; height:25px; background-position:0 -25px;}

body#details #menu ul.level1 li.level1-li a.level1-a-details {float:left; background-image:url(../images/navBG.jpg); background-repeat:no-repeat; height:25px; background-position:0 -25px;}

body#byrom #menu ul.level1 li.level1-li a.level1-a-byrom {float:left; background-image:url(../images/navBG.jpg); background-repeat:no-repeat; height:25px; background-position:0 -25px;}

body#haigh #menu ul.level1 li.level1-li a.level1-a-haigh {float:left; background-image:url(../images/navBG.jpg); background-repeat:no-repeat; height:25px; background-position:0 -25px;}

body#ashfield #menu ul.level1 li.level1-li a.level1-a-ashfield {float:left; background-image:url(../images/navBG.jpg); background-repeat:no-repeat; height:25px; background-position:0 -25px;}

body#rufford #menu ul.level1 li.level1-li a.level1-a-rufford {float:left; background-image:url(../images/navBG.jpg); background-repeat:no-repeat; height:25px; background-position:0 -25px;}

body#arley #menu ul.level1 li.level1-li a.level1-a-arley {float:left; background-image:url(../images/navBG.jpg); background-repeat:no-repeat; height:25px; background-position:0 -25px;}

body#bramall #menu ul.level1 li.level1-li a.level1-a-bramall {float:left; background-image:url(../images/navBG.jpg); background-repeat:no-repeat; height:25px; background-position:0 -25px;}

body#townley #menu ul.level1 li.level1-li a.level1-a-townley {float:left; background-image:url(../images/navBG.jpg); background-repeat:no-repeat; height:25px; background-position:0 -25px;}

body#contact #menu ul.level1 li.level1-li-contact .contact{background-position:0 -25px;}

/* --- MENU HOVERS END ---*/




/* -------- MY ADDITIONS END --------*/


 
#menu ul.level1 {background:#000;}
#menu ul.level2 {background:#000;}
#menu ul.level3 {background:#000;}
#menu ul.level4 {background:#000;}

#menu ul.level2 a{border-bottom:solid 1px #312519;}
 
#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
 
#menu a {display:block; font:normal 9px tahoma, verdana,arial,sans-serif; color:#666; line-height:20px; text-decoration:none;padding:0 5px 0 5px; text-align:center; width:85px;}

 
#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
 
 
#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
 
 
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
 
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}

 
#menu li a:hover,
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#000; color:#FFF;}
 
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
 
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

.bottomBorder{border-bottom:1px solid #333;}