/******************************
   AUTHOR:  Simeon Stavrev
   WAXX Agency | http://waxx.org
 ******************************/



/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#top-menu {
	width: 100%;
	height: 30px;
	/*background: url(/images/v4/menu/bgr.png);*/
}

#top-menu-inside {
	width: 1000px;
	height: 30px;
	margin: 0 auto;
}

	#top-menu-inside #logo {
		width: 208px;
		height: 30px;
		margin: 0 0 0 10px;
		float: left;
		background: url(/images/v4/custom/forthenature.org_logo.png) no-repeat center center;
	}

	#top-menu-inside #logo a {
		display: block;
		font-size: 0;
		height: 100%;
		text-decoration: none;
		width: 100%;
	}

#TopMenu ul, #TopMenu ul ul {
	list-style: none;
}

#title-menu {
	width: 1000px;
	height: 30px;
	background-position: 5px 5px;
	margin: 0 auto;
	text-align: right;
}


/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/

#sidebarLeft{
	padding: 10px 10px 0 10px;
}

ul.sideMenu {
	margin: 0;
	padding: 0;
}

.sideMenu li {
	display: inline;
}

.sideMenu li a { 
	display: block;
	margin: 0.2em 0;
	padding: 3px 5px 3px 35px;
	text-decoration: none;
	background: url(/images/v4/elements/bullet.gif) no-repeat 10px 0px;
}

/* Submenu of active menu item */
.sideMenu li.here ul {
	margin: 0;
	padding: 0;
}

.sideMenu li.here {
	display: block;  
	padding: 5px;
}

.sideMenu li.here ul li a {
	padding-left: 35px;  
	background: url(/images/v4/elements/tick.png) no-repeat 10px 0px;
}

#sidebar-tree {
	width: 220px;
	height: 130px;
	background: url(/images/v4/custom/forthenature.org_durvo.png) no-repeat;
}



/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
	float: left;
	width: 100%;
	clear: both;
	padding: 0em 0 0em 0;
}

	#page .membersBox{
		width: 200px;
		height: 200px;
		margin: 10px 10px;
		float: left;
	}



/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
	float: left;
	width: 100%;
	height: 50px;
	clear: both;
	color: white;
	padding: 75px 0 0 0;
	background: #292222 url(/images/v4/layout/layout_footer_long.jpg) no-repeat top center;
}

#footer #width {
	position: relative;
	z-index: 3;
	font-size: 0.85em;
}

#footer #width div {
	float: left;
	text-align: left;
	padding: 7px 0 7px 0;
}

/**************************************************************
   FrontPage
 **************************************************************/

#frontpageMap{
	width: 480px;
	height: 316px;
	background: url(/images/v4/maps/bg-map-480x316.jpg);
}

div.boxMap {
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(/images/v4/elements/map-point.png);
}

.refreshFrontpage{
	float: right;
	margin: 0 10px 0 0;
}
/*
.boxKnow {
	background: url(/images/tango-icon-theme-0.8.90/22x22/apps/help-browser.png);
	width: 22px;
	height: 22px;
	float: left;
	margin: 0 10px 0 10px;
}

.boxFAQ {
	background: url(/images/tango-icon-theme-0.8.90/22x22/emblems/emblem-important.png);
	width: 22px;
	height: 22px;
	float: left;
	margin: 0 10px 0 10px;
}

.boxNotices {
	background: url(/images/tango-icon-theme-0.8.90/32x32/mimetypes/text-x-generic.png);
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 10px 0 10px;
}
*/
.frontpageBoxes p a {
	color: #4b85c4;
	text-decoration: none;
}

	.frontpageBoxes .transparency {
		height: 110px;
		margin: 100px 0 0 0;
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		background: #333;
	}
	
		.frontpageBoxes .transparency .transparencyText {
			font-size: 10.5px;
			color: white;
			padding: 10px 15px;
		}
		
		.frontpageBoxes .transparency .transparencyText a {
			color: white;
		}

.frontpageBoxes p a:hover {
	color: #78a42e;
	text-decoration: underline;
}

.ui-corner-all h1 {
	background: #A6C9E2;
	border: 0;
	padding: 5px 0 5px 20px;
	font-size: 0.85em;
	min-height: 16px;
}

	.ui-corner-all h1 a {
		color: white;
	}

.ui-corner-all h2 {
	color: #444;
	font-size: 1em;
	font-weight: bold;
	font-family: "Lucida Sans",Verdana,sans-serif;
	text-transform:uppercase;
	background: #78A42E;
	padding: 5px 10px 5px 20px;
}

	.ui-corner-all h2 a {
		color: #444;
	}

.ui-corner-all h2.shoutbox {
	font-size: 0.85em;
	font-weight: normal;
	text-transform: bold;
	padding: 5px 10px 5px 20px;
}

	.ui-corner-all h2.shoutbox a {
		color: #eee;
	}

.ui-corner-all h3 {
	border-top:1px solid #A6C9E2;
	clear: both;
	font-size: 1em;
	font-family: "Lucida Sans",Verdana,sans-serif;
	text-transform: uppercase;
	padding: 5px 7px;
	font-size: 0.8em;
}

#frontpage-combo{
	font-size: 11px;
}

#tabs-1 ul, #tabs-2 ul, ul.tabsLists, #AjaxFrontpageWhatsNew ul  {
	padding: 0 20px;
	margin: 0;
}

#tabs-1 li, #tabs-2 li  {
	font-size: 11px;
	padding: 3px 0;
}

.calendarBannerLeft {
	float: left;
	width: 300px;
	padding: 10px 0 10px 0;
}

.calendarBannerRight {
	float: left;
	width: 150px;
	padding: 10px 0 10px 10px;
}

.bannersColumnLeft{
	float: left;
	width: 45%;
	border-right:1px solid #A6C9E2;
	margin: 0 15px 0 0;
}

.bannersColumnRight{
	float: left;
	width: 50%;
}