@charset "utf-8";
/* CSS Document */

.ddsmoothmenu{
font-size:13px;
float:left;
width:100%;
margin:0px;
padding:0;
text-transform:uppercase;
}

.ddsmoothmenu ul{
z-index:100;
margin:0 0 0px 0;
padding:0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position:relative;
display:inline;
float:left;
margin:0px;
padding:0px;
z-index:10000px;
line-height:44px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display:block;
/*padding:0px 32px 0px 33px;*/
padding:0px 25px 0px 26px;
margin:0;
color:#777676;
float:left;
word-wrap:break-word;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}



.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: black;
}

.ddsmoothmenu ul li a.act{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
/*background:url(../images/menu_rpt.gif) repeat-x left top;*/
color:#000;
display:block;
float:left;
border-bottom:solid 2px #de142e;
}

.ddsmoothmenu ul li a:hover{
color: #000;
display:block;
float:left;
background-image:none;
border-bottom:solid 2px #de142e;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul.community{
width:126px;
position:absolute;
left: 0;
margin-right:0px;
padding-right:0px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:url(../images/menu_hover.png) repeat-x left top #444444;
}

.ddsmoothmenu ul li ul.community li{
display: list-item;
float:left;
width:114px;
margin:0px;
}

.ddsmoothmenu ul li ul.community li a{
width:105px; /*width of sub menus*/
float:left;
margin:0;
font-size:14px;
color:#dfdfdf;
padding:12px 8px 12px 13px;
line-height:18px;
border-bottom:solid 1px #555555;
text-transform:capitalize;
}
.ddsmoothmenu ul li ul.community li a:hover{
background:url(../images/menu_rpt.gif) repeat-x left top #de142e;
}
.ddsmoothmenu ul li ul.tours{
width: 94px;
position:absolute;
left: 0;
margin-bottom:0px;
padding-right:0px;
display:block;
visibility: hidden;
background:url(../images/menu_hover.png) repeat-x left top #444444;

}

.ddsmoothmenu ul li ul.tours li{
display: list-item;
float:left;
margin:0px;
}

.ddsmoothmenu ul li ul.tours li a{
width:73px; /*width of sub menus*/
float:left;
margin:0;
font-size:14px;
color:#dfdfdf;
padding:12px 8px 12px 13px;
line-height:18px;
border-bottom:solid 1px #555555;
text-transform:capitalize;

}

.ddsmoothmenu ul li ul.tours li a:hover{background:url(../images/menu_rpt.gif) repeat-x left top #de142e;}


.ddsmoothmenu ul li ul.camels{
width:101px;
position:absolute;
left: 0;
margin-bottom:0px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:url(../images/menu_hover.png) repeat-x left top #444444;

}

.ddsmoothmenu ul li ul.camels li{
display: list-item;
float:left;
margin:0px;
}

.ddsmoothmenu ul li ul.camels li a{
width:88px; /*width of sub menus*/
float:left;
margin:0;
font-size:14px;
color:#dfdfdf;
padding:12px 0px 12px 13px;
line-height:18px;
border-bottom:solid 1px #555555;
text-transform:capitalize;

}

.ddsmoothmenu ul li ul.about{
width:93px; /*width of sub menus*/
position:absolute;
left:0;
margin-bottom:0px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:url(../images/menu_hover.png) repeat-x left top #444444;
}

.ddsmoothmenu ul li ul.about li{
display: list-item;
float:left;
width:81px;
margin:0px;
padding:0;
}

.ddsmoothmenu ul li ul.about li a{
width:80px; /*width of sub menus*/
float:left;
margin:0;
font-size:14px;
color:#dfdfdf;
padding:12px 0px 12px 13px;
line-height:18px;
border-bottom:solid 1px #555555;
text-transform:capitalize;

}
.ddsmoothmenu ul li ul.about li a:hover{background:url(../images/menu_rpt.gif) repeat-x left top #de142e;}


.ddsmoothmenu ul li ul.events{
width:97px;
position:absolute;
left:0px;
padding-right:0px;
margin-right:0px;
border:0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:url(../images/menu_hover.png) repeat-x left top #444444;
}

.ddsmoothmenu ul li ul.events li{
display: list-item;
float:left;
margin:0px;
}

.ddsmoothmenu ul li ul.events li a{
width:76px; /*width of sub menus*/
float:left;
margin:0;
font-size:14px;
color:#dfdfdf;
padding:12px 8px 12px 13px;
line-height:18px;
border-bottom:solid 1px #555555;
text-transform:capitalize;

}

.ddsmoothmenu ul li ul.events li a:hover{background:url(../images/menu_rpt.gif) repeat-x left top #de142e;}



.ddsmoothmenu ul li ul.merchandise{
width:139px;
position:absolute;
left: 0;
margin-bottom:0px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:url(../images/menu_hover.png) repeat-x left top #444444;

}

.ddsmoothmenu ul li ul.merchandise li{
display: list-item;
float:left;
margin:0px;
}

.ddsmoothmenu ul li ul.merchandise li a{
width:118px; /*width of sub menus*/
float:left;
margin:0;
font-size:14px;
color:#dfdfdf;
padding:12px 8px 12px 13px;
line-height:18px;
border-bottom:solid 1px #555555;
text-transform:capitalize;
}

.ddsmoothmenu ul li ul.merchandise li a:hover{background:url(../images/menu_rpt.gif) repeat-x left top #de142e;}

.ddsmoothmenu ul li ul.gallery{
width:96px;
position:absolute;
left: 0;
margin-bottom:0px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:url(../images/menu_hover.png) repeat-x left top #444444;

}

.ddsmoothmenu ul li ul.gallery li{
display: list-item;
float:left;
margin:0px;
}

.ddsmoothmenu ul li ul.gallery li a{
width:85px; /*width of sub menus*/
float:left;
margin:0;
font-size:14px;
color:#dfdfdf;
padding:12px 8px 12px 13px;
line-height:18px;
border-bottom:solid 1px #555555;
text-transform:capitalize;

}
.ddsmoothmenu ul li ul.gallery li a:hover{background:url(../images/menu_rpt.gif) repeat-x left top #de142e;}


.ddsmoothmenu ul li ul.news{
width:96px;
position:absolute;
left: 0;
width:86px;
float:left;
margin-bottom:0px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:url(../images/menu_hover.png) repeat-x left top #444444;

}

.ddsmoothmenu ul li ul.news li{
display: list-item;
float:left;
margin:0px;
}

.ddsmoothmenu ul li ul.news li a{
width:65px; /*width of sub menus*/
float:left;
margin:0;
font-size:14px;
color:#dfdfdf;
padding:12px 8px 12px 13px;
line-height:18px;
border-bottom:solid 1px #555555;
text-transform:capitalize;

}
.ddsmoothmenu ul li ul.news li a:hover{ background:url(../images/menu_rpt.gif) repeat-x left top #de142e;
}

.ddsmoothmenu ul li ul.contact{
width:112px;
position:absolute;
left: 0;
margin-bottom:0px;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background:url(../images/menu_hover.png) repeat-x left top #444444;

}

.ddsmoothmenu ul li ul.contact li{
display: list-item;
float:left;
margin:0px;
}

.ddsmoothmenu ul li ul.contact li a{
width:91px; /*width of sub menus*/
float:left;
margin:0;
font-size:14px;
color:#dfdfdf;
padding:12px 8px 12px 13px;
line-height:18px;
border-bottom:solid 1px #555555;
text-transform:capitalize;

}

.ddsmoothmenu ul li ul.contact li a:hover{background:url(../images/menu_rpt.gif) repeat-x left top #de142e;}

.ddsmoothmenu ul li ul li a:hover{margin-right:0px; margin-bottom:0px;}

.ddsmoothmenu ul li ul li ul{
top:0px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;

}

.rightarrowclass{
position: absolute;
top:0px;
right:0px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}