@charset 'UTF-8';
@import 'styles.css';

/* CSS Document */	

a:link		{color: #030; background-color: transparent}
a:visited	{color: #6d4b3b; background-color: transparent}

a:hover,
a:active	{color: #fff; background-color: transparent}

body 
{
	color: #030;
	background-color: #94A56E;
	
	font-size:large; 
	text-align: center;
}

h1 {display: none}


h4 {
	margin: -5em 0 0;
	padding: 0;	
}

img 
{
	margin:0 auto; 
	padding:0;
	line-height:1.0;
	text-align:center
}

div#wrapper { 
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: auto;
	background-color: #94A56E;
	text-align: center;
}

div#main {
	width: inherit;
	float: none;	/*	since we imported the normal styles, and this usually floats… */
	
	color: #030;
	background: white url(../images/backgrounds/homepagegreengradient.gif) repeat-x;
}

.box p
{
	font-weight: lighter;
	color: #94A56E;
	font-style:italic;
	font-size: 95%;
}

/*
 *	NAVIGATION
 */
ul.nav 
{
	display: block;
	margin: 0 auto;
	padding: 10px;
	width:700px;
	list-style: none;
	
	text-align: center;
	
	position:static;
	bottom:0;
	left:220px;
}

ul.nav li 
{
	display: inline;
	margin: 0;
	padding: 0;
	
	/*	this allows contained elements to use position absolute
	 *	using this element as a starting point.
	 */
	position:relative;		
	
	color: #063;
	background-color:transparent;
}

/* 
 *	Hide submenus normally 
 */
ul.nav ul 
{
	display:none;	
}

/*
 *	Show submenus when hovering over their parent links
 */
ul.nav li:hover ul,
ul.nav li a:hover + ul,
ul.nav li ul:hover
{
	display: block;
	z-index:999;
	margin: 0;
	padding: 0;
	width: 25ex;
	position: absolute;
	top:100%;
	left: 0;
	list-style:none;
	border-width:1px;
	border-style:solid;
	
	border-color:#555;
	background-color:white;
	color: inherit;
	
	font-size: small;
	text-align:left;
	text-indent: 1ex;
}

ul.nav ul li 
{
	margin: 0;
	padding: 0;
	display: list-item;
	list-style: none;
	border:1px outset #999;
}

ul.nav ul li a 
{
	display: block;
	margin: 0;
	padding: .5ex 0;
	width: 100%;
	height: auto;
	
	color: #000;
	background-color: transparent;
	
	text-decoration: none;
}

ul.nav ul li a:hover
{
	background-color: #94A56E;
	color:#fff;
}
/* end ul#nav styles */



div#footer {
	margin-top: 5em;
	font-size: xx-small;
	background-color: #94A56E;
	color: inherit;
	width: 1000px;
}