﻿
div#header {
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	height: 150px;
}

div#header div.header-container {width: 980px; margin: auto;}
div#header div.header-container img.logo {float: left; width: 190px; height: auto; margin-top: 5px; margin-right: 10px;}

div#header div.header-container div.right {float: right; text-align:right; color: #6b674c; font-size: 1.0em; width: 38%;}

form#searchform{width:209px; height:33px; position:relative; float:right;}

form#searchform #s{width:175px; height:31px; border-left:1px solid #ADADAD; border-top:1px solid #ADADAD; border-bottom:1px solid #ADADAD; border-right:0px; position:absolute; top:0px;left:0px;}

form#searchform #searchsubmit{color:#ffffff; font-family:Arial, Helvetica, sans-serif; width:33px; height:33px; position:absolute; top:0px; right:0px; border:0px;
background: #019c00; /* Old browsers */
background: -moz-linear-gradient(top,  #019c00 0%, #017d00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019c00), color-stop(100%,#017d00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #019c00 0%,#017d00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #019c00 0%,#017d00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #019c00 0%,#017d00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #019c00 0%,#017d00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019c00', endColorstr='#017d00',GradientType=0 ); /* IE6-9 */
}

div#container {
    padding: 0px;
    width: 980px;
    margin: 40px auto;
    overflow: auto;
}

/*Navigation*/
div#navTopContainer {
	background-color: rgba(255,255,255,0.8);
	width: 250px;
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	border: 1px solid #bab8ab;
}
div#navTopContainer ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    text-align:left;
}
div#navTopContainer ul li {
    display: block;
    padding: 0px;
    margin: 0px;
    position:relative;
	border-bottom: 1px solid #bab8ab;
}
div#navTopContainer ul li:last-child {border-bottom: none;}
div#navTopContainer ul li a {
	text-decoration: none;
	display: block;
	color: #524f3a;
	padding: 10px 20px;
}
div#navTopContainer ul li a:hover {
	color: white;
	background-color: #019c00;
}

/*Drop Down*/ 

#navTopContainer ul ul{
	position:absolute;
	display:none;
	z-index:27;
	left: 200px;
	top: 0;
	background-color: #ffffff;
	border: 1px solid #bab8ab;
	width: 150px;
}

#navTopContainer ul ul li{
	display:block;
	line-height:normal;
	margin:0px;
	padding:0px;
	border: none;
}
#navTopContainer ul ul li a {
	padding: 5px 10px;
	font-size: 0.9em;
}


#navTopContainer ul ul li a {display:block;}
#navTopContainer li:hover > a{}
#navTopContainer ul li:hover > ul {display: block;}



/*Slider*/
div.slider {
	width: 978px;
	border: 1px solid #b9b7a7;
	margin: 40px auto;
	height: 304px;
}

/*Content*/

div#contentBody {
	width: 685px;
	float: left;
	background-color: rgba(255,255,255,0.8);
	border: 1px solid #bab8ab;
}

div#contentBody div.entry {
	padding: 30px;
	line-height: 1.4285em;
}


/*Footer*/

div#footer-widgets {background-color: rgba(179,173,151,0.8); padding: 10px 0px; text-align: center;}
div#footer-widgets div#footer-widget-1 {width: 980px; margin: auto; overflow: auto;}
div#footer-widgets div#footer-widget-1 img{margin-left:3px; width:110px; height:80px;}
img.bw{ 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
    }
img.bw:hover{ 
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}

  
div#footer {background-color: rgba(255,255,255,0.7); padding: 20px 0px}
div#footer div.footer-container {width: 980px; margin: auto; overflow: auto;}


div#footer div.footer-container div.footer-menu div {float: left; margin-right: 50px; padding: 5px 0px 5px 10px; border-left: 2px groove white; min-height: 170px;}
div#footer div.footer-container div.footer-menu div ul {margin: 0px; padding: 0px; list-style-type: none;}
div#footer div.footer-container div.footer-menu div ul li {margin: 0px;}
div#footer div.footer-container div.footer-menu div ul li.alternate {
	float: right;
}

div#footer div.footer-container div.right {float: right; text-align:right; font-size: 0.7857em;}

div#footer div.footer-container div.right .social img{margin-left:10px;}









