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

	
* {
	margin: 				0;
	padding: 				0;
	list-style: 			none;
	}

html{
	height: 				100%;
}

body{
	height: 				100%;
	background: 			url(../images/bgcolor.png);
	}

body > #container {
	height: 				auto;
	min-height: 			100%;   
	}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

/* Layout*/
#hidden{
	width:					800px;
	height:					10px;
	}

#container {
	width: 					900px;
	min-height: 			100%;
	height: 				auto !important;
	height: 				900px;
	margin:		 			0 auto -4em;
	background-repeat:		repeat-x;
	background-color: 		#003366;
} 

#header {
	background-image: 		url(../images/header.png);
	height: 				166px;
	background-position:	center;
}

#logo {
	position: 				relative;
	top: 					-80px;
	right:					-750px;
	z-index:				1;
}

#banner{
	margin-top: 			2px;
	margin-right: 			auto;
	margin-bottom: 			5px;
	margin-left: 			auto;
	width:					900px;
	height: 				200px;

}

#maincontent{
	width:					96%;
	height:					400px;
	background-color:		#26537F;
	margin:					10px 20px;
	float:					left;
}

#content{
	margin: 				10px 10px 15px 15px;
	margin-left: 			20px;
	width: 					500px;
	height: 				400px;
	background-color:		#26537F;
	float:					left;
}

#topsidebar{
	width: 					340px;
	height: 				195px;
	background-color:		#26537F;
	float:					right;
	margin-top: 			10px;
	margin-right: 			20px;
	margin-bottom: 			10px;
	margin-left: 			0px;
}

#bottomsidebar{
	margin-left: 			0px;
	margin-right: 			20px;
	margin-bottom:			15px;
	width: 					340px;
	height: 				195px;
	background-color:		#26537F;
	float:					right;
}

#pictures{
	width: 50%;
	margin-top: 15px;
	}
.push{
	height: 				50px;
	}

.footer {
    clear: both;
	position: 				relative;
	margin-top: 			-150px;
	height: 				150px;
    padding: 				15px 0 0 0;
    font-size: 				.70em;
	background: 			url("../images/black2_02.gif");
	background-repeat:		repeat-x;
    color: 					#FFF;
    border-top: 			solid 1px #e5e5e5;
	overflow: 				auto;
}
.footer ul {
  	float: 					left;
  	margin: 				5px 20px 5px;
  	line-height: 			1.3;
  	width: 					80px;
	position:				relative;
 
}
.footer ul.first {
    padding-left: 			0;
    margin-left: 			0;
}
.footer ul.last {
    padding-right: 			0;
    margin-right: 			0;
}
.footer li {
    margin: 				0;
    padding: 				0;
    list-style: 			none;
	color:					#FFF;
}
.footer p {
    margin: 				0;
	font-size:				1.5em;
	font-family:			Verdana, Arial, Helvetica, sans-serif;

}
.footer a {
	 color:					#FFF;
	 font-family:			Verdana, Arial, Helvetica, sans-serif;
	 }
.clear {
     clear:                	both;
}



/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ///////////////////////////// TEXT OPTIONS /////////////////////////////// */

blockquote{
	margin:					10px;
	color:					#FFF;
	font-family:			Helvetica,Arial,Verdana,sans-serif;
	font-size:				1.1em;
	}
	
p{
	text-indent:			20px;
	margin-bottom:			10px;
	}
	
ul#blockquote{
	text-indent: 30px;
	}
	
h1#title, h1#title a, h1#title a:hover{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size: 				35px;
	letter-spacing: 		0px;
	font-weight: 			bold;
	text-align: 			left;
	text-decoration: 		none;
	color: 					#000000;
	position:				relative;
	top: 					30px;
	left: 					65px;
	width:					700px;
	}
	
h2#subtitle, h2#subtitle a, h2#subtitle a:hover{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				20px;
	font-style:				italic;
	letter-spacing: 		5px;
	font-weight: 			bold;
	text-decoration: 		none;
	color: 					#000000;
	position:				relative;
	top: 					50px;
	left: 					135px;
	width:					700px;
	}
	
h2#thankyou{
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	color:					#FFF;
	margin-top:				2em;
	}

h3{
	text-indent: 			2em;
	padding-top: 			0.25em;
	margin: 				0;
	color: 					#FFF;
	font: 					1.4em helvetica,sans-serif, bold;
	text-decoration:		underline;
}

#footertxt {
	float:					left;
	position:				relative;
	left:					10px;
	font:					0.75em Verdana, Arial, Helvetica, sans-serif, bold;
	color:					#FFF;
	}
	
a.footertxt:link{
	font:					1em Verdana, Arial, Helvetica, sans-serif, bold;
	color:					#FFF;
	}


/* //////////////////////////////////////MENU///////////////////////////////// */
#menuposition{
	margin:		 			0 auto -4em;
	}
ul#menu{
	margin:					0;
	padding:				0;
	list-style-type:		none;
	width:					900px;
	display:				block;
	height:					31px;
	
	text-transform:			uppercase;
	font-size:				0.85em;
	background: 			url("../images/blue.jpg") repeat-x top left;
	font-family:			Helvetica,Arial,Verdana,sans-serif;
	font-weight:			bold;
}
ul#menu li{
	display:				block;
	float: 					left;
	margin-right:			10px;
	padding-right:			8px;
	border-right:			0;
	}
ul#menu li a{
	display:				block;
	float:					left;
	color:					#ffffff;
	text-decoration:		none;
	height:					20px;
	padding-top: 			12px;
	padding-right: 			22px;
	padding-bottom: 		0px;
	padding-left: 			22px;
	}
ul#menu li a:hover{
	background:				transparent url("../images/black.jpg") repeat-x top left;	!important 
	}
	

	
	

/*** set the width and height to match your images **/

#slideshow {
	margin-top: 			5px;
	margin-right: 			auto;
	margin-bottom: 			5px;
	margin-left: 			auto;
	width:					900px;
	height: 				200px;
	position:				relative;
	float: 					left;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}