/* CSS - style.css */


html, body {
	margin: 0;
	padding: 0;
	background-color: no-repeat center center fixed;
	background-size: cover;
	background: url(greybackground.png)
}


p {
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}

p.italictext {
	font-family: arial;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #2A9061;
}

p.boldtext {
	font-family: arial;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}

/*navigation */

#navbar {
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

#navbar li{
	float: left;
}

#navbar li a{
	display: block;
	width: 175px;
	font: bold 18px "veranda";
	background: #FFFFFF;
	padding: 5px;
	color: #FFFFFF;
	text-decoration: none;
}

#navbar li a:hover{
	background-color: #757C78;
}
	
/* Image Styles */

.imgright{
	float: right;
	border-width: 3px;
	border-style: solid;
	border-color: #9b9a9a;
	margin: 20px;
}

.imgleft{
	float:left;
	border-width: 3px;
	border-style: solid;
	border-color: #9b9a9a;
	margin: 20px;
}

/* reset */

*{
	padding: 0;
	margin: 0;
}

body{
	background: url('imgs/bg.jpg');
	font-family: veranda, Geneva, sans-serif;
	font-size: 12px
}


#main_content{
	float: left;
	background: #757575;
	margin: 75px 0px 10px 0px;
	width: 910px;
	height:1200px;
	padding-top: 30px;
	overflow: scroll;


}

#wrapperallmaincontent{
	margin: 0 auto;
	width: 1200px;
}

#main_contentnoscroll{
	float: left;
	background: #757575;
	margin: 75px 0px 10px 0px;
	width: 910px;
	height:1200px;
	padding-top: 30px;


}

#main_content p, h2{
	line-height: 22px;
	margin-top: 10px;
	padding-left: 25px;
	color: #f0f0f0;
}

#main_contentnoscroll p, h2{
	line-height: 22px;
	margin-top: 10px;
	padding-left: 25px;
	color: #f0f0f0
}
 
#bottom_contentcontactus{
	margin:20px 0px 0px 20px
}

#bottom_contentcontactus{
	margin:20px 0px 0px 20px
}

#bottom_content p, h3{
	line-height: 22px;
	margin-top: 10px;
	padding-left: 25px;
	color: #FFFFFF
}

#main_contentnoscroll p, h3{
	line-height: 22px;
	margin-top: 10px;
	padding-left: 25px;
	color: #FFFFFF
}

#main_content h3{
	line-height: 22px;
	margin-top: 10px;
	padding-left: 25px;
	color: #000000
}



	#video{
		float: left;
		margin: 20px;
		border: 5px solid #757C78;
	}
	
	#videonews{
		float: right;
		margin: 20px;
		border: 5px solid #757C78;
	}
	
	hr{
		color: #757C78;
		width: 870px;
		margin-left: 20px;
		float: left;
	}

	.main_thumb2{
		float: left;
		margin: 40px;
		border: 1px solid #fff;
		box-shadow: 0px 4px 6px #999;
	}

	.vid_excerpt{
		float: right;
		margin:0px 50px 40px 0;
		}
	
figure {
    display: inline-block;
	border-width: solid;
	border-color: #757C78;
	border-width: 2px;
	margin: 30px;
}
figure img {
    vertical-align: top;
}
figure figcaption {
    text-align: left;
	font: veranda;
	color: #FFFFFF
}

#sidebar{
	float: right;
	margin: 75px 0px 10px 6px;
	background: #757575;
	width: 280px;
	height:1200px;
	padding-top: 30px;

}

#sidebar h3{
	padding-left:20px;
	color: #FFFFFF;
}

.sidebar_list{
	margin:20px;
}

.sidebar_list li{
	list-style: none;
	margin: 10 px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #9b9a9a;
}

.sidebar_list li a{
	text-decoration:none;
	color: #FFFFFF;
	font-size: 15px;
	font-style:"veranda";
}
.sidebar_list li a:hover{
	background-color: #9b9a9a;
	font-weight: bold;
}

#search_form{
	margin: 10px 0 50px 20px
}
	#search_form input{
		padding:5px;
	}

	.thumb{
		float: left;
		margin: 22px;
		border: 1px solid #fff;
		box-shadow: 0px 4px 6px #999
	}

	#wrapperfooter{
		margin: 0 auto;
		width: 1200px;
	}
	
	#footer{
	clear: both;
	float: left;
	background: #757575;
	width: 1200px;
	height: 250px;
	margin-bottom: 20px;
	border: 1px solid #C0B0B0;
}

	#footer h4{
		color: #FFFFFF;
		font: 18px;
	}
	
	.footer_links{
		float:left;
		margin:90px 120px 90px 30px;
	}
	.footer_links li{
		list-style: circle;
		float: left;
		margin-left: 15px;
	}
	
	.footer_links li a{
		text-decoration: none;
		color: #FFFFFF;
	}
	
	.footer_links li a:hover{
		color: #ffffff;
		border-bottom: 1px solid #ffffff;
	}
	
	#newsletter{
		margin:90px 30px 60px 0px;
	}
	.about_txt{
		float: left;
		width: 250px;
		padding: 30px;
	}
	
	.addthis_sharing_toolbox{
		float: left;
		margin: -40px 530px 20px 530px;
		z-index: 2;
	}
	
	p.footerfont {
		font-family: arial;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #f0f0f0;
}

	#footer_contactemail{
		font-family: arial;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #000000;
		float: left;
		color: #FFFFFF;
		margin: 0px 0px 0px 410px;
	}
	
	#footer_contactphone{
		font-family: arial;
		font-size: 12px;
		font-style: normal;
		font-weight: normal;
		color: #000000;
		float: right;
		color: #FFFFFF;
		margin:0px 410px 0px 0px;
	}
	

#wrapperheader{
	margin: 0 auto;
	width: 100%;
	
}

#header2{
	margin-top:0px;
	width: 100%;
	height:65px;
	border:1px solid #C0B0B0;
	background:#757575;
	position: fixed;
	z-index:1;
}

#logo{
	background: url('logoill2.png') no-repeat;
	float: left;
	width:300px;
	height:120px;
	margin: 5px 0px 0px 40px;

}

.navigation{
	float: right;
	margin: 20px 100px 10px 20px ;
}


.navigation li:first-child{

}

.navigation li{
	float: left;
	list-style:none;
}

.navigation li a{
	float: left;
	color: #FFFFFF;
	padding: 6px 20px;
	text-decoration:none;

	font-size: 15px;
}

/*
.navigation li a:hover{
	color: #FFFFFF;
	font-weight: normal;
	background:#717171;
}
*/

.navigation li a:hover{
	border-bottom: 1px solid #ffffff;
}

.navigation li a.currentpage{
	color: #ffffff;
	font-style: italic;
	font-weight: normal;
	border-bottom: 1px solid #ffffff;
}


/* modalwindows */



.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.9);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}



.modalDialog:target {
	opacity:2;
	pointer-events: auto;
}

.modalDialog > div {
	width: 1000px;
	height: 550px;
	position: relative;
	margin: 5% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #34282C);
	background: -webkit-linear-gradient(#fff, #34282C);
	background: -o-linear-gradient(#fff, #34282C);
}

.modalDialogportrait {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.9);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialogportrait > div {
	width: 550px;
	height: 550px;
	position: relative;
	margin: 5% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #34282C);
	background: -webkit-linear-gradient(#fff, #34282C);
	background: -o-linear-gradient(#fff, #34282C);
}

.modalDialogportrait:target {
	opacity:2;
	pointer-events: auto;
}
.modalportraitimgpadding{
	padding: 10px 50px 0px 120px;
	}



.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

.modalimgpadding{
	padding: 10px 50px 0px 140px;
}

.galleryimg{
	border-width: 3px;
	border-style: solid;
	border-color: #9b9a9a;
}