/*

This CSS document is for any rules that extend the
features of the default CSS ruleset for the site.

Any page specific styles or extensions of current styles should go in
this file and be clearly commented with their usage.

*/


/* BORDER TABLE STYLES - table */
.borderTable{
			background-color:#f7f9f9;
			margin-bottom:10px;
			width:536px;
			}	
			
.borderTable td{
			border:1px solid #b1cdcd;
			padding:8px 15px 15px 15px;
			width:100%;
			color:#555555;
			font-size:1.1em; 
			line-height:1.4em; 
			text-align:left;
			vertical-align:text-top
			}
			
			
.giftTable{
			width:100%;
			background-color:#f7f9f9;
			margin-bottom:10px;
			}	
			
.giftTable td{
			border:1px solid #b1cdcd;
			padding:8px 15px 15px 15px;
			width:25%;
			font-size:1.1em; 
			line-height:1.4em; 
			text-align:left;
			vertical-align:text-top
			}			
			
.quoteBox{
			width:200px;
			background-color:#f7f9f9;
			padding:17px 17px 7px 17px;
			color:#555555;
			border:1px solid #b1cdcd;
			
			}	
			
.quoteBox p{
			font-size:1.3em; 
			line-height:1.7em; 
			text-align:justify;
			vertical-align:text-top;
			}					
			
				

.galleryTable{
			vertical-align:middle;
			background-color:#f7f9f9;
			margin-bottom:20px;
			}	
			
.galleryTable td{
			border:1px solid #b1cdcd;
			padding:13px;
			width:105px
			}			
			
					
			
/* EVENTSs - styles also used with JQuery
/*************************************************************************************/
.more{ 
	background-color:#f7f9f9; 
	border:#b1cdcd solid 1px;
	margin:10px 0;  
	width:485px;
	padding:15px 20px 20px 20px;
	}
	
	.more p{ font-size:inherit; } /* important because we are using relative font sizes 
										BUT does not work correctly in IE so there is 
										a fix in IE.css  */



.closeEVENTS		{ border:0; float:right; padding-top:10px; }
.selected		{ font-weight:bold !important; }



/* EVENTS images 
/*************************************************************************************/			
.imageLeft{ border: 3px solid #FFF; float:left;
			margin:5px 10px 5px 0;
			}	

.imageLeft:hover{
			border:3px solid #989385;
			}
			
.imageRight{ border: 3px solid #FFF; float:right;
			margin:5px 0 5px 10px;
			}	

.imageRight:hover{
			border:3px solid #989385;
			}
			
					


/* GENERAL images 
/*************************************************************************************/		
.imageLink{ display:block;	border: 3px solid #f7f9f9; }		

.imageLink:hover{
			border:3px solid #989385;
			}
			
	
/** employee_camp.php styles  
 ************************************************************************************/

div.locBox{
	background-color: #f3f1eb; 
	cursor: pointer; 
	height: 98px; 
	margin-bottom: 20px; 
	position: relative; 
	padding: 10px 20px 0px 10px; 
	width: 500px;
}
div.locBox:hover{
	background-color: #C1C2BE;
	cursor: pointer;
}
div.locBox2{
	background-color: #C1C2BE;
	cursor: pointer;
}

div.locBox_a{
	background: transparent url(../images/familylounge_icon.jpg) no-repeat;
	cursor: pointer;
}

div.locBox_b{
	background: transparent url(../images/cafeterrace_icon.jpg) no-repeat;
	cursor: pointer;
}

div.locBox_c{
	background: transparent url(../images/education_icon.jpg) no-repeat;
	cursor: pointer;
}

div.selectedCheck{
	background: transparent url(../images/check.jpg) no-repeat;
}