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

/*MAIN ELEMENTS*/
img, div, a, input, image {behavior: url(http://cocopahresort.com/css/iepngfix.htc);}
body {padding: 0; margin: 0; background: url(../images/bg.gif) repeat-x #c69c71; color: #222; font-family: Helvetica, Arial, sans-serif; height: 100%;}
html {height: 100%;}
a {color: #47004d;}
a:hover {color: #47004d; text-decoration: none;}

/*TEXT STYLES*/
h2 {color: #47004d; text-transform: uppercase; font-size: 1.2em;}
h3 {color: #47004d; font-size: inherit;}
span.purple {color: #47004d;}
span.purple_italic {color: #47004d; font-style:italic;}
span.purple_bold {color: #47004d; font-weight: bold;}
ul.address {list-style: none; margin-left: .5em; padding-left: .5em;}
div.address {width: 210px; height: auto; float: left; margin-right:6px;}

.align_center {height: 100%; width: 100%;}

#wrapper {width: 1018px; height: 100%;}
#wrapper div.shadowLft {width: 19px; height: 100%; float: left; background: url(../images/shadow_lft.png) repeat-y;}
#wrapper div.shadowRt {width: 19px; height: 100%; float: right; background: url(../images/shadow_rt.png) repeat-y;}
#wrapper div.column {width: 980px; float: left; height: auto;}

#home_wrapper {width: 1018px; height: 517px;}
#home_wrapper div.shadowLft {width: 19px; height: 100%; float: left; background: url(../images/shadow_lft.png) repeat-y;}
#home_wrapper div.shadowRt {width: 19px; height: 100%; float: right; background: url(../images/shadow_rt.png) repeat-y;}
#home_wrapper div.column {width: 980px; float: left; height: 100%;}

div.header {position: relative; z-index: 1; width: 980px; height: 138px; background: url(../images/header.png) no-repeat;}
div.logo {position: absolute; z-index: 2; float: left; margin-left: 8px; top: 10px; width: 389px; height: 142px; background: url(../images/logo.png) no-repeat;}

/*NAVIGATION STYLES*/
#nav {float: left; height: 24px; left: 405px; position: relative; top: -30px; width: 558px; z-index: 2;}
#nav div.div {width: 2px; height: 24px; float: left; background: url(../images/div.png) no-repeat;}

#nav a.resort {background: url(../images/nav_resort.png) 0 0 no-repeat; width: 91px; height: 24px; display: block; float: left;}
#nav a.resort:hover { background-position: 0 -24px;}
#nav a.resort_selected {background: url(../images/nav_resort.png) 0 -48px no-repeat; width: 91px; height: 24px; display: block; float: left;}
#nav a.resort_selected:hover { background-position: 0 -24px;}

#nav a.casino {background: url(../images/nav_casino.png) 0 0 no-repeat; width: 77px; height: 24px; display: block; float: left;}
#nav a.casino:hover { background-position: 0 -24px;}
#nav a.casino_selected {background: url(../images/nav_casino.png) 0 -48px no-repeat; width: 77px; height: 24px; display: block; float: left;}
#nav a.casino_selected:hover { background-position: 0 -24px;}

#nav a.dining {background: url(../images/nav_dining.png) 0 0 no-repeat; width: 78px; height: 24px; display: block; float: left;}
#nav a.dining:hover { background-position: 0 -24px;}
#nav a.dining_selected {background: url(../images/nav_dining.png) 0 -48px no-repeat; width: 78px; height: 24px; display: block; float: left;}
#nav a.dining_selected:hover { background-position: 0 -24px;}

#nav a.entertainment {background: url(../images/nav_entertainment.png) 0 0 no-repeat; width: 116px; height: 24px; display: block; float: left;}
#nav a.entertainment:hover { background-position: 0 -24px;}
#nav a.entertainment_selected {background: url(../images/nav_entertainment.png) 0 -48px no-repeat; width: 116px; height: 24px; display: block; float: left;}
#nav a.entertainment_selected:hover { background-position: 0 -24px;}

#nav a.tribe {background: url(../images/nav_tribe.png) 0 0 no-repeat; width: 67px; height: 24px; display: block; float: left;}
#nav a.tribe:hover { background-position: 0 -24px;}
#nav a.tribe_selected {background: url(../images/nav_tribe.png) 0 -48px no-repeat; width: 67px; height: 24px; display: block; float: left;}
#nav a.tribe_selected:hover { background-position: 0 -24px;}

#nav a.info {background: url(../images/nav_info.png) 0 0 no-repeat; width: 119px; height: 24px; display: block; float: left;}
#nav a.info:hover { background-position: 0 -24px;}
#nav a.info_selected {background: url(../images/nav_info.png) 0 -48px no-repeat; width: 119px; height: 24px; display: block; float: left;}
#nav a.info_selected:hover { background-position: 0 -24px;}

/*HOMEPAGE IMAGE*/
div.flasharea {width: 980px; height: 397px; position: relative; top: -18px;}
div.flashcontent {background: url(../images/homepage_noFlash.jpg) no-repeat;}

/*HOMEPAGE FOOTER*/
#home_ftr {width: 1018px; height: 162px; background: url(../images/home_ftr.png) no-repeat;}
#home_ftr .play {width: 240px; height: 193px; background: url(../images/play_bkt_noflash.png) no-repeat; position: relative; top: -62px; margin-left: 40px; float: left;}
#home_ftr .excite {width: 194px; height: 178px; position: relative; margin-left:6px; margin-right:17px; top:-39px; float: left;}
#home_ftr .dine {width: 195px; height: 179px; background: url(../images/dine_bkt_noflash.png) no-repeat; position: relative; top: -48px; margin-left: 23px; float: left;}
#home_ftr .stay {width: 240px; height: 192px; background: url(../images/stay_bkt_noflash.png) no-repeat; position: relative; top: -62px; margin-left: 23px; float: left;}

#home_ftr2 {font-size: 10px; color: #333;}
#home_ftr2 a {color: #333; text-decoration: none;}
#home_ftr2 a:hover {text-decoration: underline;}

/*SUBPAGE STYLES*/
#hero_img {width: 980px; height: 206px; position: relative; top: -42px;}
#leftColumn {width: 225px; height: auto; float: left; background: url(../images/leftColumnShadow.gif) repeat-x #f1cea8; margin-top: -18px;}
#leftColumn .bucket {width: 192px; height: 181px; margin-top: 25px; margin-left: 16px;}
#leftColumn .excite {margin-top: 30px; margin-left: 17px;}

#rightColumn {width: 755px; height: auto; float: left; margin-top: -18px;}
#rightColumn .content {padding: 20px 48px; width: 659px;  height: auto; background: url(../images/rightColumnShadow.gif) repeat-x #ffdda1;}
#rightColumn .container {width: 659px; height: auto;}
#rightColumn .container .image {width: 215px; min-height: 163px; height: auto; float: left; text-align: center; color: #47004d; font-style: italic;}
#rightColumn .container .text {width: 424px; height: auto; margin-left: 20px; margin-top: 20px; float: left;}
#rightColumn .container .text_nomargin {width: 424px; height: auto; margin-left: 20px; float: left;}

#ftr {width: 950px; height: 20px; background: url(../images/ftr_bg.gif) no-repeat; font-size: 10px; color: #FFF; padding: 15px;}
#ftr a {color: #FFF; text-decoration: none;}
#ftr a:hover {text-decoration: underline;}

/*SUBNAVIGATION*/
#subnav {width: 177px; height: auto; margin-top: 11px; margin-left: 24px;}
/*Resort*/
#subnav a.accomodations {width: 177px; height: 38px; display: block; background: url(../images/sub_accomodations.jpg) 0 0 no-repeat;}
#subnav a.accomodations:hover {background-position: 0 -38px;}
#subnav a.accomodations_selected {width: 177px; height: 38px; display: block; background: url(../images/sub_accomodations.jpg) 0 -38px no-repeat;}

#subnav a.confcenter {width: 177px; height: 38px; display: block; background: url(../images/sub_confcenter.jpg) 0 0 no-repeat;}
#subnav a.confcenter:hover {background-position: 0 -38px;}
#subnav a.confcenter_selected {width: 177px; height: 38px; display: block; background: url(../images/sub_confcenter.jpg) 0 -38px no-repeat;}

#subnav a.amenities {width: 177px; height: 38px; display: block; background: url(../images/sub_amenities.jpg) 0 0 no-repeat;}
#subnav a.amenities:hover {background-position: 0 -38px;}
#subnav a.amenities_selected {width: 177px; height: 38px; display: block; background: url(../images/sub_amenities.jpg) 0 -38px no-repeat;}

#subnav a.reservations {width: 177px; height: 38px; display: block; background: url(../images/sub_reservations.jpg) 0 0 no-repeat;}
#subnav a.reservations:hover {background-position: 0 -38px;}
#subnav a.reservations_selected {width: 177px; height: 38px; display: block; background: url(../images/sub_reservations.jpg) 0 -38px no-repeat;}
/*Casino*/
#subnav a.gaming {width: 177px; height: 38px; display: block; background: url(../images/sub_gaming.jpg) 0 0 no-repeat;}
#subnav a.gaming:hover {background-position: 0 -38px;}
#subnav a.gaming_selected {width: 177px; height: 38px; display: block; background: url(../images/sub_gaming.jpg) 0 -38px no-repeat;}

#subnav a.players {width: 177px; height: 38px; display: block; background: url(../images/sub_players.jpg) 0 0 no-repeat;}
#subnav a.players:hover {background-position: 0 -38px;}
#subnav a.players_selected {width: 177px; height: 38px; display: block; background: url(../images/sub_players.jpg) 0 -38px no-repeat;}
/*Entertainment*/
#subnav a.events {width: 177px; height: 38px; display: block; background: url(../images/sub_events.jpg) 0 0 no-repeat;}
#subnav a.events:hover {background-position: 0 -38px;}
#subnav a.events_selected {width: 177px; height: 38px; display: block; background: url(../images/sub_events.jpg) 0 -38px no-repeat;}

#subnav a.attractions {width: 177px; height: 38px; display: block; background: url(../images/sub_attractions.jpg) 0 0 no-repeat;}
#subnav a.attractions:hover {background-position: 0 -38px;}
#subnav a.attractions_selected {width: 177px; height: 38px; display: block; background: url(../images/sub_attractions.jpg) 0 -38px no-repeat;}

#subnav a.concerts {width: 177px; height: 38px; display: block; background: url(../images/sub_concerts.jpg) 0 0 no-repeat;}
#subnav a.concerts:hover {background-position: 0 -38px;}
#subnav a.concerts_selected {width: 177px; height: 38px; display: block; background: url(../images/sub_concerts.jpg) 0 -38px no-repeat;}
/*Info*/
#subnav a.employment {width: 177px; height: 38px; display: block; background: url(../images/sub_employment.jpg) 0 0 no-repeat;}
#subnav a.employment:hover {background-position: 0 -38px;}

/*DINING*/
div.dining {width: 755px; height: 305px;}
div.dining a.buffet {width: 327px; height: 305px; background: url(../images/dining_buffet.jpg) 0 0 no-repeat; display: block; float: left;}
div.dining a.buffet:hover {background-position: 0 -305px;}

div.dining div {width: 214px; height: 305px; float: left;}

div.dining a.bar {width: 214px; height: 153px; background: url(../images/dining_bar.jpg) 0 0 no-repeat; display: block;}
div.dining a.bar:hover {background-position: 0 -153px;}

div.dining a.sportsbar {width: 214px; height: 153px; background: url(../images/dining_sportsbar.jpg) 0 0 no-repeat; display: block;}
div.dining a.sportsbar:hover {background-position: 0 -153px;}

div.dining a.lounge {width: 214px; height: 152px; background: url(../images/dining_lounge.jpg) 0 0 no-repeat; display: block;}
div.dining a.lounge:hover {background-position: 0 -152px;}

div.dining a.foodcourt {width: 214px; height: 152px; background: url(../images/dining_foodcourt.jpg) 0 0 no-repeat; display: block;}
div.dining a.foodcourt:hover {background-position: 0 -152px;}

/*ATTRACTIONS*/
div.attractions {width: 755px; height: 305px;}
div.attractions div.firstrow {width: 251px; height: 305px; float: left;}
div.attractions div.secondrow {width: 252px; height: 305px; float: left;}

div.attractions a.airport {width: 252px; height: 152px; background: url(../images/attractions_airport.jpg) 0 0 no-repeat; display: block;}
div.attractions a.airport:hover {background-position: 0 -152px;}

div.attractions a.golf {width: 252px; height: 153px; background: url(../images/attractions_golf.jpg) 0 0 no-repeat; display: block;}
div.attractions a.golf:hover {background-position: 0 -153px;}

div.attractions a.korner {width: 252px; height: 152px; background: url(../images/attractions_korner.jpg) 0 0 no-repeat; display: block;}
div.attractions a.korner:hover {background-position: 0 -152px;}

div.attractions a.giftshop {width: 251px; height: 153px; background: url(../images/attractions_giftshop.jpg) 0 0 no-repeat; display: block;}
div.attractions a.giftshop:hover {background-position: 0 -153px;}

div.attractions a.museum {width: 252px; height: 153px; background: url(../images/attractions_museum.jpg) 0 0 no-repeat; display: block;}
div.attractions a.museum:hover {background-position: 0 -153px;}

div.attractions a.rv {width: 251px; height: 152px; background: url(../images/attractions_rv.jpg) 0 0 no-repeat; display: block;}
div.attractions a.rv:hover {background-position: 0 -152px;}

/*CALENDAR*/
table.calendar {width: 100%; height: auto; border: 6px solid #f5d765; font-family:"Times New Roman", Times, serif;}
th.previous {border-left: 1px solid #ffdda1;}
th.next {border-right: 1px solid #ffdda1;}
a.prevnext {text-decoration: none; color: #FFF; font-size: 12px;}
a.prevnext:hover {text-decoration: underline;}
tr.heading {width: 100%; height: 50px; background: url(../images/month_bg.jpg) #996600; color: #FFF; height: 50px; text-align: center;}
tr.week {width: 100%; height: 50px; background: url(../images/week_bg.jpg) #47004d; color: #FFF; text-align: center; border: 1px solid #ffdda1; height: 50px; border-bottom: 1px solid #ffdda1; border-left: 1px solid #ffdda1; border-right: 1px solid #ffdda1;}
td.week_day {border-left: 1px solid #ffdda1; border-right: 1px solid #ffdda1;}
tr.row {height: 100px; border: 1px solid ffdda1;}
td.day {width: auto; height: auto; min-height: 100px; background: #d9b16c; border: 1px solid #ffdda1; padding: 10px; color: #000; font-size: 12px;}
div.highlight {background-color: #996600; color: #FFF; padding: 3px;}
div.number {position: relative; bottom: 3px;}
span.cal_heading {font-size: 22px; font-weight: bold; text-transform: uppercase;}
div.highlight_no_content {background-color: #993300; color: #FFF; padding: 3px;}
a.evt_type3 {color: #933533; text-decoration: none; display: block;}
a.evt_type4 {color: #6f2f9f; text-decoration: none; display: block;}
a.evt_type5 {color: #1e487c; text-decoration: none; display: block;}
a.evt_type6 {color: #993300; text-decoration: none; display: block;}
a.evt_type7 {color: #3300FF; text-decoration: none; display: block;}
a.evt_type8 {color: #ff0404; text-decoration: none; display: block;}
a.evt_type9 {color: #00af4f; text-decoration: none; display: block;}
a.evt_type10 {color: #000; text-decoration: none; display: block;}
a.evt_type13 {color: #f69545; text-decoration: none; display: block;}
a.evt_type3:hover, a.evt_type4:hover, a.evt_type5:hover, a.evt_type6:hover, a.evt_type7:hover, a.evt_type8:hover, a.evt_type9:hover, a.evt_type10:hover, a.evt_type13:hover {text-decoration: underline;}