
/* ================================================================

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/drop-list-columns.html

Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any

way to fit your requirements.

=================================================================== */

/* this is a CSS answer to fix the hover tilde problem in safari and chrome and the :active/:focus with adjacent sibling selectors in IE7-9 */

html {

-webkit-animation: safariSelectorFix infinite 1s;

behavior:url(trigger2.htc)

}

@-webkit-keyframes safariSelectorFix {

0% {zoom:1;}

100% {zoom:1;}

}

.menuHolder {width:auto; margin:auto; padding:5px 0 0 0; color:#fff; text-align:center; position:relative; height:35px; z-index:10000}

.menuHolder ul.nav li {display:block; background:url(../img/divider.gif) no-repeat left center;  z-index:1000}

.nav {white-space:nowrap}

.menuHolder ul.nav {list-style:none}

.menuHolder ul.nav li a:active {outline:0;}

.menuHolder ul.nav {padding:0 2px 0 2px; margin:0; display:inline-block; background:url(../img/red2.gif) repeat-x left top}

.menuHolder ul.nav li {float:left; display:block; padding:0 4px 0 0; background:url(../img/divider.gif) no-repeat right center; position:relative}

.menuHolder ul.nav li a.top-a {display:block; text-decoration:none; margin-top:0; float:left; text-transform:uppercase}

.menuHolder ul.nav li a.top-a b {display:block; padding:0 3px 0 3px; font:normal 10px/30px "Tahoma", arial, sans-serif; color:#DBE7FF}

.menuHolder ul.nav li a.top-a:active b {color:#E9F0BB}

.menuHolder ul.nav li:hover a.top-a {background:#1A3A77 url(../img/left-curve.gif) no-repeat left top; height:25px}

.menuHolder ul.nav li:hover a.top-a > b {background:url(../img/right-curve.gif) no-repeat right top; height:25px}

.menuHolder ul.nav div {position:absolute; top:-30000px; right:auto; left:0; opacity:0; background:#1A3A77; padding:5px 0 0 0; margin-top:-15px; z-index:10010}

.menuHolder ul.nav div.left {left:auto; right:-5px}

.menuHolder ul.nav div ul {padding:0; list-style:none; width:160px; margin:0 5px 0 5px; float:left; display:inline; text-align:left; background:#DBE7FF; white-space:normal}

.menuHolder ul.nav div ul.colRight {clear:right; margin:0 10px 0 0; z-index:10012}

.menuHolder ul.nav div ul.colSingle {margin:0 10px; z-index:10012}

.menuHolder ul.nav div ul li.liTop {float:left; height:26px; padding:0; width:160px; background:url(../img/liTop.gif) no-repeat; overflow:hidden; font:normal 10px "Tahoma", arial, sans-serif; color:#EE3C33; text-decoration:underline; text-align:center}

.menuHolder ul.nav div ul li.liBott {float:left; height:8px; padding:0; margin-bottom:0; width:160px; background:url(../img/liBott.gif) no-repeat; overflow:hidden}

.menuHolder ul.nav div ul li.lnk {float:left; background: transparent url(../img/dot.gif) repeat-x left bottom; margin:0 5px 0 5px; display:inline}

.menuHolder ul.nav div ul li.last {background:transparent}

.menuHolder ul.nav div ul li a {display:block; width:130px; text-decoration:none; font:10px/14px "Tahoma", arial, sans-serif; color:#3A589E; margin:0; padding:4px 0 4px 15px; background:Transparent url(../img/arrow.gif) no-repeat left center}

.menuHolder ul.nav div ul li a:hover {color:#EBE884; background:#3A589E url(../img/arrow1.gif) no-repeat 5px center}

.menuHolder ul.nav div.col1 {width:180px; height:auto; z-index:10011}

.menuHolder ul.nav div.col2 {width:350px; height:auto; z-index:10011}

.menuHolder ul.nav li:hover div {top:40px; opacity:1}

.menuHolder ul.nav span.base {display:block; clear:left; width:180px; margin-bottom:-10px; height:11px; background:url(../img/base.png) no-repeat left bottom; position:relative}

.menuHolder ul.nav span.basetwo {display:block; clear:left; width:350px; margin-bottom:-10px; height:11px; background:url(../img/base2.png) no-repeat left bottom; position:relative}


.menuHolder ul.nav div ul li.room {background:#1A3A77; height:5px; width:160px; margin:0, padding:0}