body{
	font-family: georgia, times, "times new roman", serif;
	text-align: center;
	background-color: #111;
	}

.wrapper{
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 780px;
	background-color: #FFF;
	border: 1px solid gray;}

.banner{
	height: 30px;
	color: #999;
	padding-top: 30px; /* 40px IE 7 */
	background-image: url(../images/bkg.gif);
	background-repeat: repeat-x;
	background-color: #666;}

.banner img{
	position: absolute;
	top: 10px;}

.menu {
	width:779px;
	float: right;
	position:relative;
	z-index:100;
	border-right:1px solid #000;
	background: black url(../images/menu.gif) center center repeat-x;}

* html .menu {width:780px; w\idth:779px;}

.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:right;width:149px;position:relative;}

.menu a {
	display:block;
	font: bold 13px Arial;
	text-decoration:none;
	color:#fff;
	width:138px;
	height:30px;
	border:1px solid #000;
	border-width:1px 0 1px 1px;
	background: black url(../images/menu.gif) center center repeat-x;
	padding-left:10px;
	line-height:29px;}

* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background-color:#c9ba65;}
.menu ul ul :hover > a.drop {background-color:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:149px;
	border-top:1px solid #000;}

* html .menu ul ul {top:30px; t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#343434;
	color:#fff;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:128px;
	border-width:0 1px 1px 1px;}

* html .menu ul ul a, * html .menu ul ul a:visited {width:150px; w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background: url(../images/menuhover.gif) center center repeat-x;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background: url(../images/menuhover.gif) center center repeat-x;}
/* styles the active menu element */
.menu .active, .background .last .active {background: url(../images/menuhover.gif) center center repeat-x;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

	
.container{
	width: 780px;
	line-height: 1.2;
	background-image: url(../images/body_bkg.gif);
	overflow: auto;}

.leftcol{
	display: inline;
	float: left;
	width: 150px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: .5px;}

.leftcol p{
	font-size: 10pt;}

.leftcol a{
	text-decoration: none;
	color: #ff0000;}

.leftcol a:hover{
	text-decoration: underline;}

.left{
	float: left;
	padding: 2px;
	margin-right: 12px;
	margin-bottom: 4px;
	border: 1px solid black;}


.rightcol{
	float: right;
	width: 560px;
	padding-top: 15px;
	padding-right: 25px;
	letter-spacing: .5px;
	display: inline;
	position: relative;}

.rightcol h3, .leftcol h3, .under{
	border-bottom: 1px solid black;
	padding-bottom: 2px;}

.rightcol a{
	text-decoration: none;
	color: #ff0000}

.rightcol a:hover{
	text-decoration: underline;}

.right{
	float: right;
	padding: 2px;
	margin-left: 12px;
	margin-bottom: 4px;
	border: 1px solid black;}

.clear { clear: both; background: none; }

blockquote{
	padding-left: 10px;
	border-left: 25px solid #D00000;
	background-color: #e8e8e8;}

.footer{
	height: 30px;
	clear: both;
	background-color: #666;
	padding: 10px;
	text-align: center;
	background-image: url(../images/bkg.gif);
	background-repeat: repeat-x;
	background-color: #666;}

.footer p{
	color: #999;
	font-size: 8pt;}

.footer a{
	color: #999;
	text-decoration: none;}

.footer a:hover{
	color: #ddd;
	text-decoration: underline;}
	
/* Drop Down Menu Code Origin */
/* ================================================================ 
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/final_drop.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.
=================================================================== */
.navmenu {
	margin:0;
	padding:0;
	list-style-type: none;
	}

.subnav {
	margin:0;
	padding:0 0 0 1em;
	list-style-type: none;
	}
.navmenu a {
	font-size:10pt;
	}
.updated {
	margin:0;
	padding:0;
	list-style-type: none;
	}
.subupdated {
	margin:0;
	padding:0 0 0 1em;
	list-style-type: none;
	}
.updated a {
	font-size:10pt;
	color:#000000;
	}