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

body, html {
	margin:				0;
	padding:        	0;
	background:			url(images/tier-one-bg.jpg) top center no-repeat;
	width:				100%;
}

body {
	background:			url(images/tier-two-bg.jpg) top center repeat-x;
	margin-top:			90px;
	width:				100%;
	border-top:			5px solid #000;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
}

a:link {
	color:			#B5C7E8;
}

a:visited {
	color:			#E3A6BB;
}

a:hover {
	color:			yellow;
}

iframe {
	color:			white;
}

/*
 * These three divs set the background for the three tiers of the design
 */
#tier-three {
	background:		#fff url(images/tier-three-bg.jpg) repeat-x;
	margin-top:		350px;
	height:			400px;
	border-top:		5px solid #000;
	width:			100%;
}


/*
  MAIN CONTAINER
 */

#container {
	position:		absolute;
	top:			0;
	left:			50%;
	margin-left:	-480px;
	width:			960px;
}

/*
  HEADERS
 */
 
#top-header {
	width:			960px;
	height:			90px;
	margin:			0 auto;
}

#top-nav {
	float:			right;
	margin-top:		30px;
}

	#top-nav ul {
		display:		inline;
		margin:			0;
		padding:        0;
	}

		#top-nav ul li {
			display:		inline;
			padding:        10px 0px 10px 15px;
			margin-right:	2px;
			font-size:		1.0em !important;
			font-weight:	normal;
			letter-spacing: 2px;
			line-height:	40px;
			height:			40px;
		}

			#top-nav ul li a:link {
				color:			white;
			}

			#top-nav ul li a:visited {
				color:			white;
			}

			#top-nav ul li a:hover {
				color:			yellow;
			}


#bottom-header {
	width:			960px;
	height:			230px;
	margin:			0 auto;
}

#text-splash {
	padding-top:	145px;
	padding-left:	70px;
	width:			550px;
	font-size:		1.0em;
	font-weight:	normal;	
	color:			#000;
	text-align:		center;
}

/*
  CONTENT
 */

#content {
	border:			5px solid black;
	background:		#1B75BC url(images/container-bg.jpg) repeat-x;
	width:			930px;
	padding:        15px;
	color:			#fff;
	margin-bottom:	20px;
}

#main-content {
	width:			640px;
	float:			left;
	margin-left:	0px;
}

#central-nav {
	width:			100%;
	float:			left;
}

.central-nav-block {
	width:			187px;
	text-align:		justify;
	float:			left;
	margin-right:	20px;
	font-size:		.8em;
}

.discover {
	background:		url(images/discover.gif) top center no-repeat;
}

.discover:hover {
	background:		url(images/discover-on.gif) top center no-repeat;
}

.learnmore {
	background:		url(images/learn-more.gif) top center no-repeat;
}

.learnmore:hover {
	background:		url(images/learn-more-on.gif) top center no-repeat;
}

.engage {
	background:		url(images/engage.gif) top center no-repeat;
}

.engage:hover {
	background:		url(images/engage-on.gif) top center no-repeat;
}


#nav-wrapper {
	float:			right;
	width:			270px;
}


#iframe-nav-wrapper {
	width:			930px;
	margin-left:	15px;
}


#nav {
	width:			270px;
}

	#nav ul {
		display:		block;
		margin:			0 0 30px 0px;
		padding:        0;
	}

		#nav ul li {
			margin-bottom:	15px;
			font-size:		1.0em !important;
			font-weight:	normal;
			letter-spacing: 8px;
			list-style:		none;
		}

			#nav ul li a {
				padding:        9px 0 12px 0px;
/*				background:		url(images/list-style.gif) top left no-repeat;*/
			}

			#nav ul li a:link {
				color:			white;
			}

			#nav ul li a:visited {
				color:			white;
			}

			#nav ul li a:hover {
				color:			yellow;
/*				background:		url(images/list-style-yellow.gif) top left no-repeat;*/
			}

	#nav p {
		font-size: 		.8em;
	}

	#nav .contact {
		margin-top:		25px;
		font-size:		x-small;
	}
	
#iframe-nav {
	width:			930px;
	margin:			0 0 20px 0px;
}

	#iframe-nav ul {
		display:		inline;
		padding:        0;
	}

		#iframe-nav ul li {
			margin-right:	15px;
			font-size:		1.0em !important;
			font-weight:	normal;
			letter-spacing: 4px;
			list-style:		none;
			display:		inline;
		}
/*
			#iframe-nav ul li a {
				padding:        9px 0 12px 0px;
			}
*/
			#iframe-nav ul li a:link {
				color:			white;
			}

			#iframe-nav ul li a:visited {
				color:			white;
			}

			#nav ul li a:hover {
				color:			yellow;
			}

.news-box {
	width:			565px;
	padding:        10px;
	border:			2px solid black;
	background:		#ffffdd url(images/news-bg.jpg) bottom left no-repeat;
	color:			black;
	margin-bottom:  25px;
}

	.news-box h2 {
		margin-top:		0;
		font-size:		1.1em;
		font-weight:	bold;
		letter-spacing: 3px;
	}
	
	.news-box .text-box {
		width:			510px;
		float:			right;
		font-size:		.8em;
	}

.news-box .text-box a:link {
	color:			#678DD0;
}

.news-box .text-box a:visited {
	color:			#D77F9E;
}

.news-box .text-box a:hover {
	color: #CCCC00;
}


.text-area {
	width:			95%;
	text-align:		justify;
	font-size:		.8em;
}

/*
  FOOTER
 */
 
#footer {
	clear:			both;
	background:		#1B75BC;
	border:			5px solid black;
	width:			950px;
	margin:			0 auto;
	color:			#fff;
	text-align:		center;
	padding:        5px;
	margin-bottom:	20px;
	font-size:		.8em;
}


/*
	UNIVERSALS
 */

.clear {
	clear:			both;
}

.floatright {
	float:			right;
}

.padded-image {
	background:		#ddd;
	border:			1px solid black;
	padding:        5px;
	margin:			5px;
}

.clear-right-margin {
	margin-right:	0;
}

.clear-left-margin {
	margin-left:	0;
}

.clear-top-margin {
	margin-top:		0;
}

.inset-box {
	margin-left:	25px;
	margin-bottom:	15px;
	padding:        10px;
	background:		#FFFFdd;
	color:			black;
	float:			right;
	width:			33%;
	font-size:		.8em;
	border:			3px solid #ffff00;
	text-align:		left;
}

/*
 * For pre-loading rollover images
 */
#preloaded-images {
	overflow: hidden;
	height:	1px;
	width: 1px;
	left: -9999px;
	top: -9999px;
	position: absolute;
}