/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {
	height: auto; 
	min-height: 100%; 
	background-image:url(images/wave-bg.png);
	background-repeat:no-repeat;
	background-position:bottom;}

#main {
	padding-bottom: 30px;
	width:800px;
	margin:0 auto 0 auto;
	
}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
	background:url(images/footer-bg.jpg);
	text-align:center;
	color: #1377C1;
	font-size:10px;
} 

#footer a{ color: #1377C1; text-decoration:none; }

/* 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 */

body {
	color:#ccc;
	background-image:url(images/main-bg.jpg);
	background-repeat:repeat-x;
	background-color:#7FC4EE;
	font-family: Arial, Sans-Serif;
	font-size: 86%;
}

#top {
	padding: 0;
	margin: 0;
	background: url(images/top-leds.png) no-repeat top right;
	height: 80px;
	width:800px;
	margin:0 auto 0 auto;
}

#top .padding { 
	float: right;
	color: #808080;
	padding: 20px 25px 0 0;
	font-size: 90%;
}

#top a { color: #E0F5FF; }

.img {
	padding: 8px 8px 8px 0;
	float: left;
}

.menu_cont { text-align:center; margin:0 auto 0 auto; width:800px; background: url(images/menu-main.png); height:35px; }

#menu{ position:absolute; font-size:11px; color:#000; font-weight:bold;  padding-top:7px; }
#menu a{ color:#333; text-decoration:none; }
#menu ul .item{ display:none; width:170px; text-align:left; padding:3px; font-size:11px; font-weight: normal;}
#menu ul:hover .item{ display:block; background: url(images/mn-bgpng.png); padding:4px; margin:1px;}
#menu ul:hover .item a{ color: #333; text-decoration:none;}
#menu ul:hover .item a:hover{ color:#999; width:170px;}
#menu ul{width:80px; float:left; margin:0px; padding:3px;list-style:none; background-repeat:repeat-x;}



.welcome {
	width:460px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:97%;
	color:#000000;
	line-height: normal;
	text-align:justify;
	float:left;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}

.welcome p {
	padding:10px 0 10px 10px;
	text-align: justify;
}

.welcome-img {
	float:right;
	width:300px;
	padding:45px 0px 0px 0px;
	
}

.content_body { 
	width: 800px; 
	margin: 0 auto; 
	color: #FFFFFF; 
	min-height:350px;
}

.content_body a{
	color:#000;
	padding:0;
	margin:0;
	text-transform:none;
	
}

.right_side { 
	float: right;
	padding:0px 0 0 10px; margin:0;
	background-color: #FFF;
	width: 210px; 
}

.main-head {
	font-family: "Trebuchet MS", "Futura Md", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:26px;
	color:#deeef7;
	border-bottom: 1px solid #B5D4E5;
	text-align:left;
}

.front { color: #B5D4E5; }

.news_title{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:15px;
	text-align:right;
	margin-left:5px;
	padding:5px 10px 0 0;
}

.news {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #502916;
	list-style:none;
	margin:0;
	padding:10px;
	text-align:justify;
	
}

.news a {
	text-decoration:none;
	color: #006699;

}

.img_in_txt {
	float:right;
	border:1px solid #0CF;
	padding:1px;
	margin:5px;
}

.comb_with_img {
	float:left;
	width: auto;
}

.sub_title {
	font-size:124%;
	color:#333;
	font-weight:bold;
	
}

.photogallery img{
	border:3px solid #FFF;
	padding:0; margin:0;
}

.photogallery td {
	/*vertical-align:top;*/
	text-align:center;
}

.form{
	width:600px;
	margin:0px auto 0px auto;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 86%;
	text-align: left;
}

