/*********************************/
/*          BREAD CRUMB
/*********************************/

/*
Generates something like this:

<span class="breadcrumbNode"><a href="Why_Sleep_City">Why Sleep City</a></span>

<span class="breadcrumbSeparator"> &gt; </span>

<span class="breadcrumbNodeCurrent">The 45-Night Comfort and Price Guarantees</span>

*/

#breadcrumbs, #breadcrumbs a 
{
        color:#666666;
}

.breadcrumbNode a
{
    color:#303030;
}

.breadcrumbSeparator
{background:url(../images/breadcrumb_arrow.gif) no-repeat right;
 padding:0 12px 0 0;
}

.breadcrumbNodeCurrent
{
    font-weight: bold;
    padding:0 0 0 6px;
    color:#666666;
}


/*********************************/
/*          NAVIGATION
/*********************************/

#nav {
background:url(../images/navBkgd.gif) no-repeat;
height:42px;
margin:0 auto;
position:relative;
z-index:99;
}	

#nav ul {
width: auto;
list-style: none;
line-height:24px;/*brings text down from top edge of buttons*/
text-align:center;
margin:0 0 0 22px;
}

#nav ul li {
float: left;
text-align:center;
padding: 0;
background:none;
min-width:120px;
margin:7px 0 0 0;
padding:0 35px;/*spacing between tabs*/
line-height:29px;
border-right:2px solid #FFFFFF;
}

#nav ul li a {
display: block;
font-weight:bold;
background:none;
text-decoration:none;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
}

#nav ul li a:hover {
text-decoration:underline;
}

#nav ul .last {
border-right:none;
}

/*********************************/
/*       BEGIN DROPDOWN MENU
/*********************************/
	
#nav li ul {/*hides second level menu and positions it*/
display: none;
list-style:none;
position: absolute; 
width:148px;
margin:0 auto;
padding:4px 0 13px 0px;
background:url(../images/dropdownBot.png) no-repeat bottom;
}

#nav li li {
background: #0e2057;
margin: 0;
padding:9px 0 0 0;
width:148px;
display:block;
text-align:left;
border-right:none;
line-height:1.1em;
}

#nav li li a {
background-image:none;
font-size:.8em;
position:relative;
padding:0 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#nav li li a:hover {
text-decoration:underline;
}

#container  #nav li:hover ul, #container  #nav li.over ul{ 
display: block; /*shows second level menu on hover*/
text-align:left;
}

/* Commented Backslash Hack- hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

#nav > ul {
	top: auto;
	left: auto;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul {
left: auto;
}

/**************************

#nav li li li 
{
    display:none;
}*******/

/*********************************/
/*            LEFT NAV
/*********************************/

#leftnav {
background:url(../images/subnavTop.jpg) #b3b7ce no-repeat top;
width:231px;
margin:15px 0 15px 0;
}

#leftnavBot {
background:url(../images/subnavBot.gif) no-repeat bottom;
width:231px;
height:20px;
position:relative;
z-index:95;
}

#leftnav ul {
min-height:124px;
}

#leftnav ul li {
list-style:none;
position:relative;
border-bottom:2px solid #FFFFFF;
}

#leftnav ul li a {
color:#151e48;
text-decoration:none;
font-size:1em;
font-weight:bold;
padding:0 0 0 8px;
display:block;
white-space:nowrap;
outline:none;
line-height:2.9em;
height:2.9em;/*for IE*/
}

#leftnav ul li a:hover {
background:#FFFFFF;
}

/*begin second tier*/
#leftnav ul ul {
background:none;
min-height:0;
padding:0 0 10px 0;
margin:0;
top:0;
}

#leftnav ul li ul li {
list-style:none;
position:relative;
border-bottom:none;
}

#leftnav ul li ul li a {
color:#333333;
text-decoration:none;
font-size:1.0em;
font-weight:bold;
line-height:2em;
height:2em;/*for IE*/
padding:0 0 0 25px;
display:block;
white-space:nowrap;
outline:none;
}

#leftnav ul ul li .expanded {
background:#FFFFFF;
}

/*begin third tier*/
#leftnav ul ul ul {
padding:.9em 0 0 12px;
}

#leftnav ul ul ul li a {
color:#333333;
text-decoration:none;
font-size:1.0em;
font-weight:bold;
line-height:1.0em;
height:1.4em;/*for IE*/
padding:0 0 0 25px;
display:block;
white-space:nowrap;
outline:none;
}

#leftnav ul ul ul li a:hover {
background:none;
text-decoration:underline;
}

#leftnav ul ul ul li .selected {
background:none;
text-decoration:underline;
}
