/*  =top TABLE OF CONTENTS --------------------------

=reset
=blocktext
=typograpohy
=anchors
=color
=nav_access
=body
=layout
=branding
=nav_main
=content_main
=content_nav
=content_wyndham
=content_register
=site_info
=forms
=classes

HTML REF:

Body tag classes:
.index
.games
.tournaments
.slot_locator-StThomas
.slot_locator-StJohn
.travel_packages-StThomas
.travel_packages-StJohn
.travel_packages-info
.player_center
.news
.events
.about_us-company
.employment
.contact_us
.thanks_register

Div structure:
#nav_access
#container
	#branding
	#nav_main
	#content
		#content_main
			#box-outer
				#box-inner
		#content_nav
		#content_register
		#content_wyndham
	#site_info
	
--------------------------------------------------*/

/*  =reset/normalize user agent css --------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

/* =blocktext ------------------------------------*/
h2, h3, h4, h5, p, ul {	margin : 0 20px; padding : .5em 0; }

/* =typograpohy --------------------------------- */
strong { font-weight : bold; font-style : normal; }
i {	font-style : italic; }
div#site_info p label { font-weight : normal; }

#content_main h2, #content_main h3 {
	font-weight : bold;
	font-size : 104%;
 	padding-bottom : 0; }

/* =anchors ------------------------------------- */
a {	color : #58595b; } /* grey (same as text) */ 
a:link { text-decoration : none; }
a:visited { text-decoration : none; }
a:hover { text-decoration : underline; }
a:active { text-decoration : none; }

.index #content_main a { color : #b11f2c; } /* deep red */ 

/* =color ----------------------------------------- */
/* headers */
.index #content_main h2, .index #content_main h3,
.games #content_main h2, .games #content_main h3,
.tournaments #content_main h2, .tournaments #content_main h3 { color : #b11f2c; } /* red */

.slot_locator-StThomas #content_main h2, .slot_locator-StThomas #content_main h3,
.slot_locator-StJohn #content_main h2, .slot_locator-StJohn #content_main h3 { color : #006a9c; } /* blue */

.player_center #content_main h2, .player_center #content_main h3 { color : #f47620; } /* orange */

.news #content_main h2, .news #content_main h3,
.events #content_main h2, .events #content_main h3 { color : #662c91; } /* purple */

.about_us #content_main h2, .about_us #content_main h3,
.contact_us #content_main h2, .contact_us #content_main h3,
.employment #content_main h2, .employment #content_main h3,
.thanks_register #content_main h2, .thanks_register #content_main h3 { color : #00a4c9; } /* li. blue */

.travel_packages-StThomas #content_main h2, .travel_packages-StThomas #content_main h3,
.travel_packages-StJohn #content_main h2, .travel_packages-StJohn #content_main h3,
.travel_packages-info #content_main h2, .travel_packages-info #content_main h3 { color : #608e2b; } /* green */

/* map locations */
.west_end { color : #662c91 ! important; }
.crown_bay { color : #6c9d31 ! important; }
.downtown { color : #f26521 ! important; }
.havensight { color : #faa61a ! important; }
.south_shore { color : #bc1a8d ! important; }
.north_shore { color : #004766 ! important; }
.east_end { color : #00a4c9 ! important; }
.country { color : #c1272d ! important; }

/* =nav_access ---------------------------------- */
/* hide from visual user agents */
#nav_access { position : absolute; text-indent : -9999px; }

/* =body -----------------------------------------*/
body {
	position : relative;
	margin : 20px auto 0 auto;
	font : 76%/1.2em  Arial, Helvetica, sans-serif;
	color : #58595b; /* grey */
	background : #fff url(../images/body.gif) repeat;
	text-align : center; /* keep this for layout reasons, some IE versions don't honor auto margins */
	min-width : 808px; } /* for Netscape 6 */

/* =layout -------------------------------------- */
div#container {
	width : 800px;
	margin : 0 auto;
	text-align : left; } /* put back alignment */ 

/* =branding ------------------------------------ */
div#branding { height : 251px; }
.index div#branding h1 { position : absolute; text-indent : -9999px; } /* Remove h1 from layout, index page has flash content */

/* Phark style image replacment of H1 on each page */
div#branding h1 {
	width : 800px;
	height : 251px;
	text-indent : -9999px; }
/* set image for different pages, classes are on the body tag */
.games div#branding h1, .tournaments div#branding h1 { background: url(../images/branding_games.jpg) no-repeat; }
.slot_locator-StThomas div#branding h1, .slot_locator-StJohn div#branding h1 { background: url(../images/branding_slot_locator.jpg) no-repeat; }
.travel_packages-StThomas div#branding h1, .travel_packages-StJohn div#branding h1, .travel_packages-info div#branding h1 { background: url(../images/branding_travel.jpg) no-repeat; }
.player_center div#branding h1 { background: url(../images/branding_player_center.jpg) no-repeat; }
.news div#branding h1, .events div#branding h1 { background: url(../images/branding_news.jpg) no-repeat; }
.about_us-company div#branding h1, .employment div#branding h1, .contact_us div#branding h1, .thanks_register div#branding h1 { background: url(../images/branding_about_us.jpg) no-repeat; }

/* =nav_main ------------------------------------ */
/* NAV BAR with image replacment via Gilder/Levin method  */
div#nav_main { height : 29px; margin : 10px 0; }

div#nav_main ul { margin : 0; padding : 0; } /* counteract blocktext styling above*/

/* keep everything in horiz bar  */
div#nav_main ul li {
	float : left;
	margin : 0;
	padding : 0;
	overflow : hidden; }

/* anchors behave as buttons */	
div#nav_main ul a {
	color : #000;
	background-color : #fff;
	font-size : x-small; /* just in case image dosen't load */
 	display : block;
	position : relative; /* establish positioning context for image replacement */
	height : 29px;
	float : left; } /* Hack, IE MAC 5.2 doesn't "shrink-wrap" the floated list items bacause the anchors are set to block, so float the anchors too */	

/* make space for image */
div#nav_main ul a#southland { width : 169px; }
div#nav_main ul a#games { width : 141px; }
div#nav_main ul a#slot { width : 90px; }
div#nav_main ul a#travel { width : 112px; }
div#nav_main ul a#player { width : 99px; }
div#nav_main ul a#news { width : 106px; }
div#nav_main ul a#about { width : 83px; }

/* image replacment via Gilder/Levin method (needs non-semantic span in HTML but leaves text in place for useragents w/ images off but CSS on) */
div#nav_main a span {
	position : absolute;
	width : 100%;
	height : 100%; }

/* offsetting a single image  */
div#nav_main ul a#southland span { background : url(../images/nav_main.gif) 0px 0px; }
div#nav_main ul a#games span { background : url(../images/nav_main.gif) -169px 0px; }
div#nav_main ul a#slot span { background : url(../images/nav_main.gif) -310px 0px; }
div#nav_main ul a#travel span { background : url(../images/nav_main.gif) -400px 0px; }
div#nav_main ul a#player span { background : url(../images/nav_main.gif) -512px 0px; }
div#nav_main ul a#news span { background : url(../images/nav_main.gif) -611px 0px; }
div#nav_main ul a#about span { background : url(../images/nav_main.gif) -717px 0px; }

/* hover states */
div#nav_main ul a:hover#southland span { background : url(../images/nav_main.gif) 0px 58px; }
div#nav_main ul a:hover#games span { background : url(../images/nav_main.gif) -169px 58px; }
div#nav_main ul a:hover#slot span { background : url(../images/nav_main.gif) -310px 58px; }
div#nav_main ul a:hover#travel span { background : url(../images/nav_main.gif) -400px 58px; }
div#nav_main ul a:hover#player span { background : url(../images/nav_main.gif) -512px 58px; }
div#nav_main ul a:hover#news span { background : url(../images/nav_main.gif) -611px 58px; }
div#nav_main ul a:hover#about span { background : url(../images/nav_main.gif) -717px 58px; }

/* "here" states */
div#nav_main ul #southland.here span { background : url(../images/nav_main.gif) 0px 29px; }
div#nav_main ul #games.here span { background : url(../images/nav_main.gif) -169px 29px; }
div#nav_main ul #slot.here span { background : url(../images/nav_main.gif) -310px 29px; }
div#nav_main ul #travel.here span { background : url(../images/nav_main.gif) -400px 29px; }
div#nav_main ul #player.here span { background : url(../images/nav_main.gif) -512px 29px; }
div#nav_main ul #news.here span { background : url(../images/nav_main.gif) -611px 29px; }
div#nav_main ul #about.here span { background : url(../images/nav_main.gif) -717px 29px; }	

/* CLEARING METHOD FOR STYLED EMPTY "BOX" DIVS in content_main and site_info,
REF: http://www.quirksmode.org/css/clearing.html */
div.box-inner { overflow: hidden; width: 100%; } 

/* =content ------------------------------------- */
/* =content_main -------------------------------- */
/* keep short boxes aligned */
#content_main div.box-inner { min-height : 226px; } 
.index #content_main .box-inner { min-height : 276px; }
	
/* index page layout (fixed-width) */
.index div#content_main {
	width : 363px;
	float : left;
	font-size : 11px;
	line-height : 1.15em;
	background : #fff url(../images/index_content_main-bg.gif) repeat-y; }

/* apply border effect, 2 nonsemantic divs are used for the top and bottom images */
.index #content_main div.box-outer { background : transparent url(../images/index_content_main-top.gif) no-repeat left top; }
.index #content_main div.box-inner { background : transparent url(../images/index_content_main-bottom.gif) no-repeat left bottom; }

.index #content_main .box-outer { padding-top : 0; }
.index #content_main .box-inner { padding-bottom : 0; }

/* all other pages layout (fixed-width) */		
div#content_main {
	width : 632px;
	float : right;
	background : #fff url(../images/content_main-bg.gif) repeat-y;
	margin-bottom : 10px; }

/* apply border effect, 2 nonsemantic divs are used for the top and bottom images */
#content_main div.box-outer { background : transparent url(../images/content_main-top.gif) no-repeat left top; }
#content_main div.box-inner { background : transparent url(../images/content_main-bottom.gif) no-repeat left bottom; }

#content_main .box-outer { padding-top : 26px; }
#content_main .box-inner { padding-bottom : 26px; }

/* lists and list with floated images layout */
/* remove left margin and left padding from p and h */
div#content_main li p, div#content_main li h3, div#content_main li p, div#content_main li h3  {	
	margin-left : 0;	padding-left : 0; }

.index div#content_main li, .games div#content_main li { clear : both; }
	
.index div#content_main li {
 	background : url(../images/index_feature_div.gif) no-repeat center bottom;
	padding-top : 10px;
	padding-bottom : 10px; }
		
.games div#content_main li, .news div#content_main li {
	background : url(../images/feature_div.gif) no-repeat center bottom;
	padding-top : 20px;
	padding-bottom : 24px; }		
	
.index #content_main li img, .games #content_main li img {
	float : left;
	padding-left : 10px;
	margin-top : .3em; }
	
/* make room for image */
.index #content_main li p, .index #content_main li h2, .index #content_main li h3 { margin : .125em 0; padding : 0 20px 0 110px; }
.games #content_main li p, .games #content_main li h2, .games #content_main li h3 {	margin : .125em 0; padding : 0 20px 0 140px; }	

/* slot locator list layout (columns) */
.slot_locator-StThomas #content_main ul, .slot_locator-StJohn #content_main ul {
	float : left;
	width : 260px; }

.slot_locator-StThomas div#content_main li, .slot_locator-StJohn div#content_main li { padding : .5em; }

.slot_locator-StThomas div#content_main li img, .slot_locator-StJohn div#content_main li img { padding-top : 1em; }
	
/* travel packages layout */
.travel_packages-StThomas div#content_main li, .travel_packages-StJohn div#content_main li {
	background : transparent url(../images/feature_div.gif) no-repeat center bottom;
	padding-top : 20px;
	padding-bottom : 24px; }

/* float image */	
.travel_packages-StThomas div#content_main li img, .travel_packages-StJohn div#content_main li img { float : right; }
/* Clearing method: http://www.quirksmode.org/css/clearing.html */
.travel_packages-StThomas div#content_main li, .travel_packages-StJohn div#content_main li { overflow: hidden; width: 100%; }

/* content_main h2 image replacment, Phark method */
#content_main h2 { text-indent : -9999px; }

.games #content_main h2 {
	width : 366px;
	height : 48px;
	background : url(../images/games_h2.gif) no-repeat; }
	
.tournaments #content_main h2  {
	width : 476px;
	height : 76px;
	background : url(../images/tournaments_h2.gif) no-repeat; }
	
.slot_locator-StThomas #content_main h2, .slot_locator-StJohn #content_main h2 {
	width : 560px;
	height : 102px;
	background : url(../images/slot_locator_h2.gif) no-repeat; }
	
.travel_packages-StThomas #content_main h2, .travel_packages-StJohn #content_main h2  {
	width : 560px;
	height : 102px;
	background : url(../images/travel_packages_h2.gif) no-repeat; }

.travel_packages-info #content_main h2  {
	width : 407px;
	height : 20px;
	background : url(../images/travel_packages_info_h2.gif) no-repeat; }	

.player_center #content_main h2 {
	width : 413px;
	height : 20px;
	background : url(../images/player_center_h2.gif) no-repeat; }
	
.news #content_main h2, .events #content_main h2 {
	width : 511px;
	height : 21px;
	background : url(../images/news_h2.gif) no-repeat; }
	
.about_us-company #content_main h2 {
	width : 353px;
	height : 47px;
	background : url(../images/about_us_h2.gif) no-repeat; }


.awards_main_hdr {
	width : 550px;
	height : 120px;
	position : absolute; 
	text-indent : -9999px;
	background : url(../images/awards.gif) no-repeat; }


/* =content_nav --------------------------------- */
div#content_nav a {	
	color : #fff;
	font-size : 11px;
	padding-left : 15px;
	display : block; }

div#content_nav ul {
	padding-top : 20px;
	margin : 0; }

div#content_nav li { 
	padding-left : 10px;
	padding-right : 7px;
	margin : 0 0 .5em 0; }

/* add bullet to here/current page */
div#content_nav a.here { background : url(../images/bullet.gif) no-repeat left center; }

div#content_nav {
	float : left;
	width : 157px;
	height : 276px;
	margin-bottom : 10px;
	background-color : #000; }

/* add background boxes */
.games div#content_nav, .tournaments div#content_nav { background : url(../images/games_content_nav.gif) no-repeat top left; }
.slot_locator-StThomas div#content_nav, .slot_locator-StJohn div#content_nav { background : url(../images/slot_locator_content_nav.gif) no-repeat top left; }
.about_us div#content_nav, .about_us-company div#content_nav, .employment div#content_nav, .contact_us div#content_nav, .thanks_register div#content_nav { background : url(../images/about_us_content_nav.gif) no-repeat top left; }
.news div#content_nav, .events div#content_nav { background : url(../images/news_content_nav.gif) no-repeat top left; }
.travel_packages-StThomas div#content_nav, .travel_packages-StJohn div#content_nav, .travel_packages-info div#content_nav { background : url(../images/travel_content_nav.gif) no-repeat top left; }

/* =content_wyndham --------------------------------- */
div#content_wyndham {
	width : 156px;
	height : 194px;
	float : left;
	margin-left : 0px;
	margin-bottom : 10px; }

.index div#content_wyndham {
	width : 235px;
	height : 276px;
	float : left;
	margin-left : 8px;
	margin-bottom : 10px; }

/* =content_register ---------------------------- */
/* index page*/
/* fixed pixel dimensions, text and form will sit over the bg image */
div#content_register {
	width : 157px;
	height : 276px;
	float : left;
	margin-left : 0;
	margin-bottom : 10px;
	background : #fff url(../images/register.jpg) no-repeat;
	clear : left; }
	
.index div#content_register {
	width : 187px;
	margin-left : 7px;
	background : #fff url(../images/index_register.jpg) no-repeat;
	clear : none; }

/* remove h2 "register now" is in the image */
div#content_register h2 { position : absolute; text-indent : -9999px; }

div#content_register p {
	color : #b11f2c; /* deep red */
	font-size : 11px;
	line-height : 1.2em;
	margin-left : 22px;
	margin-bottom : .25em; }

/* =site info ----------------------------------- */
div#site_info { 
	clear : both;
	width : 800px;
	margin : 10px 0 20px 0;
	background : #fff url(../images/site_info-bg.gif) repeat-y;
	font-size : 11px; }

/* apply border effect, 2 nonsemantic divs are used for the top and bottom images */
#site_info div.box-outer { background : transparent url(../images/site_info-top.gif) no-repeat left top; }
#site_info div.box-inner { background : transparent url(../images/site_info-bottom.gif) no-repeat left bottom; }

/* li horiz. */
#site_info li {
	padding : .5em;
	display : inline;
	background : transparent url(../images/site_info-divider.gif) no-repeat right center; }

#site_info li a { line-height : 1.5em; }

/* =forms --------------------------------------- */
form p { padding-top : .125em; padding-bottom : .125em; }

/* contact_us form ------------------------------ */
.contact_us label { display : block; font-weight : bold; }
.contact_us .formbox { width : 250px; }
.contact_us textarea { width : 250px; height : 8em; }
.contact_us fieldset { float : left; }
.contact_us fieldset + fieldset { margin-left : -20px; } /* counteract blocktext styling */
#send { clear : left; }

/* contact_register form ------------------------------ */
div#content_register form { margin-top : 95px; }

div#content_register input.textbox { width : 100px; }
.index div#content_register input.textbox { width : 120px; }

/* =classes --------------------------------------- */
.warning { color : #f00; font-weight : bold; }
.here { font-weight : bold; }
.sent { color : #007d00; font-weight : bold; font-size : 105%; padding-bottom : 1em; }
a.popup { text-decoration : underline ! important; }
a:hover.popup { text-decoration : underline ! important; font-weight : bold ! important; }
.clear { clear : both; }
img.button_map { position : relative; top : 10px;}
li.last { background-image : none ! important; }

/* page specific to Community Awards area ------------------------ */
#winner_intro {
	font-size:12px;
}


#winner_intro .date {
	font-weight:bold;
	text-decoration:underline;
	font-size:14px;
	font-style:italic;
}

#winner_intro span {
	display:block;
}

#winner_intro img {
	margin:0 10px 0 0;
}

#winner_intro span:hover {
	text-decoration:underline;
}
#award_winners_page_head {
	margin:20px;
	font-size:18px;
	font-style:italic;
	color:#d93235;
}

.award_popup {
	z-index:2;
	display:none;
	width:480px;
	height:auto;
	padding:130px 30px 30px 30px;
	border:1px solid #ccc;
	background : url(../images/award_popup_bg.jpg) no-repeat top center;
	background-color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
}

#award_popup_toolbar {
	font-size:10px;
	font-weight:bold;
}	

#backgroundPopup{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}