/* CSS Document Build for Carib Zone*/
/*______________________________________Globals*/
body{background:#00bef6;padding:0;margin:0;font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#5d2e2e;}
div{}
p{}
a{color:#6d2e2e;}	
a:hover{text-decoration:none;}
a img{border:0;}
h1{font-size:1.4em;}
h2{font-size:1em;margin:10px 0px -15px 5px;}
h3{font-size:.95em;margin:10px 0px -15px 5px;}
h4{font-size:.9em;margin:10px 0px -15px 5px;}
ul li{font-size:.8em;margin-top:5px;}
/*_________________STANDARDS_________*/
.italic{font-style:italic;}
.bold{font-weight:bold;}
.clear{clear:both;}
.hr{clear:both;height:1px;border-top:1px solid #000;font-size:1px;margin:15px auto;}
.rlink{text-align:right;}
ul li, ol li{font-size:.8em;padding-right:20px;}
/*_______________________________________________Content*/
#page{width:950px;background:url(../images/_page-bg.jpg) repeat-y;margin:0px auto;padding-bottom:1px;}
	#header{text-align:center;margin:0 8px;font-size:.8em;font-weight:bold;padding:3px;}
		#header p{margin-right:10px;}

		#content{width:920px;margin:15px;}
			#content p{font-size:.8em;}
		#left{width:63%;float:left;margin:1px;}
		#right{width:34%;float:right;margin:1px;}
			#right img{margin-bottom:10px;}
			.girl{background-position:left;background:url(../images/girl-reference.jpg) no-repeat;height:341px;}
				.girl p{float:left;padding:10px;width:160px;}
				
			.rimg{float:right;margin:10px;}
			.limg{float:left;margin:10px;}
			.welcome{border:1px solid #fff;height:255px;}
			.block{background:#dcdbd6;padding-bottom:10px;}
				.block p{padding:5px;font-size:.85em;}
			.block .label{background:#045c97;color:#fff;font-weight:bold;font-size:1em;padding:3px;}
		/* 179ab8;	045c97 */
		#mediablock{}
			#mediablock h3{margin-top:0px;}
			#mediablock img{margin:10px;}
		#eventBlock{font-size:.8em;padding:5px;position:relative;z-index:1000;}
	#footer{border-top:1px solid #dcdbd6;margin:0px 8px;text-align:center;font-size:.8em;}

/*_______________________________________________POP UP Credits*/
#creditsbody{border:1px solid #326e15;width:480px;font: 12px "Arial", Helvetica, sans-serif;margin:5px auto 5px auto;background:#fff;height:150px;}
	#creditsbody a{text-decoration:underline;font-weight:bold;}
	#creditsbody p{text-align:center;}
	#closecredit{background:#fff;text-align:center;padding:5px;border-top:1px solid #326e15; 
	}


/*__________SCHEDULE____________*/
.schedule{width:64%;float:left;}
	.schedule label{font-weight:bold;margin:5px;padding-top:20px;color:#f00;}
	.schedule .time{width:100px;margin:3px;float:left;font-size:1.2em;}
	.schedule .show{width:250px;margin:3px;float:left;font-size:1.2em;}
.scheduleImg{float:right;}
	
/*///////// Forms Attributes  /////////*/	
.row       {margin-top:10px;font-size:11px;}
.row label {display:block;float:left;width:100px;font-size:11px;text-align:right;padding-top:10px;padding-right:10px;}
.boldLabel {font-weight:bold;width:100px;color:#f00;margin-right: 5px;}
.formField {font-family:Arial, Helvetica, sans-serif;width:220px;font-size:11px;}
input      {margin-top:10px;font-size:11px;}
select     {font-size:11px;margin-top:10px;}
button     {margin:0px 2px 0px 0px;}
textarea   {margin-top:10px;width:220px;height:100px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
		
	
/*____________TRANSMENU___________*/
.transMenu {position:absolute;overflow:hidden;left:-1000px;top:-1000px;z-index:400;}
.transMenu .content {position:absolute;}
.transMenu .items {position:relative;left:0px; top:0px;z-index:2;}
.transMenu.top .items {border-top:none;}
.transMenu .item {color:white;font-size:.7em;font-weight: bold;font-family:sans-serif;text-decoration:none;border:none;cursor:pointer;}
.transMenu .background {position:absolute;left:0px; top:0px; z-index:1;-moz-opacity:.8;}
.transMenu .shadowRight {position:absolute;z-index:3;top:0px; width:2px;  -moz-opacity:.4;}
.transMenu .shadowBottom {position:absolute;z-index:1;left:3px; height:2px;-moz-opacity:.4;}
.transMenu .item.hover {background-color:#179ab8;color:#000;}
.transMenu .item img {margin-left:10px;}


/*____________NAVMENU___________*/

	#nav{margin:0 8px;}	
/*		#nav table{width:100%;}
		#nav a{font-weight:bold;color:#fff;text-decoration:none;}
		#nav table td{text-align:center;}
		
*/

.glossymenu{position:relative;padding:0 0 0 34px;margin:0 auto;background:url(../images/menub_bg.gif) repeat-x;height:46px;list-style: none;}
.glossymenu li{float:left;margin-top:0px;}
.glossymenu li a{float:left;display: block;color:#000;text-decoration: none;font-family:sans-serif;font-size:.85em;font-weight:bold;
padding:0 0 0 16px;height:46px;line-height:46px;text-align:center;cursor: pointer;}
.glossymenu li a b{float:left;display:block;padding:0 24px 0 8px;}
.glossymenu li.current a, .glossymenu li a:hover{color: #fff;background:url(../images/menub_hover_left.gif) no-repeat;background-position: left;}
.glossymenu li.current a b, .glossymenu li a:hover b{color:#fff;background:url(../images/menub_hover_right.gif) no-repeat right top;}




/*____________PAGE SPECIFIC_______*/
/*index*/
	.rblock{float:left;width:38%;}
	.lblock{float:left;width:60%;border-right:1px solid #fff;}

/*all pages*/
	#right_column{text-align:left;border-top:1px solid #fff;padding-top:10px;}
	#right_column h3{color:#f00;}
	#right_column ul li{list-style:none;}
	


/*____________Layout Out Gallery_______*/	
.content{margin: 0 20px;}
.content a{color: #fff;}
.content p.linkage{margin-top: 2em;text-align: right;font-size: 1.7em;color: #ddd;}
.content p.linkage a { color: #fff; }
#myGallery{text-align: left;margin: 0 auto;}


/*___________Comp image gallery_______*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
	