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


/* ------------------------------------------------ GENEREL STYLES ------------------------------------------------ */

/* ------------------------------------------------ BODY ------------------------------------------------ */

body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px ;
	background-color: #e5dfdc;
	background-image: url("/gfx/background.jpg");
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow-y:scroll;
}

tbody{
	border: 0px;
}

table {
	width: 100%;
}

.cpagecontent table
{
	margin-bottom: 1em;
}

.cpagecontent td{
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	padding: 5px 0px 3px 10px;
	background-color: #f5f5f5;
	border-bottom: 2px solid #FFFFFF;
}

.cpagecontent table.clean td
{
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	border-bottom: none;
}



/* ------------------------------------------------ CENTERED CONTENT HOLDER ------------------------------------------------ */

.holder {
	width: 960px;
	position: absolute;
	margin-left: -480px;
	left: 50%;
	}




/* ------------------------------------------------ SHARE THIS ON FACEBOOK ------------------------------------------------ */

.share-on-facebook {
	position: absolute;
	top: -22px;
	left: 215px;
}



/* ------------------------------------------------ HORISONTAL SEPERATOR ------------------------------------------------ */

.color_line
{
	background-color:#ffffff;
	background-repeat:repeat-x;
	clear:both;
	height: 5px;
	margin-bottom: 43px;
	width: 960px;
}

.white_line {
	width: 960px;
	height: 4px;
	background-color: #FFF;
	clear: both;
	}
	
.white_line_right {
	width: 200px;
	height: 4px;
	background-color: #FFF;
	clear: both;
	}


/* ------------------------------------------------ TEXT & LINKS ------------------------------------------------ */

A:link, A:visited {
	font-size: 11px;
	color:#a77010;
	text-decoration: underline;
	}
	
A:hover, A:active {
	font-size: 11px;
	color:#999;
	text-decoration: none;
	}

h1, h2, h3
{
	font-family: 'FuturaStdLight';
}

H1 {
	font-size: 30px;
	font-weight:normal;
	text-transform: uppercase;
	line-height: 35px;
	margin-bottom: 20px;
	}

H2 {
	font-size: 12px;
	font-weight:normal;
	font-style:italic;
	text-transform: uppercase;
	color: #333;
	}
	
H3 {
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	color: #333;
	line-height: 12px;
	margin-bottom: 0px;
	}

.content p
{
	margin-bottom: 1em;
}

/* ------------------------------------------------ TOP STYLES ------------------------------------------------ */



/* ------------------------------------------------ ADMIN MENU ------------------------------------------------ */
#admintoolbar{
	width: 500px;
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	text-align: left;
}
#admintoolbar .pimp a{	
	text-decoration: none;
	margin-right: 15px;
	color: #666666;
}
#admintoolbar a{
	color: #666666;
	padding-right: 10px;
}



/* ------------------------------------------------- TOP MENU ------------------------------------------------- */



.topmenu {
	/*background-color: #311e15;*/
	height: 20px;
	width: 945px;
	color: #FFF;
	padding-top: 6px;
	text-align:right;
	padding-right: 15px;
	color: #FFF;
	font-size:10px;
	}
	
A:link#topmenu, A:visited#topmenu {
	font-size: 10px;
	color:#FFF;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	}
	
A:hover#topmenu, A:active#topmenu {
	font-size: 10px;
	color:#a77010;
	text-decoration: none;
	}
	


/* -------------------------------------------- LANGUAGE SELECTOR -------------------------------------------- */
.block-locale ul{
	margin-top: 1px;
	list-style-type: none;
}
.block-locale li{
	float: right;
	margin-left: 10px;
}
.block-locale li a{
	/*background-image:url(/gfx/language_bg_off.gif);
	background-repeat:no-repeat;*/
	color:#000000;
	font-size:10px;
	height:16px;
	padding-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
}

.block-locale li a:hover,
.block-locale li.active a,
.block-locale li.active a:hover{
	background-image:url(/gfx/language_bg_on.gif);
	background-repeat:no-repeat;
	color: #ffffff;
}
.block-locale li.active a{
}

A:link#language, A:visited#language {
	height: 16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	font-size: 10px;
	color:#FFF;
	text-decoration: none;
	background-image:url(../gfx/language_bg_off.gif);
	background-repeat:no-repeat;
	}
	
A:hover#language, A:active#language {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	font-size: 10px;
	color:#FFF;
	text-decoration: none;
	background-image:url(../gfx/language_bg_hover.gif);
	background-repeat:no-repeat;
	}
	
A:link#language_active, A:visited#language_active {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	font-size: 10px;
	color:#000;
	text-decoration: none;
	background-image:url(../gfx/language_bg_on.gif);
	background-repeat:no-repeat;
	}
	
A:hover#language_active, A:active#language_active {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	font-size: 10px;
	color:#FFF;
	text-decoration: none;
	background-image:url(../gfx/language_bg_hover.gif);
	background-repeat:no-repeat;
	}
	


/* ------------------------------------------------ TOP IMAGE ------------------------------------------------ */

#top_image
{
	background-color:#000000;
	height:150px;
	position:relative;
	width:960px;
}

#top_logo
{
	left:30px;
	position:absolute;
	top: 0px;
}





/* ------------------------------------------------ FLASH TOP ------------------------------------------------ */

.flashtop {
	width: 960px;
	height: 250px;
	background-color: #000000;
	}


/* ------------------------------------------------ MAIN MENU ------------------------------------------------ */


/*#block-menu_block-1 ul, #block-menu_block-1 li{
	margin: 0px;
	padding: 0px;
}
#block-menu_block-1 li{
	list-style-type: none;
	padding-top: 3px;
}

#block-menu_block-1 a{
	padding-left: 4px;
	padding-right: 4px;
	text-decoration: none;
	color: #391a08;
}

*/
#block-menu-primary-links li, #block-menu-primary-links li.collapsed{
	float: left;
	list-style-type: none;
}
#block-menu-primary-links li.expanded ul{
	display: none;
}

/*#block-menu-primary-links li a{*/
.mainmenu a,
.mainmenu a:link,
.mainmenu a:visited {
	color: #FFFFFF;
	font-size: 20px;
	margin-left: 8px;
	margin-right: 12px;
	text-decoration: none;
	text-transform: uppercase;
}

/*#block-menu_block-1 ul li ul{
	padding-left: 10px;
}*/

.mainmenu_holder {
	width: 960px;
	height: 42px;
	background-color:#391a08;
	position:relative;
}

.mainmenu {
	height: 34px;
	width: 756px; 
	/*padding-top: 8px;*/
	padding-left: 18px;
	float:left;
}

.mainmenu ul.menu
{
	padding: 0px;
}

.mainmenu ul.menu li,
.mainmenu ul.menu li.collapsed
{
	height: 30px;
	padding: 12px 0px 0px 0px;
}

.mainmenu ul.menu li.active-trail
{
	background-position: center bottom;
	background-repeat:no-repeat;
}

A:link#mainmenu, A:visited#mainmenu {
	font-size: 20px;
	color:#000;
	text-decoration: none;
	margin-left: 23px;
	}
	
A:hover#mainmenu, A:active#mainmenu {
	font-size: 20px;
	color:#a77010;
	text-decoration: none;
	}


/* ------------------------------------------------ SEARCH ------------------------------------------------ */

.searchbox {
	/*height: 31px;
	width: 187px;
	margin-left: 5px;
	padding-left: 12px;
	padding-top: 11px;
	float:left;*/
	position: absolute;
	top:14px;
	right: 31px;
}

#searchbox .block-search
{
	display:inline;
}

#searchbox .search-icon
{
	position:absolute;
	right: 152px;
	top: 2px;
}

#searchbox input.form-text
{
	background:#ffffff;
	background-image:url("/gfx/search-input-background.png");
	background-repeat:no-repeat;
	
	font-size:11px;
	width: 99px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	border-style:hidden;
	margin-right: 10px;
	overflow-y:hidden;
	margin-left:10px;
}
	
#search_input {
	background:none;
	font-size:11px;
	width: 109px;
	font-family:Arial, Helvetica, sans-serif;
	border-style:hidden;
	color:#311e15;
	padding-left: 2px;
	margin-right: 2px;
}

#search_button {
	width: 57px;
	height: 16px;
	margin-top:2px;
	background-image:url(../gfx/search_button.gif);
	background-repeat:no-repeat;
	border-style:hidden;
	cursor:pointer;
	font-weight: bold;
}

#searchbox .form-submit{
	width: 30px;
	height: 15px;
	background-color:transparent;
	background-image:url("/gfx/search_button_small.png");
	background-repeat:no-repeat;
	border-style:hidden;
	cursor:pointer;
	color: #000000;
	text-transform: uppercase;
	font-size: 10px;
	text-indent:-9999px;
	position:relative;
	top:1px;
}

	
/* ------------------------------------------------ SUBMENU & CONTENT STYLES ------------------------------------------------ */

.content_holder {
	width: 960;
	background-repeat:repeat-y;
	background-image: url('/gfx/page_bg.png');
	position:relative;
	padding-bottom: 35px;
	margin-bottom: 35px;
}

.submenu {
	float:left;
	font-size: 11px;
	line-height: 20px;
	padding: 35px 5px 35px 20px;
	width: 175px;
}

.submenu a, .submenu a:link, .submenu a:visited
{
	color: #391a08;
	text-decoration:none;
}

.submenu ul {
	padding: 0px;
	margin:0px;
}

.submenu ul li {
	list-style:none;
	padding: 0px 0px 0px 13px;
	margin:0px;
}

.submenu ul li.active-trail {
	background-position: 0px 6px;
	background-repeat: no-repeat;
}

.submenu ul li ul
{
	display:none;
}

.submenu ul li.active-trail ul
{
	background-color: #ffffff;
	display:block;
}

.submenu ul li.active-trail ul li.active-trail {
	background-image:none;
}

a:link#sublink, a:visited#sublink {
	line-height: 18px;
	color:#391a08;
	text-decoration:none;
	padding-left: 4px;
	padding-right: 4px;
}

a:active#sublink, a:hover#sublink {
	color:#a77010;
	text-decoration:none;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 18px;
}

a:link#sublink_on, a:visited#sublink_on {
	color:#FFF;
	background-color:#a77010;
	text-decoration:none;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 18px;
}

a:active#sublink_on, a:hover#sublink_on {
	color:#a77010;
	background-color:#f5f5f5;
	text-decoration:none;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 18px;
}
/* style for making bullets on left menu */

#block-menu_block-1 a:hover, 
#block-menu_block-1 a.active-trail:hover{
	text-decoration: none;
}
#block-menu_block-1 a.active-trail{
	font-weight:bold;
}

















.content {
	width: 480px;
	padding-top: 35px;
	float: left;
	margin-left: 40px;
	margin-right: 40px;
	padding-bottom: 35px;
}

.content,
#frontpage_teaser_boxes_wrapper,
.textandimage
{
	line-height: 18px;
	font-size:		12px;
	font-family:	Georgia, "Times New Roman", Times, serif;
}

.videoplayerwrapper{
	width: 480px;
	height: 270px;
	margin-bottom: 20px;
}


/* ------------------------------------------------ CALL TO ACTION BOX STYLES ------------------------------------------------ */

.calltoaction {
	height: 36px;
	width: 480px;
	background-color:#960;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image:url(../gfx/action_grey_bg.gif);
	cursor: pointer;
}

.calltoaction_start {
	background-image:url(../gfx/action_brown_end.gif);
	width: 5px;
	height: 36px;
	float:left;
}

.calltoaction_big {
	background-image:url(../gfx/action_brown_bg.gif);
	height: 26px;
	min-width: 30px;
	font-size:24px;
	text-transform: uppercase;
	color:#FFF;
	font-weight:bold;
	padding-top: 10px;
	padding-right: 5px;
	float:left;
	cursor: pointer;
	}
	
.calltoaction_small {
	height: 30px;
	min-width: 30px;
	max-width: 310px;
	padding-left: 10px;
	padding-top: 6px;
	line-height: 12px;
	float: left;
	color:#FFF;
	font-size: 10px;
	cursor: pointer;
	}
	
.calltoaction_end {
	background-image:url(../gfx/action_grey_end.gif);
	width: 5px;
	height: 36px;
	float: right;
}
	
.rightboxes {
	width: 200px;
	background-color:#f5f5f5;
	float:left;
}

/* ------------------------------------------------ GALLERY STYLES ------------------------------------------------ */

.gallery {
	width: 480px;		
}

.galleryphoto {
	width: 115px;
	height: 115px;
	float:left;
	margin: 2px 2px 3px 3px;
	background-color:#FFF;
}

#photo:hover, #photo:active {
	border: 0px;
	margin-top: 1px;
	margin-left: 1px;
	}

#photo {
	border: 0px;
	}




/* ------------------------------------------------ FORM STYLES ------------------------------------------------ */

#contentform {
	width: 445px;
	background-color:#f5f5f5;
	padding-bottom: 25px;
	padding-top: 25px;
	padding-left: 35px;
}

input {
	width: 250px;
	padding-left: 3px;
	background-color:#a6a6a6;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px;
}

textarea {
	width: 250px;
	padding-left: 3px;
	height: 150px;
	background-color:#a6a6a6;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px;
}

.cpagecontent select {
	width: 253px;
	background-color:#a6a6a6;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	border: 0px;
}

#submit {
	width: 253px;
	background-color:#8c8c8c;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-transform: uppercase;
	background-image:url(../gfx/form_submit.gif);
	cursor:pointer;
}

label {
	width: 153px;
	vertical-align: top;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	display: inline-table;
	margin-top: 2px;
}



/* ------------------------------------------------ SUB OVERVIEW STYLES ------------------------------------------------ */


.overviewbox {
	background-color:#ebe8e6;
	width: 480px;
	height: 135px;
	margin-top: 35px;
	position:relative;
	/*width: 236px;
	height: 65px;
	cursor:pointer;
	float:left;
	padding-top: 50px;
	margin-left: 4px;
	margin-top: 4px;
	background-image:url(../gfx/overview_bg.gif);*/
}

.overviewbox .overviewImage
{
	float:left;
	width:240px;
	height: 135px;
	overflow:hidden;
	position:absolute;
}

.overviewbox .overviewImage img
{
	height: 100%;
	min-width: 100%;
}

.overviewbox .overviewSeperator
{
	background-repeat:repeat-x;
	float:left;
	height: 135px;
	width: 5px;
	position:absolute;
}

.overviewbox .overviewContent
{
	float:left;
	height: 120px;
	padding: 15px 15px 0px 15px;
	position:absolute;
	width: 205px;
}

.overviewbox .overviewContent h2
{
	font-style:normal;
	font-size: 18px;
}

.overviewbox .overviewImage
{
	left:0px;
}

.overviewbox .overviewSeperator
{
	left: 240px;
}

.overviewbox .overviewContent
{
	left: 245px;
}

.overviewbox-odd .overviewImage
{
	left:240px;
}

.overviewbox-odd .overviewSeperator
{
	left: 235px;
}

.overviewbox-odd .overviewContent
{
	left: 0px;
}

.overviewbox .overviewReadMore
{
	background-position: 0px 2px;
	background-repeat:no-repeat;
	color: #391a08;
	float:left;
	height: 15px;
	padding: 0px 0px 3px 20px;
	text-decoration: none;
	
}


/* ------------------------------------------------ FRONT PAGE ------------------------------------------------ */

/* ------------------------------------------------ FOCUS BOX ------------------------------------------------ */

.focusbox1 {
	width: 376px;
	height: 132px;
	background-color:#e7e5e5;
	float:left;
}

.focusbox2 {
	width: 376px;
	height: 132px;
	background-color:#e7e5e5;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
}

.focusboxpicture {
	height: 115px;
	width: 115px;
	margin-left: 8px;
	margin-top: 8px;
	float:left;
}

.focusboxtext {
	width: 230px;
	height: 92px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-top: 10px;
	float:left;
}

.focusboxtext p{
	margin-top: 3px;
	margin-bottom: 6px;
	color: #5a4b44;
}

A:link#focuslink, A:visited#focuslink {
	font-size: 11px;
	color:#666;
	text-decoration: none;
	}
	
A:hover#focuslink, A:active#focuslink {
	font-size: 11px;
	color:#000;
	text-decoration: underline;
	}

/* ------------------------------------------------ BOOK & NEWSLETTER BOX ------------------------------------------------ */

.rightbox1 {
	width: 181px;
	height: 122px;
	background-color: #5a4b44;
	float:left;
	padding-top: 10px;
	padding-left: 19px;
	}
	
.rightbox2 {
	width: 181px;
	height: 122px;
	background-color: #837873;
	float:left;
	padding-top: 10px;
	padding-left: 19px;
}
.rightbox1 h3, .rightbox2 h3{
	color: #FFFFFF;
}
	
a:link#readmore, a:visited#readmore {
	font-size:9px;
	font-variant:small-caps;
	color:#FFF;
	text-decoration:none;
}

a:hover#readmore, a:active#readmore {
	font-size:9px;
	font-variant:small-caps;
	color:#FFF;
	text-decoration:underline;
}

/*#newsletter_input, */
.input_smallround {
	background-color: #837873;
	background-image:url(../gfx/newsletter_input.gif);
	background-repeat:no-repeat;
	width: 157px;
	height: 16px;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 1px;
	color:#311e15;
	border-style:hidden;
	margin-bottom: 4px;
}

/*#newsletter_button {
	background-image:url(../gfx/newsletter_submit.gif);
	background-repeat:no-repeat;
	border-style:hidden;
	width: 70px;
	height: 19px;
	cursor:pointer;
	margin-top: 3px;
	margin-left: 87px;
	color: #bc8b00;
}*/

.clubSignup
{
	color: #391a08;
	margin-top: 65px;
}


.clubSignup h3
{
	margin: 0px 0px 10px 0px;
	font-size: 15px;
}

.clubSignup h3 img
{
	margin-right: 10px;
	position: relative;
	top:2px;
}

.clubSignup p
{
	margin-bottom: 1em;
}

.clubSignup form
{
	margin-top:20px;
}

.clubSignup label
{
	color: 391a08;
	margin-bottom: 5px;
}

.clubSignup .inputText
{
	background-color:transparent;
	background-image:url("/gfx/club-signup-inputbg.png");
	background-repeat:no-repeat;
	border: 0px;
	height: 15px;
	margin-bottom: 15px;
	padding: 0px;
	width: 149px;
	
}

.clubSignup .submitButton
{
	background-color: none;
	background-image:url("/gfx/signup_button.png");
	background-repeat:no-repeat;
	width: 30px;
	height:15px;
	text-indent: -9999px;
}


/* ------------------------------------------------ NEWSLIST & CALENDAR ------------------------------------------------ */


.newslist {
	width: 200px;
	padding-left: 19px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#datebox {
	color: #FFF;
	background-color:#333;
	padding-left: 1px;
	padding-right: 2px;
	font-size: 9px;
}

a:link#newslink, a:visited#newslink {
	text-decoration:none;
	color:#333;
}

a:hover#newslink, a:active#newslink {
	text-decoration:underline;	
}

.calendarlist {
	width: 200px;
	padding-left: 19px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* ------------------------------------------------ BOTTOM STYLES ------------------------------------------------ */

/* ------------------------------------------------ SEO BOX ------------------------------------------------ */

.seobox {
	background-image:url(../gfx/seo_bg.gif);
	background-color:#CCC;
	width: 960px;
	height: 165px;
	}


.seolist {
	height: 350px;
	width: 215px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 20px;
	float: left;
}

A:link#seolink, A:visited#seolink {
	font-size: 11px;
	color:#666;
	text-decoration: none;
	}
	
A:hover#seolink, A:active#seolink {
	font-size: 11px;
	color:#333;
	text-decoration: underline;
	}

/* ------------------------------------------------ SECONDAIRY MENU ------------------------------------------------ */

.secmenu {
	background-color: #000;
	height: 20px;
	width: 945px;
	color: #FFF;
	padding-top: 6px;
	text-align:right;
	padding-right: 15px;
	color: #FFF;
	font-size:10px;
	}
	
A:link#secmenu, A:visited#secmenu {
	font-size: 10px;
	color:#FFF;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	}
	
A:hover#secmenu, A:active#secmenu {
	font-size: 10px;
	color:#a77010;
	text-decoration: none;
	}
	
.colorgradients{
	height: 8px;
}
.colorgradients img{
	vertical-align: top;
}


/* ------------------------------------------------ MAP OF PLAYITAS ------------------------------------------------ */
#PlayitasMap
{
	margin-bottom: 70px;
}


/* ------------------------------------------------ CALENDAR PAGE ------------------------------------------------ */
.delimiter
{
	font-family: 'FuturaStdLight';
	background-color: #311e15; width: 476px; margin: 16px 0px 4px 0px;
}

.delimiter .delyear
{
	font-size: 12px; text-transform: uppercase; color: #bc8b02;
}

.delimiter .delmonth
{
	font-size: 18px; text-transform: uppercase; color: #FFFFFF;
}



/* ------------------------------------------------ LIGHTBOX ------------------------------------------------ */
body #bottomNavZoom,
body #bottomNavZoomOut
{
	left: 0px;
	top: -3px;
}