/*  

Theme Name: Hayya
Theme URI: 
Description: Hayya Theme developed by Flip Media FZ-LLC
Version: 1.0
Author: Sheeban
Author URI: http://www.flipcorp.com/
http://www.flipcorp.com/
*/

/* START: */

div{
	border: 0px dotted red;
	}

body{
	background-color:#D8D8D8;
	font-family:Arial;
	font-size:11px;
}

#maincontainer{
	background-color:#FFFFFF;
	width: 760px;
	margin:0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

#shadow-top{
	background:url(images/shadow-top.jpg) no-repeat bottom;
	width: 840px;
	height:13px;
	margin:0px 0px -2px 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#shadow-bottom{
	background:url(images/shadow-bottom.jpg) no-repeat top;
	width: 840px;
	height:43px;
	margin:-12px 0px 0px 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#wrap{
	background:url(images/bg-wrap.jpg) repeat-y;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}

.readmore {
	color: #D4AB41;
	text-decoration:underline;
	background: url(images/icon-readmore.gif) no-repeat left;
	margin:0px;
	padding:0px;
	padding-left: 16px;
	text-align: left;
	display:block;
	width:65px;
}


.readmore:hover{
	color: #D4AB41;
	text-decoration:none;
}

.readmore-home {
	color: #D4AB41;
	text-decoration:underline;
	padding: 4px;
	background: url(images/icon-readmore-f.gif) no-repeat left;
	padding-left: 10px;
	width:52px;
	margin:0 0 0 20px;
	display:block;
	}
	
	.readmore-home:hover{
	text-decoration:none;	
	}

#sidebar{
	float:left;
	width:250px;
	margin: 0px 0px 0px 2px;
	padding:0px;
	background: url(../images/bg-sidebar.jpg) no-repeat 0px 2px;
}

#home-sidebar{
	float:left;
	width:250px;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	background: url(images/bg-sidebar.jpg) no-repeat 0px 2px;
	height: 430px;
}

#nav-global{
	width:250px;
	margin: 10px 0px 0px 0px;
	padding:0px;
}

#nav-global li{

	list-style:none;

	display:inline;

	color:#CCCED9;

	margin-left:10px;

	padding-left:0px;

	vertical-align:middle;

	text-align:center;

}

#nav-global a{

	color:#CCCED9;

	text-decoration:none;

}

#nav-global a:hover{

	color:#CCCED9;

	text-decoration:underline;

}

#input-search{
	
	color: #000;

	font-size: 10px;

	vertical-align:middle;

	width:70px;

}

#btn-search{

	vertical-align:middle;

}



#logo{



margin:0px;

padding-top:25px;



}

/*=========================================================================*/



/* START: nav-left */


#nav-left-holder{
	z-index:9;
	position:relative;
}

#nav-left{
	margin: 0px;
	margin-top:10px;
	padding-left: 40px;
	list-style-type: none;
	color:#6A6F8F;
}

#nav-left li{
	background: url(images/dot_nav_sidebar.jpg) no-repeat 4px 5px;
	padding: 0px 0px 0px 12px;
	font-weight:bold;
}

#nav-left li ul{
	list-style-type: none;
	padding: 0px;
	margin:0px;
}

#nav-left li ul li{
	margin: 0px;
	margin-left: 5px;
	background: url(images/spacer.gif) no-repeat;
	padding-left:16px;
	padding-bottom:2px;
	border:0px none;
	font-weight:normal;
}

#nav-left li a{
	color:#6A6F8F;
	text-decoration: none;
	padding: 0px;
}

#nav-left li a:hover{
	color:#6A6F8F;
	text-decoration: underline;
}
/*======================================================*/


#classes-container{
	margin: 2px;
	padding:3px;
	background-color:#FFFFFF;
}

#classes-spotlight{
	margin:0px 0px 0px 250px;
	padding:2px 0px 0px 0px;	
}

#classes-title{
	color:#6A6F8F;
	background: url(images/bg_content_classes_title.gif) repeat-x;
	margin:2px;
	margin-top:0px;
	margin-bottom:0px;
	padding:20px 2px 0px 265px;
	height:125px;
}


/*======================================================*/

#container{

	width:506px;

	margin: 2px 2px 0px 250px;

	padding:0px;
	

}



#spotlight{

	width:506px;

	margin:0px;

	padding:2px 0px 0px 2px;

	height:234px;	

}



#content-container{
	color:#6A6F8F;
	background: url(images/bg_center_content.jpg) repeat-x;
	width:474px;
	margin:0px 0px 0px 2px;
	padding:20px 2px 0px 30px;
	height:100%;
	overflow:auto;
}

#content-container img{
	padding: 4px;
	border: 0px none;
	
}

#utilities{

	float: right;

	padding-top: 0px;

	padding-right: 10px;

	margin:0px;

}

#utilities li{

	list-style-type: none;

	display:inline;

	float:none;

	float:left;

	padding-left:10px;

	margin:0px;

}



#footer{
	clear: both;
	color:#4D4C5C;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	margin-top:10px;
}

#copyright{

	clear:both;

	float: left;



	margin: 0px 0px 0px 0px;	

	padding: 0px 5px 0px 5px;

	color:#4D4C5C;

	font-weight:bold;

}	



/* Begin - Bottom Navigation Styles */



#nav-footer-en

{

	color:#4D4C5C;

	list-style: none;

	float: right;

	margin: -15px 10px 0px 0px;	

	clear: both;

	display: inline;

}



#nav-footer-en li

{

	display: inline;

	font-weight:bold;

}



#nav-footer-en li a

{

	color:#4D4C5C;

	text-decoration: none;

	padding:3px;

}



#nav-footer-en li a:hover

{

	color:#4D4C5C;

	text-decoration: underline;

}

/* End - Bottom Navigation Styles */



#home-container{

	width:506px;

	margin: 2px 2px 0px 250px;

	padding:0px;

}



#home-spotlight{
	
	left: 50%;
	top: 2px;
	margin-left: -128px;
	width:500px;
	height:426px;
	position:absolute;
}


	/************* Start copy ******************/
	
	#home-content-container{
	clear:both;
	color:#6A6F8F;
	margin:30px 2px 2px 2px;
	padding:35px 0px 0px 0px;
	height:100%;
	overflow:auto;
	background:url(images/bg_bottom_content.gif) repeat-x bottom;
	text-align:center;
	}
	
	
	#home-content-container div{
	width:186px;
	float:left;
	background:none;
	}
	
	#home-content-container #wrap-left{
	width:385px;
	height:100%;
	overflow:auto;
	background:url(images/wrap-left-seperator.gif) right repeat-y;
	}
	
	#home-content-container #wrap-left div{ 
	height: 240px;
	padding-bottom:10px;
	}
	
	#home-content-container #wrap-right {
	margin:0 0 0 30px;
	padding:0px;
	float:left;
	}
	
	
	#home-content-container #wrap-right div.promotions{
	background:url(images/fader.gif) left top no-repeat;
	width:330px;
	float:left;
	padding:0;
	margin:0;
	height:220px;
	}
	
	#home-content-container #wrap-right div.promotions p{
	margin:0;
	padding:0;
	}
	
	#home-content-container #wrap-right div.promotions a.read {
	display:block;
	color: #D4AB41;
	text-decoration:underline;
	background: url(images/icon-readmore-f.gif) no-repeat 0px 2px;
	margin:0;
	padding:0 0 0 10px;
	float:left;
	}
	
	#home-content-container #wrap-right div.promotions a.read:hover{
	text-decoration:none;
	}
	
	#home-content-container #wrap-right div.promotions span.date{
	display:block;
	width:34px;
	height:34px;
	background:url(images/bg-date.gif) no-repeat;
	float:left;
	padding:2px;
	font-weight:bold;
	text-align:center;
	margin:5px 10px 0 0;
	}
	
	
	#home-content-container #wrap-right div.promotions h3{
	font-size:12px;
	margin:0;
	padding:3px 0 0 20px;
	height:20px;
	width:150px;
	text-align:left;
	float:left;
	display:inline;
	}
	
	
	#home-content-container #wrap-right a.more {
	display: block;
	color: #D4AB41;
	text-decoration:underline;
	padding: 4px 4px 4px 16px;
	background: url(images/icon-readmore.gif) no-repeat left;
	float:right;
	margin:0 5px 0 0;
	text-align:right;
	}
	
	#home-content-container #wrap-right div.promotions ul {
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
	width:325px;
	float:left;
	text-align:left;
	}
	
	#home-content-container #wrap-right div.promotions ul li {
	margin:0;
	padding:0 0 15px 20px;
	list-style:none;
	float:left;
	}
	
	/************* End copy ******************/

#home-content-container div p{
text-align:left;
margin: 0px 7px 0px 20px;
}



#home-content-container div h2{

	font-size: 11px;

	font-weight: bold;

	text-align: left;

	background-position: 10px;

	color: #fff;

}



#pod-1 p, #pod-2 p, #pod-3 p, #pod-4 p{

}



#curve{
	position:absolute;
	z-index:1;
	width: 890px;
	height: 90px;
	top: 340px;
	left: -70px;
}



.icon-pdf{

	background: url(images/icon-pdf.gif) no-repeat left;

	padding: 4px;

	padding-left: 22px;

	text-decoration: none;

	font-weight: bold;

	color: #6A6F8F;

}

.icon-pdf:hover{



	text-decoration: underline;

	

	color: #000;

}


/* TIMETABLE STYLES */



.timetable{



	border-collapse: collapse;



	padding: 4px;



}



.timetable th{



	font-weight: bold;



	text-align:left;



}





.timetable tr{



	background: url(images/line-dotted.gif) repeat-x bottom center;



}



.timetable .trheader{



	font-weight: bold;



	text-align:center;



	padding-top: 10px;



	



}



.timetable .trheader td{



	padding-top: 20px;



}

.lakes_studio td{

	background-color: #FFFFCC;

	border-bottom: 1px solid #cccccc;

}

.lakes_pool td{

	background-color:#FFCCFF;

	border-bottom: 1px solid #cccccc;

}

.springs_studio td{

	background-color:#CCFFFF;

	border-bottom: 1px solid #cccccc;

}

.lakes_gym td{

	background-color:#FFCCCC;

	border-bottom: 1px solid #cccccc;

}



table#events{
	}
	
	table#events table#calender {
	border:solid 1px #3F3D6A;
	border-right:none;
	border-bottom:none;
	}
	
	table#events table#calender h1{
	font-size:15px;
	margin:0px;
	padding:0px 0px 0px 10px;
	float:left;
	}
	
	table#events table#calender td{
	height:20px;
	border-right:solid 1px #3F3D6A;
	border-bottom:solid 1px #3F3D6A;
	text-align:right;
	padding:5px;
	font-weight:bold;
	}
	
	table#events table#calender td a{
	height:12px;
	width:12px;
	float:left;
	display:block;
	}
	
	a.mexican{
	background:url(images/icon_mexican.jpg) no-repeat left top;
	}
	
	a.pasta{
	background:url(images/icon_pasta.jpg) no-repeat left top;
	}
	
	a.buffetlunch{
	background:url(images/icon_buffetlunch.jpg) no-repeat left top;
	}
	
	a.training{
	background:url(images/icon_training.jpg) no-repeat left top;
	}
	
	td a.lunch{
	background:url(images/icon_lunch.jpg) no-repeat left top;
	}
	
	td a.habit{
	background:url(images/icon_habits.jpg) no-repeat left top;
	}
	
	td a.italian{
	background:url(images/icon_italian.jpg) no-repeat left top;
	}
	
	td a.bbqlunch{
	background:url(images/icon_bbq_lunch.jpg) no-repeat left top;
	}
	
	td a.easterlunch{
	background:url(images/icon_easter_lunch.jpg) no-repeat left top;
	}
	
	td a.misc{
	background:url(images/icon_misc.jpg) no-repeat left top;
	}

	a.international{
	background:url(images/icon_international.jpg) no-repeat left top;
	}
	
	a.indian{
	background:url(images/icon_indian.jpg) no-repeat left top;
	}
	
	a.fareast{
	background:url(images/icon_fareast.jpg) no-repeat left top;
	}
	
	table#events table#event-details{
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	border:solid 1px #E9E2C6;
	text-align:justify;
	}
	
	table#events table#event-details a{
	color:#6A6F8F;
	text-decoration:none;
	}
	
	table#events table#event-details a:hover{
	text-decoration:underline;
	}

	
	table#events table#event-details img{
	vertical-align:middle;
	padding-left:5px;
	}
	
	table#events table#event-details hr{
	border:none;
	border-bottom:solid 1px #E9E2C6;
	margin:15px 0px 15px 0px;
	padding:0px;
	height:1px;
	}
	
	table#events table#event-details table img{
	vertical-align:middle;
	padding:5px;
	}
	
	table#events table#event-details tr td h1{
	display:inline;
	font-size:13px;
	margin:10px 0px 10px 0px;
	padding:0px;
	}

	table#events table#calender th{
	background-color:#E9E2C6;
	border-right:solid 1px #3F3D6A;
	border-bottom:solid 1px #3F3D6A;
	height:30px;
	width:71px;
	}
	
	/* timetable */
	
	table.time-table {
	border:solid 1px #3F3D6A;
	border-right:none;
	border-bottom:none;
	margin-bottom:25px;
	}
	
	table.time-table th{
	height:20px;
	border-right:solid 1px #3F3D6A;
	border-bottom:solid 1px #3F3D6A;
	text-align:center;
	padding:2px;
	font-weight:bold;
	}
	
	table.time-table td{
	height:20px;
	border-right:solid 1px #3F3D6A;
	border-bottom:solid 1px #3F3D6A;
	text-align:center;
	padding:2px;
	}
	
	ul#note a{
	color:#6A6F8F;
	text-decoration:none;
	}
	
	ul#note a:hover{
	text-decoration:underline;
	}
	
	ul#note li{
	padding-bottom:10px;
	}
	
	.dayhighlight{
	background:url(images/day-bg.jpg) repeat-x;
	font-weight:bold;
	}
	
	.springs{
	background:url(images/bg-springs.jpg) repeat-x;
	}
	
	.lakes{
	background:url(images/bg-lakes.jpg) repeat-x;
	}
	
	.meadows{
	background:url(images/bg-meadows.jpg) repeat-x;
	}
	
	/* Entry from style */
	
	form#entryform{
	margin:0;
	padding:0;
	}
	
	form#entryform table td{
	padding:5px 0;
	}
	
	form#entryform table td label{
	}
	
	form#entryform table td textarea{
	width:200px;
	height:50px;
	border:1px solid #52587A;
	font-family:Arial;
	}
	
	form#entryform table td input{
	vertical-align:middle;
	border:1px solid #52587A;
	}
	
	form#entryform table td input.chk{
	border:none;
	}
	
	form#entryform table td img#start_date_button{
	margin-top:0px;
	margin-left:5px;
	vertical-align:middle;
	}
	
	form#entryform table td input.btn{
	cursor: pointer;
	cursor: hand;
	}




/* */