#info {font-family: Arial, Verdana, Tahoma, Gill Sans MT, Sans Serif; 
font-size:12px;}

#nav {margin:0 0 0 0;}

/* the styling */
#nav {float:left; padding-left:0px; width:780px;text-align: center;}

#nav .select, #nav .current {margin:0 0 0 0; padding:0; list-style:none; display:block; float:left;}

#nav .sub {margin:0; padding:0; list-style:none;}

#nav li {display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}
#nav .current li {z-index:50;}

#nav .select a, 
#nav .current a {display:block; height:2.5em; float:left; width:100px; background:url("http://www.totaltravel-online.com/images/common/left_both.gif") no-repeat left top; padding:0 0 0 9px; border-bottom:1px solid #EFAC5A; text-decoration:none; font-weight:bold; line-height:2.4em; white-space:nowrap;}

/* calculate the required widths of the top level */
#nav .one a {width:120px;}
#nav .two a {width:120px;}
#nav .three a {width:120px;}
#nav .four a {width:120px;}
#nav .five a {width:120px;}
#nav .six a {width:120px;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url("http://www.totaltravel-online.com/images/common/right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#553;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}

#nav .select a:hover b {color:#000; cursor:pointer;}

#nav .current a {background-position:0 -150px; border-color:#fff;}
#nav .current a b {background-position:100% -150px; color:#000;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover 
{border-color:#EFAC5A; background:#F9DFBF; color: #000000;}/* sub item bground */

/* Ian added - set border blue on sub menu when selected */
/* need to add id= to all pages body */
#nav .sub li body#holidays a#holidays, body#holidays a#holidays, body#hotels a#hotels  
{border:1px solid #000065;}



#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {border-color:#FFB55D; background:#F9DFBF; color: #000000;}/* sub item bground 2 */

#nav .current .sub, 
#nav .select a:hover .sub, 
#nav .select li:hover .sub /* take out this to make sub menu not apear until clicked */ {display:block; position:absolute; width:780px; top:2.5em; background:#fff; margin-top:1px; padding:10px 0 0px 0;}

* html #nav .current .sub, * html #nav .select a:hover .sub {margin-top:0; margin-t\op:1px;}

#nav .current .sub li a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background:#FFFFC6; border:1px solid #EFAC5A; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em; color: #000000;}

.navBorder {border:3px solid #FF9217;}

#nav li a,
#nav .select a:hover, 
#nav li:hover a {background-position:0% -150px; border-color:#fff; color: #000000;}/* sub link text col */

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -150px; border-color:#fff; color:#000;}

/* calculate the left edge position of each sub level */
#nav .one .sub {left:0;}
#nav .two .sub {left:-120px; margin-left:-9px;}
#nav .three .sub {left:-240px; margin-left:-18px;}
* html #nav .three .sub {margin-left:-9px; marg\in-left:-18px;}
#nav .four .sub {left:-360px; margin-left:-27px;}
* html #nav .four .sub {margin-left:-18px; marg\in-left:-27px;}
#nav .five .sub {left:-480px; margin-left:-36px;}
* html #nav .five .sub {margin-left:0px; marg\in-left:0px;}
#nav .six .sub {left:-600px; margin-left:-45px;}
* html #nav .six .sub {margin-left:-36px; marg\in-left:-45px;}

/* moz is for Mozilla, difference in margin-left css */
#moz .one .sub {left:0;}
#moz .two .sub {left:-120px; margin-left:-9px;}
#moz .three .sub {left:-240px; margin-left:-18px;}
* html #moz .three .sub {margin-left:-9px; marg\in-left:-18px;}
#moz .four .sub {left:-360px; margin-left:-27px;}
* html #moz .four .sub {margin-left:-18px; marg\in-left:-27px;}
#nav .five .sub {left:-480px; margin-left:-36px;}
* html #moz .five .sub {margin-left:-27px; marg\in-left:-36px;}
#moz .six .sub {left:-600px; margin-left:-45px;}
* html #moz .six .sub {margin-left:-36px; marg\in-left:-45px;}