/*******************************************************************
(c) Copyright Notice - Intellectual Property Rights

This stylesheet was created by Leo Natanian, www.natanian.com
All work, unless otherwise noted, are the sole proprety of
Leo Natanian.  Permission to reuse any of the elements below 
are granted for as long as this copyright notice is left untouched.

All rights reserved.
********************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	background:#c9c9a7;
}

img {
	border: 0px;
	}

	#page_wrapper { 
		border: #fff thin solid; 
		background-color: #fff; 
		margin: auto; 
		width: 820px; 
		padding: 0px;}
	
	#logo_wrapper { 
		float: left;
		width: 339px;
	}
	
	#menu_wrapper {
		padding: 0px 5px 5px 5px;
		float: left;
	}
	
	#show_wrapper {
		float: left;
		width: 330px;
		margin-top: -50px;
		background-color:#FFFFFF;}
	
	#main_wrapper{
		float:left;
		width: 404px;
		padding: 3px;
		margin-top: -50px;
		margin-left: 19px;
		background-color:#FFFFFF;
		color: #5F6741;}	
		
	#cover {
		visibility: hidden;
		position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background-color: #000000;
    opacity: .4;
		filter: alpha(opacity=40);
    z-index: 51;
		}
		
	#footer	{
		font-size: 0.6em;
		font-weight: normal;
		width: 820px;
		margin: 0 auto;
		color: white;
		text-align: left;
	}
	
	#footer a {
		color: inherit;
	}

	#picturepopup {
		visibility: hidden;
		position: absolute;
    background-color: white;
    top: 40px;
    left: 280px;
    width: 685px;
    z-index: 52;
    padding: 10px;
		}
		
		.about {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #5F6741;
		font-size: 1.0em;
		text-align: left;
		}
		
		.heading	{
			font-weight: bolder;
			font-size: +1;
		}
		

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	font-family: arial, sans-serif; 
	height:30px; 
	position:relative; 
	margin:0; 
	font-size:12px; 
	margin:20px 0 60px 0; 
	background:#fff; 
	position:relative; 
	z-index:50;
	text-align:center;
	}
		
.menu ul {padding:0; margin:0; list-style-type: none;}

.menu ul li {float:left; border-left:1px solid #eee; width:106px;}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	width:101px; 
	text-decoration:none; 
	padding:0 0 0 5px; 
	height:30px; 
	line-height:30px;
	color:#000; 
	background:#c9c9a7;
	font-weight: bolder;
}

.menu ul li a.active {
	background: #fff;
	font-weight: bold; 
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
}

.menu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }

.menu ul li:hover a,
.menu ul li a:hover {color:#000; background:#EBEBE1;}

.menu ul li:hover ul,
.menu ul li a:hover ul {visibility:visible; width:749px;background:#b3ab79; color:#fff;}

.menu ul li:hover ul.right_side li,
.menu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul.left_side li,
.menu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}

.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#bd8d5e color:#fff;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:30px; }

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; background:#b3ab79; color:#fff;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; color:#000; background:#dfc184;}

.menu ul li:hover ul.right li {float:right;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}

/************ shadow courtesy of WebKit *****************/
/**  http://www.webtoolkit.info/css-drop-shadow.html   */
#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 10px;
    }
