/*
    Document   : menu1
    Created on : 23-Oct-2012, 17:28:25
    Author     : Phil
    Description:
        To control the menu system.
*/

/* ================================================================
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-droplist-delay.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#menuHolder {margin-left:2px; width:750px; height:32px;}
ul.menu {padding:0; margin:0; list-style: none; position:relative; margin-right:2px; float:left; font-family:verdana, sans-serif; z-index:999; font-size:11px; height:32px;}
ul.menu li {float:left; height:32px;}
ul.menu li a {text-decoration:none; color:#fff; font-size:11px; font-weight:bold;}

ul.menu li a.aTop {display:block; padding:0; line-height:30px; height:30px; float:left;
                   transition-delay: 0.15s;
                   -o-transition-delay: 0.15s;
                   -moz-transition-delay: 0.15s;
                   -webkit-transition-delay: 0.15s;
}
ul.menu li a.aTop span {display:block; padding:0 5px 0 15px; background:url("../delaydrop/tab-left.png"); float:left; cursor: pointer; color: white;}
ul.menu li a.aTop b {display:block; width:10px; height:30px; padding:0; background:url("../delaydrop/tab-right.png"); float:left;}

ul.menu li div.drop {position:absolute; left:-9999px; top:32px; background:#fff url("../delaydrop/divider.gif"); border:5px solid #004A96; opacity:0;
                     transition-delay: 0.25s;
                     -o-transition-delay: 0.25s;
                     -moz-transition-delay: 0.25s;
                     -webkit-transition-delay: 0.25s;
}
ul.menu li div.col1 {width:150px;
                     -webkit-border-radius:8px 8px 8px 8px;
                     -moz-border-radius:8px 8px 8px 8px;
                     border-radius:8px 8px 8px 8px;
}
ul.menu li div.col2 {width:300px;
                     -webkit-border-radius:8px 8px 8px 8px;
                     -moz-border-radius:8px 8px 8px 8px;
                     border-radius:8px 8px 8px 8px;
}
ul.menu li div.col3 {width:450px;
                     -webkit-border-radius:8px 8px 8px 8px;
                     -moz-border-radius:8px 8px 8px 8px;
                     border-radius:8px 8px 8px 8px;
}

ul.menu li div.drop dl {float:left; width:130px; padding:0 10px 10px 10px; margin:0;}
ul.menu li div.drop dl dt {font-weight:bold; padding:10px 0 3px 0; color:#008; line-height:12px;}
ul.menu li div.drop dl dd {padding:0; margin:0;}
ul.menu li div.drop dl dd a {display:block; color:#008; font-weight:normal; line-height:12px; padding:3px 0;}
ul.menu li div.drop dl dd a:hover {color:#00b; text-decoration:underline;}

ul.menu li div.bottomLine {clear:left; background:#004A96;}
ul.menu li div.bottomLine p {padding:0 10px; margin:0; line-height:18px; color:#fff; text-decoration:none;}
ul.menu li div.bottomLine p a:hover {text-decoration:underline;}

ul.menu li a.aTop:hover {color:#00f;}
ul.menu li.sub:hover > a.aTop {border-bottom:2px solid #008; color:#00f;}
ul.menu li.sub:hover > a.aTop span {color:#00f;}

ul.menu li:hover div.drop {left:0; opacity:1;
                           transition-delay: 0.25s;
                           -o-transition-delay: 0.25s;
                           -moz-transition-delay: 0.25s;
                           -webkit-transition-delay: 0.25s;
}
ul.menu li:hover div.left1 {left:-154px;
                            -webkit-border-radius:8px;
                            -moz-border-radius:8px;
                            border-radius:8px;
}

ul.menu li.close {position:absolute; right:0; top:0; opacity:0; z-index:-1;
                  transition: opacity 0.5s ease-in-out;
                  -o-transition: opacity 0.5s ease-in-out;
                  -moz-transition: opacity 0.5s ease-in-out;
                  -webkit-transition: opacity 0.5s ease-in-out;
}

.clear {clear:both;}

/* for IE6 */
ul.menu table {border-collapse:collapse; width:0; margin:0 0 -1px 0; position:absolute; left:0; top:0;}
ul.menu li.sub a.aTop:hover {border-bottom:2px solid #008; direction:ltr;}
ul.menu li.sub a.aTop:hover div.drop {left:0;}
ul.menu li.sub a.aTop:hover div.left1 {left:-154px;}
ul.menu li.sub a.aTop:hover div.bottomLine p {font-weight:normal;}
.body {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: inherit;
    color: #008;
    height: auto;
    width: 725px;
    border: thin solid #004A96;
    padding: 12px;
}
.body .body2 {
    background-color: #008;
    margin: 2px;
    float: inherit;
    height: auto;
    width: 350px;
    border: thin solid #004A96;
    padding: 4px;
    clear: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.padding {
    padding: 2px;
    font-size: 0.68em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.7em;
}

.padding1 {	margin: 2px;
            padding: 2px;
}

.style5 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FF0000;
}
.style5:hover {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    color: #FF0000;
    background-color: #FFFFCC;
}