body {
	font: 0.9em Arial, Verdana;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #56B8F4;
}

a:link, a:visited {
	color: #F16F1E;
	text-decoration: underline;
}

a:hover{
	color: #F16F1E;
	text-decoration: none;
}

h1 {
	margin: 0 0 4px 0;
	padding:0;
	clear: none;
	font: 2.0em Trebuchet MS, Arial, Tahoma;
	clear: none;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

.divider {
	clear: both;
}

.projectPic {
	float: left;
	clear: left;
	margin: 0 10px 0 0;
}

.inputNormal
{
	height: 25px;
	width: 22em;
	padding: 3px;
	font: normal 1.4em Arial;
	border: 2px solid #CCCCCC;
	background: #FFFFFF;
}

.inputBig
{
	height: 125px;
	width: 22em;
	padding: 3px;
	font: normal 1.4em Arial;
	border: 2px solid #CCCCCC;
	background: #FFFFFF;
}

.inputShort
{
	height: 25px;
	width: 2em;
	padding: 3px;
	font: normal 1.4em Arial;
	border: 2px solid #CCCCCC;
	background: #FFFFFF;
}

#header {
	height: 137px;
	vertical-align: bottom;
	background: #000000 url("../images/bg-top.png") top left repeat-x;
}

	#logo {
		width: 800px;
		height: 97px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 25px;
		text-align: left;
		clear: none;
	}

	#menu {
		text-align: right;
		float: right;
		margin-top: 40px;
		font: 1.4em Trebuchet MS, Arial, Tahoma;
	}
	
	#menu ul {
		margin: 0;
		list-style: none;
	}
	
	#menu li {
		display: inline;
	}
	
	#menu li a {
		color: #FFFFFF;
		background: #333333;
		text-decoration: none;
		padding: 6px 16px;
	}
	
	#menu li a:hover {
		color: #FFFFFF;
		background: #F16F1E;
		text-decoration: none;
		padding: 6px 16px;
	}
	
	#menu li#active a {
		color: #FFFFFF;
		background: #F16F1E;
		text-decoration: none;
		padding: 6px 16px;
	}

#main {
	min-height: 460px;
	background: #f4f4f4 url("../images/bg-main.png") top left repeat;
}

	#mainContent {
		width: 800px;
		clear: both;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}
	
	#newsContent {
		padding: 0;
		margin: 0 0 10px 0;
		width: 100%;
		float: left;
		clear: left;
		text-align: left;
		border: 3px solid #CCCCCC;
	}

	#contentstart {
		padding: 6px;
		margin: 0;
		width: 788px;
		float: left;
		clear: left;
		text-align: left;
		background: #FFFFFF;
		border: 3px solid #CCCCCC;
	}
	
		#contentstart h2 {
			font: bold 1.0em Trebuchet MS, Arial, Tahoma;
			border-bottom: 1px solid #999999;
			padding: 0 0 4px 0;
			margin: 0;
		}
		
		#contentstart p {
			padding: 2px 0 10px 0;
			line-height: 1.4em;
			margin: 0;
		}
		
		.startgrid{ 
				width: 170px; 
				height: 75px; 
				margin: 10px; 
				float: left; 
				overflow: hidden; 
				position: relative;
			}
		
		.main_image {
			width: 500px; height: 284px;
			float: left;
			background: #333333;
			position: relative;
			overflow: hidden;
			color: #ffffff;
			border-top: 2px solid #CCCCCC;
		}
		
		.main_image h1 {
			font-size: 2em;
			font-weight: normal;
			margin: 0 5px 0 5px;
			padding: 6px 10px 0 10px;
			color: #FFFFFF;
		}
		
		.main_image h1 a:link, .main_image h1 a:hover, .main_image h1 a:visited {
			text-decoration: none;
			color: #FFFFFF;
		}
		
		.main_image h2 {
			font-size: 2em;
			font-weight: normal;
			margin: 0 5px 0 5px;
			padding: 6px 10px 0 10px;
			color: #FFFFFF;
		}
		
		.main_image h2 a:link, .main_image h2 a:hover, .main_image h2 a:visited {
			text-decoration: none;
			color: #FFFFFF;
		}
		
		.main_image p {
			font-size: 1.0em;
			padding: 4px 10px 10px 10px;
			margin: 0 5px 0 5px;
			line-height: 1.3em;
		}
		.main_image .desc{
			position: absolute;
			bottom: 0;	left: 0;
			width: 100%;
			display: none;
		}
		.main_image .block{
			width: 100%;
			background: #222222;
			border-top: 1px solid #000000;
		}

		.main_image a.show {background-position: left bottom;} 


		.image_thumb {
			float: left;
			width: 270px;
			background: #f0f0f0;
			border-top: 1px solid #ccc;
		}
		
		.image_thumb a {
			text-decoration: none;
			color: #FFFFFF;
		}

		.image_thumb ul {
			margin: 0; padding: 0;
			list-style: none;
		}
		.image_thumb ul li{
			margin: 0; padding: 12px 10px;
			background: #111111 url("../images/bg-news.jpg") top left repeat-x;
			width: 280px;
			height: 31px;
			float: left;
			border-bottom: 1px solid #000000;
			border-top: 1px solid #999999;
		}
		.image_thumb ul li.hover {
			background: #444444;
			cursor: pointer;
		}
		.image_thumb ul li.active {
			background: #333333;
			cursor: default;
		}
		html .image_thumb ul li h2 {
			font: normal 1.4em Trebuchet MS, Arial, Tahoma;
			margin: 5px 0; padding: 0;
		}
		.image_thumb ul li .block {
			float: left; 
			margin-left: 10px;
			padding: 0;
			width: 170px;
		}	
		.image_thumb ul li p{display: none;}
		
		.image_thumb h2 {
			color: #ffffff;
		}

	#contentleft {
		padding: 6px;
		margin: 0 6px 6px 0;
		width: 200px;
		float: left;
		clear: left;
		text-align: left;
		background: #FFFFFF;
		border: 3px solid #CCCCCC;
	}
	
		#contentleft h2 {
			font: bold 1.0em Trebuchet MS, Arial, Tahoma;
			border-bottom: 1px solid #999999;
			padding: 0 0 4px 0;
			margin: 0;
		}
		
		#contentleft p {
			padding: 2px 0 10px 0;
			line-height: 1.4em;
			margin: 0;
		}

	#contentright {
		padding: 6px;
		margin: 0 0 6px 6px;
		width: 550px;
		float: right;
		clear: none;
		text-align: left;
		background: #FFFFFF;
		border: 3px solid #CCCCCC;
	}
		
		#contentright h2 {
			font: 1.4em Trebuchet MS, Arial, Tahoma;
			padding: 18px 0 4px 0;
			margin: 0;
		}
		
		#contentright p {
			padding: 0 0 10px 0;
			margin: 0;
		}
		
		#location {
			width: 548px;
			height: 350px;
			float: center;
			position: relative;
			border: 1px solid #CCCCCC;
		}
	
	#contentright2 {
		padding: 6px;
		margin: 0 0 6px 6px;
		width: 550px;
		float: right;
		clear: none;
		text-align: left;
		background: #FFFFFF;
		border: 3px solid #CCCCCC;
	}
	
		.boxgrid{ 
				width: 158px; 
				height: 140px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 4px;
					font: 1.0em Arial, Verdana;
				}
				
				.boxgrid h2{ 
					color: #FFFFFF;
					padding: 0 4px;
					font: 1.2em Trebuchet MS, Arial, Tahoma;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%;
				color: #CCCCCC;
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
	
 				.captionfull .boxcaption {
 					top: 140;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 100;
 					left: 0;
 				}
	
	.LeftBlock {
		padding: 0;
		margin: 0 6px 6px 0;
		width: 212px;
		float: left;
		clear: left;
		text-align: center;
		background: #000000;
		border: 3px solid #CCCCCC;
	}


#footer {
	clear: both;
	margin: 0;
	background: #56B8F4 url("../images/bg-bottom.png") top left repeat-x;
	min-height: 120px;
	color: #FFFFFF;
}

	#footerContent {
		width: 800px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 10px;
		text-align: center;
	}
	
	#BoxList {
		width: 190px;
		float: left;
		text-align: left;
		margin: 0 5px 0 5px;
	}
	
		#BoxList h3 {
			padding: 0 0 4px 0;
			margin: 0;
			color: #333333;
		}
		
		#BoxList p {
			padding: 0;
			margin: 0;
			border-left: 1px solid #FFFFFF;
			padding-left: 4px;
			line-height: 1.2em;
		}
		
		#BoxList ul {
			list-style: none;
			padding: 0;
			margin: 0;
			border-left: 1px solid #FFFFFF;
			padding-left: 4px;
		}
		
		#BoxList li a {
			padding: 0;
			margin: 0;
			list-style: none;
			color: #FFFFFF;
			line-height: 1.2em;
		}

	#footerContent p a:link, #footerContent p a:visited {
		color: #FFFFFF;
		margin: 0;
		padding: 0;
	}

	#footerContent p a:hover {
		color:#FFFFFF;
	}
	
	#copyright {
		clear: both;
		padding-top: 12px;
		font: 0.8em Arial;
	}