@charset "UTF-8";


*{margin:0; padding:0;}

body{background-color:#000033; text-align:center; font:12px/1.5em 'Lucida Grande', Helvetica, Arial, sans-serif;}

.cTable{height:300px;}

.separate{clear:both; height:1px;}

#container{width:900px; background:url(images/container_bg.gif) top center repeat-y; margin-right:auto; margin-left:auto; text-align:left; border-bottom:7px solid #000000;}

/* BANNERNAV STYLES -=-=-=-=-=-=-=-=-=-=-=-=-=- */

#bannerNav{float:left; width:176px; text-align:center; margin-bottom:25px;}

	#bannerNav h1{text-indent:-9999px; background:url(images/banner_logo.gif) top center no-repeat; width:164px; height:228px; margin-right:auto; margin-left:auto;}
	#bannerNav h1 a{display:block;width:164px; height:228px;}
	
	#bannerNav .nav{list-style:none;}
	
	.home, .history, .services, .projects, .employment, .login, .contact, .about, .employhome, .logout, .projectsHead, .servicesHead{text-indent:-9999px;}
		
		.home a{display:block; background:url(images/Nav_Home.gif) top left no-repeat; width:164px; height:42px; margin-left:auto; margin-right:auto;}
		
		.about a{display:block; background:url(images/Nav_About.gif) top left no-repeat; width:164px; height:30px; margin-left:auto; margin-right:auto;}
	
		.history a{display:block; background:url(images/Nav_History.gif) top left no-repeat; width:164px; height:30px; margin-left:auto; margin-right:auto;}
	
		.services a{display:block; background:url(images/Nav_Services.gif) top left no-repeat; width:164px; height:30px; margin-left:auto; margin-right:auto;}
	
		.projects a{display:block; background:url(images/Nav_Projects.gif) top left no-repeat; width:164px; height:30px; margin-left:auto; margin-right:auto;}
	
		.employment a{display:block; background:url(images/Nav_Employment.gif) top left no-repeat; width:164px; height:30px; margin-left:auto; margin-right:auto;}
		
		.contact a{display:block; background:url(images/Nav_Contact.gif) top left no-repeat; width:164px; height:30px; margin-left:auto; margin-right:auto;}
		
	
		.login a{display:block; background:url(images/Nav_Login.gif) top left no-repeat; width:164px; height:50px; margin-left:auto; margin-right:auto;}
		
		.employhome a{display:block; background:url(images/Nav_EmployHome.gif) top left no-repeat; width:164px; height:50px; margin-left:auto; margin-right:auto;}
		
		.logout a{display:block; background:url(images/Nav_EmployLogout.gif) top left no-repeat; width:164px; height:50px; margin-left:auto; margin-right:auto;}
		
	
	
		.news{display:block; width:164px; height:30px; background:url(images/Header_News.gif) top left no-repeat; text-indent:-9999px; margin-right:auto; margin-left:auto;}
		
		
		#bannerNav .greyBoxNews{background:#EFEFEF; width:164px; margin-right:auto; margin-left:auto; text-align:left; padding-bottom:15px;}

			#bannerNav .greyBoxNews ul{list-style:circle; padding:5px 0 5px 15px;}

			#bannerNav .greyBoxNews li a{display:block; padding:5px 7px; margin-right:7px; margin-left:-10px; text-decoration:none; border-bottom:1px solid #CCC;}

/* CONTENT AREA STYLES -=-=-=-=-=-=-=-=-=-=-=-=-=- */
	
#content{float:right; width:670px; margin-right:15px;}

	#content p{padding:7px 0; font-size:12px;}

	#content h2{font-size:20px; font-weight:bold; padding:15px 0 10px; color:#000033; border-bottom:1px solid #CCC;}
	
	#content h3{font-size:14px; font-weight:bold; padding:15px 0 10px; color:#000033;}
	
	#content td{font-size:12px; color:#000;}
	
	 	.article{margin:15px 0; padding-bottom:15px;}
	 	
	 	.article h3 a{text-decoration:none; color:#000066; display:block; border-bottom:1px solid #CCC; font-size:18px; padding-bottom:7px;}
		
		.articleImage{float:right; margin:10px 0 15px 15px; border:1px solid #CCC;}
		
		.articleImage .more{display:block; font-size:14px; font-weight:bold; margin:5px 10px; text-align:right; text-decoration:none; color:#000066;}

html>body #content {width:670px; margin-right:30px;}

#contentLeft{float:left; width:412px; margin-bottom:25px;}
	
	#front #contentLeft p{text-align:justify;}
	
	#contentLeft h2{font-size:20px; font-weight:bold; padding:15px 0 10px; color:#000033;}
	
	#contentLeft h3{font-size:14px; font-weight:bold; padding:15px 0 10px; color:#000033;}
	
	#contentLeft p{padding:7px 0; font-size:12px;}

#contentRight{float:right; width:223px; margin-bottom:25px;}

	#contentRight .greyBoxProjects{background:#EFEFEF; width:223px; text-align:left; margin-top:15px; padding-bottom:15px; margin-bottom:15px;}
	
	#contentRight .greyBoxProjects h4{font-size:15px; font-weight:bold; color:#000033; padding:7px;}
	
	#contentRight .greyBoxProjects img{margin:10px 0 5px 7px;}
	
	#contentRight .greyBoxProjects p{padding:7px 10px 7px 10px;}
	
	#contentRight .greyBoxProjects .more{display:block; text-align:right; padding:5px 10px;}

	#contentRight .greyBoxProjects h2{display:block; background-color:#003; width:223px; font-size:15px; font-weight:normal; color:#FFF; padding:10px 0 10px 10px;}

	#contentRight .greyBoxProjects h5{font-size:12px; font-weight:bold; color:#000033; padding:7px 10px;}

	#contentRight .greyBoxProjects ul{padding:7px 10px 7px 7px;}
	
	#contentRight .greyBoxProjects li{list-style-type:circle; display:block; padding:5px 7px; text-decoration:none; border-bottom:1px solid #CCC;}
	
	.photos{margin:10px; border:1px solid #CCC; background-color:#EFEFEF; padding:15px;}
	
	#picture{float:left; margin-right:25px;}
	
	.thumbs{float:right; width:200px;}
	
		.thumbs .instruct{display:block; background-color:#000033; color:#FFF; padding:10px; text-align:center; margin:10px 0 0 0;}
	
	.thumbnail{width:75px; height:75px; overflow:hidden; margin:20px 20px 0 0; float:left;}
	
#contactForm{
	width:350px;
	background-color: #FFFFFF;
	font-size: 12px;
	margin:10px auto;
}
	#contactForm p{padding:7px 10px 7px 7px;}	
	#contactForm td{font-size: 12px;}

#photoZoom{
	width:600px;
	background-color: #FFFFFF;
	font-size: 12px;
}
	
	#photoZoom p{padding:7px 10px 7px 7px;}	
	#photoZoom td{font-size: 12px;}


#footer{clear:both; padding:15px 0; border-top:1px solid #000033; font-size:11px; margin-bottom:15px;}

.breadcrumbCon{padding:15px; background-color:#000033; color:#FFF;}

.breadcrumbs{color:#FEFEFE;}

#content h2.projectsHead{display:block; background:#000033 url(images/Nav_Projects.gif) top left no-repeat; width:223px; height:30px; padding:0; margin:0;}

.projectDetailHead{display:block; padding:15px; color:#FFF; background-color:#000033;}

#content h2.servicesHead{display:block; background:#000033 url(images/Nav_ServicesHead.gif) top left no-repeat; width:223px; height:30px; padding:0; margin:0;}