@import url(global_v1-1.css);

@import url(LaCosta_css/modules.css);
@import url(LaCosta_css/plugins.css);
@import url(adminLogin.css);
@import url(admin.css);


/*
I. GLOBAL:  Global classes, header styles, link styles and .page (body tag) class
II. BUTTONS
III. MISC CLASSES 
IV. CUSTOM SITE SELECTORS

/////////////////////////////////////////////////////*/

body {

	background: #FFF;
	color: #000;
	
}
h1 {
	color: #3C5493;
	font-size:16px Georgia, "Times New Roman", Times, serif;
}

h2 {color: #1A1816;
	font: 11px/1.6 "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	
	}

h3 {
	color: #867D4A;
	font: 16px Georgia, "Times New Roman", Times, serif;
}
h4 {
	color: #AF7A1F;
	font-style:italic;
	font-size:16px;
	line-height:1.3;
}

h5 {
	font-size:11px;
	color: #2b3B24;
	display: inline;
}

h6 {
	color: #423317;
	font-size:11px;
	font-weight:bold;
}
p { color: #1A1816;}

a,a.small,a.anchor,a.visited {
	color: #8B7E5F;
	font: inherit;
	text-decoration: none;
}

a:hover { text-decoration: underline;}

table, div {

	font:12px Arial, Helvetica, sans-serif;

}

.page { 
	
	margin:0;
	padding: 0;
	background:url(../../../Images/body.gif);
	text-align: center;

}
/*////////////////////////////////////////////////////////
Layout and Custom Selectors For: The Club at LaCosta
////////////////////////////////////////////////////////*/

#siteWrapper {

	color:#ba9061;
	margin:0 auto;
	width:788px;
	text-align: left;
	
}

.hideText {

	display: none;

}

/* -------------------------------------------------------------
= LAYOUT CLASSES 
------------------------------------------------------------- */
ul,form,input,fieldset,legend { margin:0; padding:0;}
p,h1,h2,h3,h4,h5,h6 { margin:0;}
li { list-style:none; margin:0;}
fieldset,legend { border:none;}
.first { background:none !important; border:none !important;}
/* -------------------------------------------------------------
= HEADER CLASSES 
------------------------------------------------------------- */
#branding {
	width: 788px;
	height:174px;
	font-size:11px;
	background:url(../../../Images/container.gif) repeat-y;
}
.left-panel {
	float:left;
	padding:16px 0 0 17px;
	width:309px;
}
.sub-menu {
	width:100%;
	display:table;
	padding-bottom:20px;
}
.sub-menu li { display:inline;}
.sub-menu li.home a{ background:url(../../../Images/home.gif) no-repeat 0 50%;}
.sub-menu li.contact a{ background:url(../../../Images/letter.gif) no-repeat 0 50%;}
.sub-menu a {
	float:left;
	margin-right:26px;
	padding-left:15px;
	color:#6b86cb;
}
.sub-menu li a:hover {
	background-color:#3d5698;
	color:#fff;
	text-decoration:none;
}
.services { line-height:22px;}
.services a{ color:#fff;}
.services a:hover,
a.member:hover {
	background-color:#3d5698;
	color:#b1e0f8;
	text-decoration:none;
}
#branding strong {
	background:url(../../../Images/logo.gif) no-repeat;
	width:137px;
	margin:28px 0 30px;
	height:86px;
	float:left;
}
#branding strong a {
	display:block;
	text-indent:-9999em;
	height:100%;
}
a.member {
	float:right;
	margin:17px 25px 0 0;
	background:url(../../../Images/member.gif) no-repeat;
	padding-left:20px;
	color:#fff;
}
a.member:hover { background:#3d5698 url(../../../Images/member-h.gif) no-repeat;}
.members-panel {
	float:right;
	margin-top:10px;
	clear:right;
	width:183px;
	font-family:"Times New Roman", Times, serif;
	color:#fff;
}
.members-panel h3 {
	background:url(../../../Images/members-title.gif) no-repeat;
	text-indent:-9999em;
	height:58px;
}
.members-panel p {
	color:#FFF;
	font-size:16px;
}
.members-panel span { font-size:9px;}
.members-panel p,
.members-panel span{
	margin:0 !important;
	padding:0 10px 0 0 !important;
	float:right;
	white-space:nowrap;
	clear:right;
	padding-right:10px;
	text-transform:uppercase;
}
/* -------------------------------------------------------------
= NAV CLASSES 
------------------------------------------------------------- */
#nav {
	clear:both;
	background:#4c69b6;
	height:30px;
	color:#fff;
	text-align:center;
	width: 100%;
}

.flash img { display:block;}
/* -------------------------------------------------------------
= CONTENT  
------------------------------------------------------------- */
#contentArea {
	width:788px;
	display:table;
	background:#fff;
}
.priv-page { background:#fff url(../../../Images/priv-cont.gif) repeat-y !important;}
#privWrapper {
	background:url(../../../Images/main-bottom.jpg) no-repeat left bottom;
	width:788px;
}
.social-events {
	border:1px solid #eae7e5;
	border-top:none;
	width:778px;
	padding:5px 0;
	margin: 0 auto;

}
.social-events img {
	float:left;
}
.events-cont {
	float:right;
	padding:0 0 5px 9px;
	width:578px;
	background:url(../../../Images/events-cont.gif) repeat-y;
}
.events-cont h3 {
	background:#fff;
	font-size:12px;
	text-transform:uppercase;
	color:#472b1b;
	font-weight:normal;
	line-height:20px;
	padding-bottom:2px;
	border-bottom:1px solid #e0d7cf;
}
/*.events-cont div {
	float:left;
	padding:5px 10px 0 0;
	width:180px;
}*/
.events-cont div.sub  {

float:left;
margin:5px 10px 0 0;
width:182px;
	
	}
	
}
.social-events .floatLeft {
	
	width: 190px;
	
}
.events-cont h5 {
	font-size:10px;
	text-transform:uppercase;
	color:#472b1b;
	font-weight:normal;
}
.events-cont p {
	font-size:10px;
	color:#ba9061;
	margin-bottom:7px;
	line-height:14px;
}
.events-cont a {
	text-transform:uppercase;
	color:#472b1b;
	text-decoration:underline;
}
.events-cont a:hover { text-decoration:none;}
.events-cont li {
	font-size:10px;
	background:url(../../../Images/arrow.gif) no-repeat 0 50%;
	padding-left:10px;
}
.events-cont li a { text-decoration:none;}
.events-cont li a:hover { text-decoration:underline;}

.thumbnails {

	width: 100%;

}

.thumbnails li {
	float:left;
	height:129px;
	padding:5px 1px 5px 5px;
}
.thumbnails li a {
	float:left;
	width:190px;
	height:129px;
}
.thumbnails li a:hover { position:relative;}
.thumbnails li img {display:none;}
.thumbnails li img.hover {display:block;}
.thumbnails li a:hover img { display:block;}
.thumbnails li a:hover img.hover { display:none;}
#sidebar {
	float:left;
	width:194px;
}

	#sidebar .inside {

		width: 166px;
		margin: 58px 0 0 20px;
		padding: 0 0 58px 0;
		text-align: center;

	}

/*content-main*/
#contentMain {
	float:right;
	width:594px;
}
.visual {
	width:594px;
	display:table;
	font-family:"Times New Roman", Times, serif;
}
.visual div { float:left;}
.img-holder {
	width:389px;
}
.img-holder p {
	margin:21px 0 0 24px;
	font-size:12px;
	color:#333;
}
.slides {
	width:205px;
}
.slides strong {
	margin:13px 19px 0 0;
	height:25px;
	color:#21201e;
	line-height:20px;
	float:right;
	padding-right:28px;
	background:url(../../../Images/sun.gif) no-repeat 100% 0;
	font-size:9px;
	font-weight:normal;
}
.slides strong em {
	font-style:normal;
	font-size:14px;
}
.slides strong span { font-size:10px;}
.featured-area { margin:30px 0 0 23px;}
.featured-area h1 {
	background:url(../../../Images/featured-title.gif) no-repeat;
	height:37px;
	text-indent:-99999em;
}
.boxes,
.box div {
	font-family:"Times New Roman", Times, serif;
	float:left;
	width:180px;
}
.boxes {
	width:auto;
	padding-bottom:40px;}
.box {
	float:left;
	width:282px;
}
.box img {
	float:left;
	margin-right:11px;
	border:1px solid #d5c7b6;
}
.box h4 {
	margin-top:-5px;
	text-transform:uppercase;
	font:12px/20px "Times New Roman", Times, serif;
	color:#ab7e4c;
}
.box p,
.box p a{
	color:#4c2d1d;
	line-height:18px;
}
.box p { margin-bottom:18px;}
.box strong {
	display:block;
	font-weight:normal;
	color:#ab7e4c;
	margin-right:10px;
}
.box strong a {
	text-decoration:underline;
	color:#ab7e4c;
}
.box strong a:hover { text-decoration:none;}
.box div { margin:0 10px 0 0;}
.social-cont {
	clear:both;
	/*padding:0 6px 6px 5px;*/
	background:#fff url(../../../Images/sub-events.jpg) no-repeat;
	border:none;
	float:left;
	width:788px;
	padding: 0;
	margin-bottom: 5px;
}
.social-cont .floatLeft {
	
	width: 190px;
	
}
.social-cont img {
	/*float:left;*/
	display: block;
	margin: 0 0 0 5px;
}
.social-main {
	float:right;
	
	padding:0;
	margin-right: 10px;
	width:568px;
}
/*.social-cont div {
	display:inline;
	width:185px;
	padding-right:10px;
}*/
.social-cont div.last-block {width:170px;}
.social-cont div.last-block p {color:#4c2d1d;}
/*content page*/
.contentWrapper {
	width:100%;
}

	.contentWrapper #contentInside {
		
		width:697px;
		margin:85px 21px 35px 70px;
	
	}

.quote {
	float:right;
	width:175px;
	font-style:italic;
	font-size:14px;
	padding-top:22px;
	line-height:18px;
	color:#bb9566;
}
div.text {
	float:left;
	width:496px;
	text-align:justify;
}

div.text2 {
	
	width:496px;
	text-align:justify;
}
.text h1 {
	color:#333;
	text-transform:uppercase;
	font:18px "Times New Roman", Times, serif;
}
.text p {
	font-size:10px;
	color:#333;
	margin:5px 0 18px;
	line-height:20px;
}

#calendarModifier .smallerfont {

	color:#4A2C1C;
	
}
/* -------------------------------------------------------------
= fOOTER CLASSES 
------------------------------------------------------------- */
#footer {
	width:788px;
	margin:0 auto;
	height:205px;
	clear:both;
	color:#5f7ac0;
	padding-top:18px;
	background:url(../../../Images/footer.gif) no-repeat;
}
#footer ul {
	font-size:9px;
	text-transform:uppercase;
	text-align:center;
	padding-bottom:5px;
}
#footer li {
	background:url(../../../Images/separator.gif) no-repeat 0 50%;
	padding-left:17px;
	margin-left:12px;
	display:inline;
}
#footer li a { color:#fff;}
#footer ul.sub-list li {
	background:url(../../../Images/sub-separator.gif) no-repeat 0 50%;
	padding-left:7px;
	margin-left:0;
}
#footer p {
	text-align:center;
	text-transform:uppercase;
	color:#5f7ac0;
	font-size:9px;
}