@charset "utf-8";
/* ------------------------------------------------

*Filename:		home.css
*Description:		Home Page CSS
*Web site:		http://www.miamilakesbarassociation.com/
*Author:			Fausto Cordova
				Quick Graphic Solutions
				http://www.quickgraphicsolutions.com/
*Original Date:	February 1, 2010

== STRUCTURE =======================================

*Page width:	800
*No. Columns:	2 (column-main, column-secondary)

== SWATCH COLORS ===================================

//Branding Gradient//
*white		#F8F7F7
*light gray	#ECEBEB

//Background Gradient//
*white		#F3F1F1
*light gray	#E6E1E1

//Secondary Column Gradient//
*light blue	#ECECF2

//Nav Bar Gradient//
*dark blue	#000033
*blue		#000066

//Nav Bar Buttons//
*electric blue	#0066CC
*tan			#DACABA

//Dividers//
*gray		#A8A8A8

//Headings//
*blue		#000066
*blue		#000041
*red			#990000

//Footer//
*gray		#CCCCCC
*white		#F8F7F7
*light gray	#ECEBEB

---------------------------------------------------- */

/* == CSS TOC ======================================

$__BODY		Body and Type definitions
$__CONTAINER	Containers
$__FORM		Definitions for Forms & Content
$__MISC		Miscellaneus definitions and hacks

---------------------------------------------------- */

/* __BODY		- HOME PAGE BODY AND TYPE DEFINITIONS

---------------------------------------------------- */

#column-main p, #column-main h2, #column-main h3 {
	margin: 0 20px 1em 30px;
	}
	
#column-main h2#dues {
	displaY: block;
	margin-top: 2em;	
}
	
#column-secondary p, #column-secondary h2  {
	margin: 0 15px 1em 20px;
	}
	
#column-secondary h3 {
	margin: 0 15px 1em 0;	
	padding-left: 20px;
}

#events-calendar h3 {
	background: ;	
}

#welcome-message p, #welcome-message h3 {
	display: block;
	width: 338px;
	}

#disclaimer p {
	margin-left: 0;
	color: #7E7E7E;
	}

/* __CONTAINER	- GLOBAL TEXT/IMAGE CONTAINERS

---------------------------------------------------- */
	
#welcome-message {
	background: url(../backgrounds/bkgd-welcome-box.jpg) #3E4D84 right bottom no-repeat;
	padding: 30px 0 5px;
	color: white;
	}

#president-message {
	margin: 25px 0 10px;
	}
	
#events-calendar {
	padding: 30px 0 5px;
	}
	
#joinus-section {
	background: url(../images/divider-column-sec.png) left top no-repeat;
	padding: 25px 0 10px;
	}

#flash-calendar {
	width: 90%;
	margin: 0 0 20px 20px;
	}

#joinus-form {
	width: 178px;
	margin-left: 20px;
	margin-right: 20px;
	}
	
#disclaimer {
	width: 730px;
	margin: 20px 20px 0 30px;
	border-top: 1px solid #E2E2E2;
	padding-top: 10px;
	}
	
#events-calendar h3 {
	font-size: 16px;
	font-weight: normal;
	color: #333;
	background: url(../images/bullet-event.png) left center no-repeat;
}

#events-calendar .event {
	border-top: 1px dotted #DACABA;
	margin: 0 20px;
	padding: 4px 0;
	color: #866748;
}

#events-calendar .reserve {
	margin: 35px 20px 30px;
	padding: 12px 0 0;
}

#events-calendar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#events-calendar li a:link {
	display: block;
	padding: 0 4px;
	background: #C4AA91;
	float: left;
	margin: 12px 0 0 20px;
	color: #FFF;
}

#events-calendar li a:hover {
	background: #DACABA;	
}

#events-calendar .top-margin {
	margin-top: 50px;	
}

/* $__FORM		HOME PAGE JOIN US FORM

---------------------------------------------------- */
/* #joinus-section form {
	width: 178px;
	margin: 0 0 0 20px;
	padding-left: 0;
	}*/

label:after {
	content: ": ";
	}

label {
	background-color: #DACABA;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 0;
	text-transform: uppercase;
	}

input, textarea {
	display: block;
	margin-top: 0;
	margin-left: 0;
	padding-top: 0;
	padding-left: 0;
	margin-bottom: .75em;
	width: 175px;
	border: 1px solid #DACABA;
	font-family: Arial, Helvetica, sans-serif;
	color: #876849;
	}
	
.joinus-submit {
	width: 100px;
	margin-left: 78px;
	color: white;
	background-color: #C4AA91;
	text-transform: uppercase;
	border: none;
	}
	
/* $__MISC		MISC. DEFINITIONS AND BROWSER HACKS

---------------------------------------------------- */

#president-message img {
	margin: 4px 16px 6px 0;
	}