/* Configuration of menu width */

/**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
*/



html body ul#nav ul
,html body ul#nav ul li {
width:200px;
}
html body ul#nav ul ul {
margin:0 0 0 200px;

}

/* Theming the menu */

ul#nav {
float:left;
font-size:120%;


}


ul#nav ul {
border-bottom:5px solid #4B0082;
background:#CFB53B;

}


ul#nav li a {
padding:20px 30px;
font-family:"Lucida Sans";
text-decoration:none;
background:#4B0082;
color:#fff;
}





ul#nav ul li a {
padding:10px 15px;
background: #CFB53B;
color:#4B0082;
}

ul#nav ul li a:hover
, ul#nav ul li a:focus{
padding:10px 15px;
background: #DCC96D;
color:#4B0082;
}


ul#nav li a:hover
,ul#nav li a:focus {
background: #6400ae;
color:#fff;
}


ul#nav ul li ul {

background: #4B0082;
border-top: 5px solid #DCC96D;
border-bottom: 5px solid #DCC96D;

}


ul#nav ul li ul:hover {

border-top: 5px solid #CFB53B;
border-bottom: 5px solid #CFB53B;

}


ul#nav ul li ul a {
background: #4B0082;
color: #fff;

}

ul#nav ul li ul a:hover
, ul#nav ul li ul a:focus  {
background: #6400ae;
color: #fff;
}


ul#nav span.sf-arrow {
top:28px;
right:6px;
background-image:url(images/arrows-white.png);
}

ul#nav ul span.sf-arrow {
right:12px;
top:16px;
}