/* @group structure */
/*removing browser defaults */
html, body, ul, ol, li,  
h1, h2, h3, h4, h5, h6, 
form, fieldset, a, img { 
margin: 0; 
padding: 0; 
border: 0; 
}

html {
	background-color: #ccc;
	background: url(images/grey_stripe.gif) repeat;
	padding-top: 50px;
	}

body {
	width: 730px;
	margin: 0px auto;
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	background: #fff;
	position: relative;
	padding-top: 150px;
	
}
#header {
	width: 730px;
	height: 250px;
	position: absolute;
	top: -50px;
	background: url(images/header.png) no-repeat;
}

#content {
	position: relative;
	margin-left: 300px;
	width: 400px;
	display: block;
	border-left: 2px dashed #333;
	padding-left: 10px;
	font-size: .75em;
	line-height: 1.5em;
}
#content a, #content a:link {
	color: #5e5a28;
}
#content a:visited {
	color: #c17f3c;
}

#content h2 {
	line-height: 1.3em;
}
#content h3 {
	margin-bottom: -10px;
}
#footer, #footer a, #footer a:link, #footer a:hover, #footer a:visited, p#footer {
	width: 700px;
	font-size: 66%;
	text-align: center;
	clear: both;
	color: #737373;
	padding: 10px;
}
/* @end */

/* @group menu */

/* ================================================================ 
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/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	font-family: arial, sans-serif; 
	width:180px; 
	position:relative; 
	diplay:block;
	font-size:1.2em; 
	float: left;
	height: 300px;
	background: url(images/menubg.png) no-repeat;
}
	
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#fff; 
	width:155px; 
	text-align:right; 
	font-size: .75em;
	margin-top: 3px;
	padding: 5px 12px 5px 0px;	
	margin-right: 5px;
}
.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none; 
	}
.menu ul li {
	float:left; 
	margin-right:1px; 
 	position: relative;
	}
.menu ul li ul {
	display: none;
	}

/* specific to non IE browsers */
.menu ul li:hover a {
	color:#fff;	
	background-color: #C6A333;
	width: 155px;
	}
	
.menu ul li:hover ul {
	display:block; 
	color: #333;
	position:absolute; 
	top:0; 
	left:162px; 
	width:110px;	
	background-color: transparent;
	padding-top: 6px;
}
	
.menu ul li:hover ul li a.hide {
	background:#333; 
	color:#fff;
}
	
.menu ul li:hover ul li:hover a.hide {
	width:150px;
	}
.menu ul li:hover ul li ul {
	display: none;}
	
.menu ul li:hover ul li a {
	text-align: left;
	margin: 0px 0px 0px 5px;
	padding: 3px;
	font-size: .65em;
	display:block; 
	color:#000; 
	width:100px;
	background-color:transparent;
	border-bottom: 2px solid #C6A333;
	}
	
.menu ul li:hover ul li a:hover {
	background:#C6A333; 
	color:#fff;}

/* @end */