/* reset styles to standard appearance */
@import url(reset.css);

/* standard styles */
body { 
	background: #220000; 
	font-family: Verdana, Sans Serif; 
	font-size: 12px; 
	color: #000; 
	padding: 2em;
}

h1 { 
	font-size: 28px; 
	color: #442200; 
	font-weight: bold; 
	margin-top: .5em; 
	margin-bottom: .5em; 
	line-height: 1.25; 
}
h2 { 
	font-size: 22px; 
	font-weight: normal; 
	margin-top: .5em; 
	margin-bottom: .5em; 
	line-height: 1.25; 
}

h3 { 
	font-size: 18px; 
	font-weight: bold; 
}

h4 { 
	font-size: 15px; 
	font-weight: bold; 
}

h5 { 
	font-size: 12px; 
	font-weight: bold; 
}

h6 { 
	font-size: 10px; 
	font-weight: bold; 
}

p { 
	margin-top: 1em; 
	margin-bottom: 1em; 
	line-height: 1.5; 
}

small { 
	font-size: 80%; 
}

sup { 
	font-size: 75%; 
	position: relative; 
	top: -5px; 
}

table { 
}

table tr { 
}

table tr td { 
	valign: top; 
}

a:link { 
	color: #553300; 
}

a:visited { 
	color: #003355; 
}

a:hover { 
	color: #885555; 
}

/* content areas */
#container { 
	width: 855px; /* content width */
	margin: 4em auto; 
} 

#header { 
	background: url('images/header-bg.png'); 
	height: 100px; 
	width: 100%; 
}

#header-l { 
	position: relative; 
	top: -42px; 
	left: 10px; 
	width: 598px; 
	height: 142px; 
} 

#footer { 
	clear: both; 
	width: 100%; 
	text-align: center; 
	padding-top: 1em;
}

#main-content { 
}

.content-area { 
	background: #ffffcc; 
	margin: 8px 0 0 0px;  
	width: 790px; 
	padding: 8px 32px 32px 32px;
}

#main-menu { 
	background: url(images/topnav-bg.png); 
	height: 30px; 
	margin: 8px 0 0 0px; 
	width: 100%; 
	font-variant: small-caps; 
	padding: 2px 0 2px 0; 
}

#loading-message { 
	width: 100px; 
	background: #ffffcc; 
	float: right; 
	font-weight: bold; 
	display: none; 
	margin-right: 2.5em; 
	padding: .25em; 
}

.footer-text { 
	color: #fff; 
	font-size: 10px; 
}

.footer-text a:link { 
	color: #00ac00; 
}

.footer-text a:visited { 
	color: #00ac00; 
}

.footer-text a:hover { 
	color: #ddeedd; 
}

/* main menu */
.mnu-main { 
	font-family: Courier New; 
	font-weight: bold; 
	font-size: 16px; 
	color: #000; 
	margin: 0 auto;
	width: 90%;
	text-align: center;
}

.mnu-main .option {  
	display: inline;
	margin-right: 1.5em; 
	position: relative;
	top: 8px;
}

.option>a {
	margin-top: 0.5em;
}

.option>a:link { 
	color: #000; 
	text-decoration: none; 
}

.option>a:visited { 
	color: #000; 
	text-decoration: none; 
}

.option>a:hover { 
	color: #000; 
	text-decoration: underline; 
}

/*tables*/
.data-table { 
	font-size: 14px; 
	border: 1px solid #000; 
	border-collapse: collapse; 
	margin: 1em auto;
}

.data-table th, .data-table td { 
	padding: 2px 2px 4px 2px; 
	border: 1px solid #000; 
}

.data-row { 
}

.data-header { 
	text-align: left; 
	text-decoration: underline; 
	background: #550000; 
	color: #fff; 
}

.data-field { 
	background: #fff; 
}

.highlighted { 
	background: #ffff99; 
}

/* lists */
.bulleted { 
	margin: 1em 1em 1em 2em; 
	line-height: 1.5; 
}

/* special classes */
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.debug-messages { 
	position: fixed; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	background: #fff; 
	padding: 1em; 
}

.debug-header { 
	color: #000; 
	font-size: 18px; 
	line-height: 2; 
}

.float-right { 
	float: right; 
}

.rounded {
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}