/* CSS Document */

html, body, form {margin:0; padding:0; border:0}
body {
	font:.85em/1.4 verdana,arial,sans-serif;
	background:#000 url(../images/body_bg.gif) repeat-x 0 0;
	color:#000}

/* Universal Properties ----------------------------------------------- */
p, ul, li, h1, h2, h3 {margin:0 10px 1em; padding:0}

abbr, acronym {cursor:help}
img {border:0}
.nowrap {white-space:nowrap}
blockquote {color:#A89385}

/* ---- links ---- */
#content a:link, #content a:visited, #content_main a:link, #content_main a:visited {color:#981627; text-decoration:underline}
a:hover {color:#981627; text-decoration:none !important}

/* ---- lists ---- */
ul {margin-left:35px}
li {margin-right:0}
ul li ul {margin-top:10px}

/* ---- headings ---- */
h1 {
	font-size:1.7em;
	height:40px;
	color:#fff;
	xxxfont-family:Georgia, "Times New Roman", Times, serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/hr.gif) repeat-x 0 0;
	margin-bottom:20px;
}

#content_main h1 {width:510px}
#content h1 {width:705px}

h2 {
	font-size:1.2em;
	color:#fff;
	padding-top:8px;
	height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/hr.gif) repeat-x 0 0;
	margin-bottom:14px;
}

h3 {
	font-size:1.2em;
	color:#fff;
}

/* ----container, wrapper ---- */
#container {
	margin:0 auto;
	width:770px;
}

#wrapper {}

/* ---- header ----*/
#header {
	width:770px;
	height:155px;
	background:url(../images/top_bg.gif) repeat-x 0 0;
}

.logo {position:relative; left:10px; float:left}

#flash_area {
	width:475px;
	height:155px;
	float:right;
	position:relative;
	right:10px;
}
	
/* ---- navigation ----*/
#navigation {
	width:770px;
	height:27px;
	clear:both;
	background:url(../images/nav_bg.gif) repeat-x 0 0;
}

/* ---- content ----*/
#content_main {
	float:left;
	width:532px;
	min-height:500px;
	height:auto !important;	
	height:500px;
	color:#826c5c;
	padding:43px 65px 0 0;
	background:url(../images/content_bg.gif) repeat-x 0 0;
}

#content {
	float:left;
	width:705px;
	min-height:500px;
	height:auto !important;	
	height:500px;
	color:#826c5c;
	padding-top:43px;
	background:url(../images/content_bg.gif) repeat-x 0 0;
}

#content .img_right {margin:6px 0px 10px 20px; border:2px solid #917c45}
#content .img_left {margin:10px 20px 10px 0; border:2px solid #917c45}
.signature {padding:8px 0 20px 70px; font-style:italic}
#content p {line-height:1.8em}
#content td {color:#A89385}
#content td img {border:1px solid #fff}
#content hr {border:1px solid #A89385; background:#A89385; height:1px; margin:10px 0 10px 10px}

.box {
	width:100%;
	background:#000;
	border:1px solid #666;
	padding:10px;
	margin-bottom:20px;
}

.small {font-size:.86em}
	
/* ---- sidebar ---- */

#sidebar {
	float:right;
	width:173px;
	min-height:500px;
	height:auto !important;	
	height:500px;
	color:#826c5c;
	padding-top:43px;
	padding-bottom:20px;
	background:url(../images/content_bg.gif) repeat-x 0 0;
}

#sidebar p {
	font:.95em/1.3 Verdana, Arial, Helvetica, sans-serif
}

#sidebar .title {color:#fff}

/* ---- footer ----*/

#footer {
	clear:both;
	width:100%;
	height:40px;
	background:#221e1d;
	padding-top:14px;
	color:#826c5c;
	text-align:center;
}

#footer p {font-size:.80em}

/* ---- navigation ---- */

.menu, .menu ul, .menu li {
	margin:0;
	padding:0;
	border:0;
	display:block;
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.menu li {
	margin:0 0 0 -1px;
	border-left:1px solid #000;
	border-right:1px solid #000;	
	float:left;
	position:relative;
	z-index:5}

.menu li:hover {
	z-index:10000;
	white-space:normal}

.menu li li {
	margin:-1px 0 0 -1px;
	float:none}

.menu ul {
	visibility:hidden;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	margin:1px 0 0 -20px;
	padding:0 20px 20px 20px;
	/* background:#F00; /* uncomment this if you want to see the "safe" area */
	background-image:url(../images/empty.gif)}

.menu ul ul {
	margin:-20px 0 0 1px;
	padding:20px 20px 20px 0}

.menu li:hover>ul {visibility:visible; top:100%}
.menu li li:hover>ul {top:0; left:100%}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {content:"."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both}
.menu, .menu ul {min-height:0}	/* IE7 float clear: */
/* -- float.clear.END --  */

.menu a {
	padding:4px 20px;
	text-decoration:none;
	color:#fff;
	background:url(../images/nav_bg.gif) repeat-x 0 0;
	display:block
}
	
.menu li ul li a, .menu li.selected ul li a {
	background:#d9bb68;
	color:#221e1d;
	padding:5px 22px;
	width:250px;
	background-image:none;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.menu li.selected a {background:url(../images/navover_bg.gif) repeat-x 0 0; color:#221e1d}
.menu li.selected li.selected a {background:#8f7b46; color:#fff}

/* .menu a:hover {} */
.menu li:hover>a {background:url(../images/navover_bg.gif) repeat-x 0 0; color:#221e1d} /* parent on child hover */
.menu li li:hover>a:hover {background:#8f7b46; color:#fff} /* child on child hover */
.menu li:hover>a:hover {background:url(../images/navover_bg.gif) repeat-x 0 0; color:#221e1d} /* parent on parent hover */