/*
# Author:
# Project: 

# Dark Blue: 			#517188
# Light Tan: 			#edebc4
# Light Blue: 			#bbddf9
# Content box blue: 	#374d5d
# Color 5: 				#000000
*/

/* ------------------------------------- */
/* -------->> GLOBAL SETTINGS <<-------- */
/* ------------------------------------- */

html, body {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #517188;
}

div.left-col {
	width: 220px;
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	background-image: url(../images/sidebar.png);
	background-repeat: no-repeat;
}

div.right-col {
	float: left;
	width: 700px;
	background-image: url(../images/content-box.png);
	background-repeat: no-repeat;
}

/* HEADERS */

h1, h2, h3, h4, h5, h6 {}

h1 {
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color: #edebc4;
	font-size: 18px;
	padding: 5px 0px 7px 10px;
	font-weight: bold;
}

h1.construction {
	color: #517188;
	font-size: 25px;
}

h2 {}
h3 {}

/* COMMON FORMATTING */

p, ul, ol {}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	padding: 5px 10px;
	line-height: 18px;
}


ul, ol {}

blockquote {}
small {}
img {}
sup {}
sub {}
acronym, abbr {
	cursor: help;
}

iframe {
	border: none;
	overflow-x: hidden;
}

/* LINKS */

a, a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #edebc4;
	outline: none;
}

a:hover {
	color: #bbddf9;
}

/* FORMS */

form {}
input, select, textarea {}
label {}

/* TABLES */

table {}
table tr td {}


/* ------------------------------------- */
/* --------->> PAGE STRUCTURE <<-------- */
/* ------------------------------------- */

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 960px;
	margin: 0 auto -97px; /* for sticky footer: the bottom margin is the negative value of the footer's height. */
}

#about {
	margin-bottom: 20px;
}

	#about div {
		background-color: #374d5d;
	}

#contact {
}

	#contact a {
		padding: 0px;
	}

#events {
	background-image: url(../images/event-content-box.png);
	background-repeat: no-repeat;
	width: 940px;
	margin: 0 auto;
}

#footer, #push {
	height: 97px; /* for sticky footer: #push must be the same height as #footer. This value can be whatever you want. */
	clear: both;
}

#footer {
	width: 940px;
	height: 97px;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 auto;
}

	#footer a {
		font-family: Arial, Helvetica, sans-serif;
		padding: 0px;
		font-size: 11px;
		color: #fff;
	}
	
	#footer a:hover {
		color: #bbddf9;
	}
	
	#footer div.contact {
		float: left;
	}
	
	#footer li {
		color: #edebc4;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		margin-left: 10px;
	}

	#footer p {
		color: #edebc4;
		font-size: 11px;
	}

	#footer #logos {
		padding: 25px 10px 0px 0px;
		float: right;
	}
	
		#footer #logos a {
			margin-left: 20px;
		}

#header {
	margin: 0 auto;
	margin-bottom: 20px;
}

#mainContent {
	margin-bottom: 20px;
}

#navigation {
	margin-bottom: 20px;
}

	#navigation a {
		display: block;
		height: 39px;
		width: 196px;
		height: 23px;
		padding: 8px 0px 8px 24px;
	}

	#navigation a:hover {
		color: #bbddf9;
	}
	
	#navigation ul li {
		display: block;
		width: 220px;
		height: 39px;
		background-image: url(../images/link-bg.jpg);
		background-repeat: no-repeat;
	}
	
	#navigation ul li:hover {
		background-image: url(../images/link-bg-hover.jpg);
	}



/* ------------------------------------- */
/* -------->> GENERIC CLASSES <<-------- */
/* ------------------------------------- */

.bold			{ font-weight: bold; }
.italic			{ font-style: italic; }
.underline		{ text-decoration: underline; }
.highlight		{ background: #ffc; }
.alignLeft		{ text-align: left; }
.alignRight		{ text-align: right; }

.clear			{ clear: both; }
.floatRight		{ float: right; }
.floatLeft		{ float: left; }

.nopadding		{ padding:0; }
.noindent		{ margin-left:0; padding-left:0; }
.nobullet		{ list-style:none; list-style-image:none; }

.white			{ color: #fff; }
.black			{ color: #000; }
.red			{ color: red; }
.blue			{ color: blue; }
.trans			{ opacity: .5; }