/* page layout */

body {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  background-color: #A23A00;
}


html { font-size:100.01%; }
body { font-size:1em; }

#container
{
width: 95%;
margin-left: 10px;
margin-right: auto;
background-color: #fafafa;
color: #333;
border: 0px solid gray;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: #CC0000;
/*border-bottom: 1px solid gray;*/
color: white;
}
#top .Adsense {
  text-align: center;
}
#top h1
{
padding: 0;
margin: 0;
}

/*
#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
background-color: #fafafa;
}
*/

#content
{
/*margin-right: 130px;
border-right: 1px solid gray;
float: left; */
padding: 1em;
background-color: #fafafa;
/* max-width: 36em; */
width: 80%;
}

/*
#rightnav {
float: right;
margin: 0;
padding: 5px;
}
*/

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: white;
background-color: #1c1c1c;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 0 0; }
#content h2 { margin: 0 0 .5em 0; }

#top h1 {
float: left;
line-height: 1em;
}
.CurrentUser {
float: right;
}
.CurrentUser p {
  margin: 0;
  padding: 0;
}

/* form */
.FormErrors {
  color: #f22;
}
.FormCancel {
  font-weight: bold;
  text-decoration: none;
  margin-left: 2em;
  margin-right: 2em;
}
.FormReadOnly input, .FormReadOnly select, .FormReadOnly textarea  {
  border: 0; 
}

form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  /*min-width: 560px;
  max-width: 800px; */
  text-align: left;
}

form fieldset {
  padding: 10px;
  display: block;
}

form fieldset legend {
  font-family: Tahoma, Arial, sans-serif;
}

label {
  font-size: 100%;
  font-family: Tahoma, Arial, sans-serif;
  width: 12em;
  text-align: right;
  padding: 0px 5px 0px 5px;
}
.LabelLeft {
  display: block;
  float: left;
}
.LabelRight {
}
.LabelWide {
  width: auto;
}
.LabelNarrow {
  display: block;
  float: left;
  width: 8em;
}
.AlignTop {
  float: left;
  display: block;
}
input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

/* For location fields labels, and variations on browse page, default is same as label */
.LocationLabel {
  display: block;
  float: left;
  width: 12em;
}
.FormBrowseTrendFilters .LocationLabel {
  display: block;
  float: left;
  width: auto;
}
.FormBrowseTrendFilters fieldset {
  margin-right: 8px;
}


/* tables */
table.ThinBlackBorder {
	border:1px solid #000;
	border-collapse:collapse;
}
table.ThinBlackBorder td, table.ThinBlackBorder th{
	border:1px solid #000;
	border-collapse:collapse;
	padding:5px;
}	

table.DataTable {
	border:1px solid #000;
	border-collapse:collapse;
	font-family:arial,sans-serif;
	font-size:80%;
}
table.DataTable td, table.DataTable th{
	border:1px solid #000;
	border-collapse:collapse;
	padding:5px;
}	
table.DataTable caption{
	background:#729800;
	font-size:140%;
	border:1px solid #000;
	border-bottom:none;
	padding:5px;
	text-align:left;
}
table.DataTable thead th{
	background:#729800;
	text-align:left;
}
table.DataTable tbody th{
	text-align:left;
	background:#69c;
}
table.DataTable tfoot td{
	text-align:right;
	font-weight:bold;
	background:#369;
}
table.DataTable tbody td{
	background:#999;	
	color: black;
}
table.DataTable tbody tr.even td{
	background:#666;
}
table.DataTable tbody tr.odd td{
	background:#999;
}


table.ThinBorderTable {
	border:1px solid #000;
	border-collapse:collapse;
	font-family:arial,sans-serif;
	font-size:80%;
}
table.ThinBorderTable td, table.ThinBorderTable th{
	border:1px solid #000;
	border-collapse:collapse;
	padding:5px;
}	
table.ThinBorderTable caption{
	font-size:140%;
	border:1px solid #000;
	border-bottom:none;
	padding:5px;
	text-align:left;
}
table.ThinBorderTable thead th{
	text-align:left;
}
table.ThinBorderTable tbody th{
	text-align:left;
}
table.ThinBorderTable tfoot td{
	text-align:right;
	font-weight:bold;
}
table.ThinBorderTable tbody td{
}


/* Rich Text Editor uses tables, so reset above table settings */
.rte tbody td {
	background: white;	
}
.rte td, .rte th {
	border: 0 solid black;
	border-collapse: separate;
	padding: 0px;
}
.rte label {
  text-align: left;
}

/* blog */
.BlogOwnerName { margin-top: 0; }
.BlogEntryAdmin {
  margin-left: 0;
}
.BlogEntries {}
.BlogEntryTitle {
  font-weight: bold;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 130%;
  margin-top: 1em;
}
.BlogEntryDate {
/*  font-style: italic; */
  margin-left: 0;
}
.BlogEntryText {
  font-family: Tahoma, Arial, sans-serif;
  margin-left: 0;
  margin-bottom: 10px;
}
.BlogEntryCommentCount {
  margin-left: 0;
}
.BlogCommentTitle {
  margin-left: 0;
  margin-top: 10px;
  border-top: thin dashed #111111;
}
.BlogCommentText {
  margin-left: 20px;
}

/* general layout classes */
.FloatLeft {
  float: left;
}
.FloatRight {
  float: right;
}

/* Polls */
.FormPollTake ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}
.FormPollTake label {
  width: auto;
  text-align: left;
}
.PollQuestion {
  font-weight: bold;
}




/* navigation menu */

#topnav {
background-color: #CC0000;
width: 100%;
}

.NavMenu {
/*width: 140px;
border-right: 1px solid #000;
padding: 0 0 0 0;
margin-bottom: 1em;
margin-top: 0;
font-family: 'Trebuchet MS', 'Lucida Grande',
Verdana, Lucida, Geneva, Helvetica, 
Arial, sans-serif;
background-color: #90bade;
color: #333;
*/
font-size: .7em;
padding: 0;
margin: 0;
}

.NavMenu p {
margin: 0px;
padding: 0 4px 0 4px;
font-weight: bold;
display: inline;
color: white;
}

.NavMenu ul {
padding: 0;
margin: 0;
/* border-bottom: 1px solid #778; */
font-family: Verdana, sans-serif;
font-weight: normal;
background: #8F0000;
}

.NavMenu li {
list-style: none;
margin: 0;
padding: 0;
margin-left: 3px;
display: inline;
white-space: nowrap;
}

.NavMenu li a {
/*padding: 4px 3px;*/
padding: 4px 3px 3px 3px;
margin: 0px;
/* border: 1px solid #778; */
border-bottom: none;
background: #8F0000;
text-decoration: none;
}

.NavMenu li a:link, .NavMenu li a:visited
{
color: #ffffff;
}

html>body .NavMenu li a {
width: auto;
}

.NavMenu li a:hover {
color: #FF0000;
background: #AA0000;
border-color: #CC0000;
}

/* Categories nav menu */
#CatWrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
}
.CategoriesMenu {
  width: 100%;
  color: white;
  font-size: .8em;
  margin: 0;
  padding: 0;
}
#catnav, 
#catnav ul {
	padding: 0;
	margin: 0;
	margin-left: 15px;
	list-style: none; 
	position: relative;
}
#catnav a {
/*	display: block; */
/*	width: 10em; */
  font-weight: normal;
  color: white;
  text-decoration: none;
  /* padding-left: 3px; */
  text-align: center;
}
#catnav li {
	float: left;
	/* width: 10em; */
	position: relative;
	margin: 0;
	padding: 0;
	padding-right: 20px;
}
#catnav li ul {
  margin: 0;
	position: absolute;
	width: 10em;
	left: -999em;
	text-align: left;
	display: none;
	padding: 6px 0;
/*  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  */
  z-index: 1;
}
#catnav li ul li {
  /* background-color: #fffdce; */
  padding-left: 10px;
  padding-bottom: 3px;
  padding-right: 10px;
  width: 10em;
}
#catnav li ul li a {
  color: white;
  text-align: left;
}
#catnav li:hover ul,
#catnav li.sfhover ul {
    left: 0;
	display: block;
	top: 1em;
}
#catnav a:hover {
/*  background-color: #e4e2b4; */
  color: black;
}
#catnav li > ul {
	top: auto;
	left: auto;
	}



/* Member Dashboard */
table.MemberDashboardOptsTable {
	border:1px solid #000;
}
table.MemberDashboardOptsTable thead td {
	font-weight: bold;
	border-bottom:1px solid #000;
}
table.MemberDashboardOptsTable td {
	padding: 2px;
	padding-left: 4px;
}

.MenuLinks a, .login a {
	font-weight: normal;
}