/* Main Style Sheet */

body
{	
	color: #999;
}

div#contentTopRight{
    background-color: #0D0D0D;
}

/*Body of page includes subnav and main content area begin*/
div#content
{

}

div#mainContent
{	 
	
}

div#contentContainer{
    background-color: #DCDCDC;
}


div#location{
    background-color: #000;
}


select#ddlLocations{
    color: #494949;
    background-color: #B0B0B0;
    border: solid 2px #363533;
    
}

/*locator bar */
#locatorBarLeft{width:525px; height:22px; padding: 1px 10px; background: #151515 url(/images/home/locator_bg_bar.gif) no-repeat scroll 0 0;}
#locatorBarRight{width:116px}

/* news and events */

#news{
    padding: 12px;
}

#newsContainer{
    width: 230px;
    height: 307px;
    padding-right: 12px;
}

#events{
    padding: 12px;
}

#eventsContainer{
width: 230px;
height: 163px;
padding-right: 12px;
}


.comingUp{
    position:relative; 
    top: 2px;
}

.comingUp span{
    position:relative; 
    bottom: 3px;
}

#hotelSlideShow a{
    text-decoration:none;
}

/*scroller*/

.RSSItem{margin: 2px 0; font-size: 11px; padding: 2px 0;}

.RSSItem a {font-size: 11px !important; text-decoration:none;}
.RSSItem a:hover { text-decoration:underline; color: #CCC;}

.RSSItemDate{ color: #FFF;}
.RSSItemTitle{ color: #999;}
.RSSItemLocation{ color: #666;}
.RSSItemLink{float:left; }

.RSSDivider{clear:both; padding-top: 8px;  border-bottom: solid 1px #666;  }


.RSSItemLink .EventTitle { margin-bottom: 6px;}





/* debug styles */
.border1{border:solid 1px red ;}
.border2{border:solid 1px magenta;}
.border3{border:solid 1px aqua;}
.border4{border:solid 1px lime ;}

/*Common Styles*/

.smallText{font-size: 10px;}
.medText{font-size: 12px;}
.largeText{font-size:14px;}

.bold{font-weight: bold;}
.black{color: #000000;}
.gold
{
	color: #b18719;	
}

div.divider1{height:1px; border-bottom: solid 1px #CCCCCC; width:100%; margin: 8px 0;}
div.divider2{height:1px; border-bottom: solid 1px #999999; width:100%; margin: 8px 0;}

.title1{color: #666666; font-weight:bold; font-size:12px; margin:2px 0;}


 
 
a.hover{}

 
 
 
/* Middle Content */
 
#rockShopFeaturesContainer{
    background:url(/images/home/HRRockShop.gif) no-repeat scroll 0 0; width:253px; height:356px;
    position:relative;
}

#rockShopFeaturesContainer .middleContainer{
    width:240px; height:300px; position:absolute; top:42px; left: 8px;
}
 
#hotelCasinoContainer{
    background:url(/images/home/HRHotels.gif) no-repeat scroll 0 0; width:229px; height:356px;
}

#hotelCasinoContainer .middleContainer{ 
    width:220px; height:300px; position:relative; top:42px; left: 5px;
}

#memoContainer{
    background:url(/images/home/HRMemoribilia.gif) no-repeat scroll 0 0; width:233px; height:356px;
}

#memoContainer .middleContainer{
    width:220px; height:300px; position:relative; top:42px; left: 4px;
}

.middleContainer .middleContent{
    padding: 4px;
}

.middleContainer .middleContent .middleText{
    padding: 4px 4px;
    overflow: hidden; 
    height: 62px;
}

.middleContainer .middleContent .middleText a{
    color: #333;
    text-decoration: none;
}

.middleContainer .middleContent .middleText a:hover{
    color: #CCC;
    text-decoration: underline;
}

/* End Middle Content */


/* Features */

#features {height: 210px; background: url(/images/home/featureboxBG.jpg) no-repeat scroll 0 100%; width:981px;}

#features .featureBox{
    background: url(/images/home/featureboxBG.gif) no-repeat scroll 0 0; 
    height:160px; 
    width: 180px;
    padding: 4px;
    position:relative;
    overflow:hidden;   
    cursor: pointer; 
}
#features .vspacer{ margin: 3px;}

#features div.featureBoxText{
    /*background-color: #222;
    opacity:0.70;
    filter:alpha(opacity=70);*/
    
    background: transparent url(/images/home/overlay.png);
    width:170px;
    padding: 5px;         
    bottom: -38px;
    position:relative;    
    overflow:hidden;   
}


#features .featureBox .featureCorner{
    position:absolute;
    bottom: 4px;
    right:4px;
}


#features .featureBoxText div{
    
    filter: none;
    -moz-opacity:none;
    -khtml-opacity: none;
    opacity: none; 
}

#features .featureBoxText div.featureTitle{
    color:#b18719;   
    font-weight: bold; 
    min-height: 28px;   
    /*height:32px;*/
}

#features .featureBoxText div.featureDesc{
    color:#FFF;   
}

/* End Features */

