@charset "utf-8";

fix {}

body {font-family: "Trebuchet", "Trebuchet MS", "Gill Sans", Gill, "Gill Sans MT", Verdana, "Arial Narrow", Arial, Sans-Serif;
		color: #534741;
		font-size: 12pt; margin: 0; padding:0}

H1, H2, H3, H4, H5, H6 {font-weight: 400; margin: 0}
H1 {size: 1.8em;}
H2 {size: 1.6em;}
H3 {size: 1.3em;}
H4 {size: 1.1em;}
H5 {size: .8em;}
H6 {size: .6em;}

a, a:visited {color: #996666 ; text-decoration: none; font-size: 1em}
a:hover {color: #534741; text-decoration: none;}

a img {border: 0}

#container {width: 950px; margin: 50px auto;}

#header {background: url(images/headerBG.png) no-repeat top left; 
			background-size: 100% 100%;
			width: 100%; 
			height: 140px; 
			clear: both; 
			padding: 0 0 0 36px;}

#content {height: auto; 
			min-height: 250px; 
			padding: 0 20px 0 36px;}

/*footer styles*/
#footer {background: url(images/footerBG.png) no-repeat top left; 
			width: 100%; 
			background-size: 100% 100%;
			height: 160px; 
			margin: 10px auto 0 auto;
			vertical-align: bottom;
			}
			
#footer a {color: #fff; text-decoration:underline;}
#footer p {margin: 15px; 
			text-align: left; 
			padding: 100px 0 0 0;
			font-size: .8em; 
			color: #fff;}
			
#sidebar, #left {width: 240px;
		margin-right: 20px;
		float: left; 
		height: 100%;}
	
#right, #posts {width: 600px; margin-left: 280px}	
#postbox {width: auto; position: relative;}

.alignleft {float: left}
.alignright {float: right}
.aligncenter {text-align: center}
.clear {clear:both;}


/*navigation styles -- see also menustyles.css and paste into plugin settings!!*/
.current_page_item, .current_page_item a, current_page_item ul li{color: #534741; font-weight:bold; font-style:italic}

/*navigation styles -- .current_page_item is an automatic wordpress created class for the active page*/
#navigationbar {width: 950px;
		 height: auto;
		 text-align: left;
		 vertical-align:middle;
text-transform: uppercase;
position: relative; z-index: 100;
font-size: 1em;
}
				

/*DROP DOWN MENU STYLING*/ 

#main-nav	{
	height: 32px; /* set to the height you want your menu to be */
	margin: 0 auto; /* just to give some spacing */
	width: 1000px;
 

}

.main-nav {margin-bottom: 10px; padding: 0 50px 0 0 }

#main-nav ul	{
	margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
	
list-style: none;}
#main-nav li	{
	display: inline;
	line-height: 30px; /* this should be the same as your #main-nav height */
	height: 30px; /* this should be the same as your #main-nav height */
	margin: 0; padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
}
#main-nav li a	{
	display: inline-block;
	height: 30px;
	line-height: 1em;
	padding: 0 33px;
	
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
	color: green; font-weight: normal;
	
}

#main-nav ul ul { /* this targets all sub menus */
	display: none; /* hide all sub menus from view */
	position: absolute;
	top: 25px; /* this should be the same height as the top level menu -- height + padding + borders */
	z-index: 10000;
	border-top: none;
	background: #fff;  
	}

#main-nav ul ul li { /* this targets all submenu items */
	float: none; display: list-item;   /* overwriting our float up above */
	width: 170px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}

#main-nav ul ul li a { /* target all sub menu item links */
	padding:0px 10px;
	margin-bottom: 5px; /* give our sub menu links a nice button feel */
	}


#main-nav ul li:hover > ul {
	display: block; /* show sub menus when hovering over a parent */
}

#main-nav ul ul li ul {
	/* target all second, third, and deeper level sub menus */
	left: 170px; /* this needs to match the sub menu width set above -- width + padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item */
	
}