/* 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:170px;
}
html body ul#nav ul ul {
margin:0 0 0 170px;
}

/* Theming the menu */

ul#nav {
float:none;
/* changed from 100% to 105% to make leftside nav font bigger */
font-size:105%;
position: relative;
width: 170px;
}

/* padding controls menu element height */
ul#nav li a {
padding:5px 5px;
font-family:"Lucida Sans","Century Gothic","Franklin Gothic Book","Franklin Gothic",helvetica,arial,verdana,sans;
text-decoration:none;
background:transparent;
color:#333;
display: block;
text-align: left;
width: 160px;
position: relative;
background: #e0e3e9;
border-top: 1px solid #fff;
border-bottom: 1px solid #999;
}

ul#nav ul {
background: rgba(172, 179, 196, .9);
padding-bottom: 5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
position: absolute;
top: 0;
margin-left: 170px;
}

ul#nav ul li a {
padding:7px 5px;
width: 160px;
font-size: 12px;
}

ul#nav li a:hover
,ul#nav li a:focus
,ul#nav li:focus
,ul#nav li#active a{
color:#000;
background: #aab2c5;
}

ul#nav li a span.sf-arrow, ul#nav li > a span.sf-arrow {
    background: #555;
}

ul#nav li a:hover span.sf-arrow, ul#nav li:hover > a span.sf-arrow {
    background: #000;
}
ul#nav li:hover > a {
background: #aab2c5;
color: #000;
}
ul#nav li li:hover > a {
background: #aab2c5;
color: #000;
width: 160px;
}
ul#nav li#active a {
    cursor: default;
}

ul#nav li#active a:hover {
    color: #000;
}

ul#nav li li a:hover {
background: #aab2c5;
width: 160px;
}

ul#nav span.sf-arrow {
top:13px;
right:5px;
}

ul#nav ul span.sf-arrow {
right:5px;
top:13px;
}