/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
body {
	background-color: #41AEC6;
	padding: 0px;
	margin: 0px;
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 1030px;
	background-color: #FFF;
}
.container_2 {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

.left,
.content
{
	display:inline;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #003333;
}
.top  {
	display:inline;
	float: none;
	position: relative;
	background-color: #FFF;
	color: #003333;
	height: 323px;
	width: 1000px;
}
.container.container_2 .content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #3399cc;
	text-transform: uppercase;
}
.container.container_2 .left h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3399cc;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_2 .left {
	width:300px;
	text-align: center;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #3399cc;
}

.container_2 .top {
	width:1000px;
	margin: 0px;
	padding: 0px;
}
.container_2 .content {
	width:620px;
	position: relative;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_2 .suffix_1 {
	padding-right:515px;
}



/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_2 .prefix_1 {
	padding-left:515px;
}




/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_2 .push_1 {
	left:515px;
}



/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_2 .pull_1 {
	left:-515px;
}
.container_2   .content #events{
	position: absolute;
	top: -130px;
	left: 450px;

}





/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
.container.container_2 #footer {
	background-image: url(../images/homepage-12.jpg);
	background-repeat: no-repeat;
	height: 118px;
	text-align: center;
}
.container.container_2 #footer p {
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding-top: 80px;
	font-weight: bold;
	word-spacing: 15px;
	letter-spacing: 2px;
}
.container.container_2 #footer a {
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding-top: 80px;
	font-weight: bold;
	word-spacing: 15px;
	letter-spacing: 2px;
	text-decoration: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:link { color:#3399cc;}
a:visited { color: #3399cc;}
a:hover { color: #3399cc;}
a:active{ color: #3399cc;}

.container.container_2 .left h1 a {
	text-decoration: none;
}
.container.container_2 #topmenu {
	position: absolute;
	top: 40px;
	left: 530px;
	width: 485px;
}
.container.container_2 #topmenu a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #003333;
	text-transform: capitalize;
	letter-spacing: -1px;
}
.container.container_2 .content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #3399cc;
	text-transform: uppercase;
}