/*
	CSS of MCAA | Version 1.0 | Home
	Marine Corps Aviation Association
	----------------------------------
	American Technology Services
	CSS/XHTML by Todor Iliev
	
	Note:	1) This CSS file should be included ONLY on the homepage after layout.css.
			2) This CSS file overwrites layout.css properties in order to create the look and feel of the home page.
			3) CSS rocks!
*/

#wrapper {
	background-image: none;
	}

/*  -------------- Begin Header --------------  */
#header {
	position: static;
	margin: 0;
	width: auto;
	height: 345px;
	background: url(../images/header-bg.gif) #2a2672 repeat-x 0 0;
	border-bottom: 1px solid #fff;
	}

#intro {
	width: 344px;
	height: 345px;
	color: #fff;
	border-right: 1px solid #fff;
	background: url(../images/intro-bg.gif) no-repeat 0 0;
	}
#intro img.logo {
	margin: 110px 0 0 65px;
	}
#intro p {
	text-align: left;
	margin: 20px 20px 10px 20px;
	}
#intro a.button {
	display: block;
	width: 30%;
	color: #fff;
	font-size: 110%;
	text-align: center;
	margin: 10px 20px;
	padding: 8px 8px 0 8px;
	background: #726f9e;
	}
#intro a.button:hover {
	color: #1e1a64;
	background: #fff;
	}
#banner {
	position: absolute;
	margin: 0 0 0 345px;
	width: 495px;
	background: #fff;
	overflow: hidden;
	}
#banner #rotator {
	overflow: hidden;
	height: 345px;
	}
/*  -------------- End Header --------------  */


/*  -------------- Begin Main Menu --------------  */
#main-menu ul.CMSListMenuUL {
	}
#main-menu ul.CMSListMenuUL li a:link,
#main-menu ul.CMSListMenuUL li a:visited {
	padding: 12px 29px;
	}
/*  -------------- End Main Menu --------------  */


#container {
	border-bottom: none;
	padding: 0;
	}


/*  -------------- Begin Content --------------  */
#content {
	width: auto;
	border-top: none;
	}
#content h2 {
	line-height: 28px;
	text-indent: -9999px;
	margin: 0 0 20px 0;
	}
#content p {
	margin: 2px 20px 20px 20px;
	}
#content #left-half {
	width: 420px;
	min-height: 200px;
	float: left;
	}
#content #left-half img {
	float: left;
	margin: 0 15px 0 0;
	}
#content #left-half h2 {
	background: url(../images/events-title-bg.gif) no-repeat 0 0;
	}
	
#content #left-half h3 {
	font-weight: bold;
	margin: 0 0 0 20px;
	padding: 0;
	}
#content #left-half #events {
	overflow: scroll;
	overflow-x: hidden; 
	height: 100px;
	margin: 0 0 20px 0;
	}
#content #right-half {
	width: 420px;
	float: right;
	}
#content #right-half h2 {
	background: url(../images/about-title-bg.gif) no-repeat 0 0;
	}
/*  -------------- End Content --------------  */