/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=============================  Modified by ben king http://webkingdesign.com ===================================== */

/* =============== top menu ================================ */
#topmenu{
width:959px;
float:left;
height:46px;
background:url(../images/menu-bg.png) repeat-x top;

}
#menu {
padding:0;
margin:0;
list-style:none;
height:45px;
position:relative;
z-index:500;
/*font-family:arial, verdana, sans-serif;*/
font-family:georgia, serif;
font-size:14px;
}
#menu li{
float:left;
margin-right:1px;
background: url('../images/menu-line.png') no-repeat right 9px;
font-size:12px;
padding:0;
z-index:500;
}
#menu li a{
display:block;
float:left;
height:45px;
line-height:45px;
background: none;
color:#fff;
text-decoration:none;
font-weight:bold;
padding:0 18px 0 10px;
font-size:1.0em;
}
#menu table{
border-collapse:collapse;
width:0; 
height:0; 
position:absolute; 
top:0; 
left:0;
}
#menu li a:hover{
z-index:200; 
position:relative;
color:#fff; 
background:#af41b4;
}
#menu li:hover{
position:relative;
z-index:200;
}
#menu li:hover > a{
color:#2cafff; 
background:none;
}
#menu li:hover > a.sub{
color:#2cafff; 
background:none;
}
#menu li.current a{
color:#2cafff; 
background:none;
}
#menu li a.sub{
background:none;
}
#menu li.current a.sub{
color:#fff;
background:none;
}
#menu :hover ul{
left:-4px; 
top:45px;
width:160px; 
background:#2cafff;
width:280px;
}
#menu ul, #menu :hover ul ul{
position:absolute; 
left:-9999px; 
top:-9999px;
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}
#menu :hover ul :hover ul{
left:120px; 
top:-1px; 
background:#af41b4; 
white-space:nowrap; 
width:100px; 
z-index:200; 
height:auto;
}
#menu :hover ul li {
margin:0;
width:280px;
border-top:1px solid #f3f3f3;}
#menu :hover ul li a {
width:280px;
padding:0; 
text-indent:10px; 
background:#2cafff; 
color:#fff; 
height:30px; 
line-height:30px;
}
#menu :hover ul :hover{
background:#af41b4; 
color:#fff;
}
#menu :hover ul li.currentsub a{
background:#af41b4;
color:#fff;
}
#menu :hover ul :hover ul li a{
width:180px; 
padding:0; 
text-indent:10px; 
background:#2cafff; 
color:#fff;
}
#menu :hover ul :hover ul :hover{
background:#af41b4; 
color:#fff;
}

#menu li a.decreaseFont {
    clear: both;
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
    height: 23px;
    line-height: 1.2em;
    text-align: center;
}
#menu li a.decreaseFont img, #menu li a.increaseFont img {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
#menu li a.increaseFont {
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
    height: 24px;
    line-height: 1.2em;
    text-align: center;
}