/* ================================================================
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.cssplay.co.uk/menus/ipad-dropdown-single.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

ul.menu { padding:0; margin:0; list-style:none; position:relative; z-index:500; margin-right:1px; float:left; }
ul.menu ul {   padding:0; margin:0; list-style:none; position:absolute; left:-9999px; top:25px; width:200px;  background-color: #DFF2DB; padding:2px; border: solid 0px #97CE82; border-bottom-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
ul.menu a { color: #444; height: 25px; line-height: 25px;     font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;  font-size: 14px; font-weight: normal; text-decoration:none; }
ul.menu a:hover {color:#000; text-decoration:none;}
ul.menu li:hover > a { color:#000; background-color: #DFF2DB;  border-top-left-radius: 3px; border-top-right-radius: 3px; }

ul.menu li.liTop {float:left; font-family: 'cabin'; }
ul.menu li.close {position:absolute; right:0; top:0; width:25px;  z-index:-1;}
ul.menu li.close a {display:block; height:25px;  no-repeat top right;}

ul.menu li.nosub a { display:block; height:25px; line-height:25px; padding:0 12px 0 0; float:left; }
ul.menu li.nosub a b {display:block; height:25px;  padding:0 0 0 12px; cursor:pointer; float:left;}
ul.menu li.liTop a.open {display:block; height:100%; line-height:25px; padding:0px;  padding-left: 7px; padding-right: 7px; margin-right: 5px; float:left; text-align: center; }
ul.menu li.liTop a.open b {display:block; cursor:pointer; }

ul.menu ul li a { display:block; padding:4px 10px; height:auto; line-height:22px; font-size: 13px; text-align: left; border-bottom: dotted 0.5px #F5FBF4; }
ul.menu ul li a:hover { background: #5AAB28; color: #fff; text-align: left; border-top-left-radius: 0px; border-top-right-radius: 0px; }

ul.menu li.liTop:hover { position:relative; height:31px; }
ul.menu li.liTop:hover ul {left:0;}

/* for IE6 */
ul.menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:0; top:0;}
ul.menu a ul li {float:left; width:170px;}
* html ul.menu li.liTop a:hover {direction:ltr; height:31px;}
ul.menu a:hover ul {left:0;}
ul.menu a:hover ul li a {width:150px;}
ul.menu a:hover ul li a:hover {height:auto;}

</style>

<style media="only screen and (max-device-width:768px)" type="text/css">
/* for iPhone, iPod Touch and iPad */
ul.menu li.liTop:hover + li.close {z-index:10;}
</style>

<style>
    @media only screen and (max-width:480px) {
    .menu {display:none;}
    #info h3.smartphone {display:block;}
    }
</style>