/* Main Controls */
body {
	background: #663300;
}
.container {
    font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	background-color:#FCFCF4;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top:-10px;
	left:0px;
	text-align:center;
	width: 990px;
	border:1px solid black;
}
.pageContainer {text-align:left;}
.logoHeader {background: #BD854F url(images/bg_logo.jpg) repeat-x;}
.introText {position:absolute; top:120px; left:30px; width:180px;}
.introTextHeader {font-size:13px; margin:0px;}
.introTextContent {font-size:11px; font-weight:normal; margin:0px; color:black; font-family:Arial, Helvetica, sans-serif;}
.footer {background-color:#895E33; color:white; padding:10px;}
.sidebar {width:220px; padding:10px; text-align:center; color:black;font-size:12px; font-weight:bold;}
table {border-collapse: collapse;}
td {vertical-align:top;}
a       {color:#996633; text-decoration: none;}
a:hover {color:#000000; text-decoration: none;}
h1 {font-size: 20px; color:#996633; font-family:"Times New Roman", Times, serif; margin-bottom:2px; padding-bottom:2px;}
h2 {font-size: 12px; color:#000000; font-weight:bold;}
h3 {font-size: 14px; color:#925C30;  font-family:"Times New Roman", Times, serif; font-style:italic; margin-top:-6px; padding-top:0px;}
.post h3 {font-size: 14px; color:#925C30;  font-family:"Times New Roman", Times, serif; font-style:italic; margin-top:-6px; padding-top:10px;}
.inset {width:252px; padding:10px; border-left: 1px solid #CC9966; border-right:1px solid #CC9966;}
.newsArticle li{padding-bottom:10px;}
/* All Pages */
.header      {background-color:#003366; padding: 12px 10px 12px 0px;}
.headline    {font-weight: bold; border-bottom: 2px solid #003366;}
.mainContent {padding: 10px; color: #330000;}
.footer      {color: #EDE2D3; font-size: 11px; text-align:center;}
.footer  a   {color: #EDE2D3;font-weight:normal; text-decoration:underline;}
.copyright   {text-align:center; color:black; font-size: 11px;}
small       {font-size:11px; font-style:italic;}
.fullPage {padding-left: 10px; margin-left:10px;border-left: 1px solid #CC9966; }

.colorBox {background-color:#CCC19B; padding:20px; margin:10px;}

.button {border: 1px solid brown; padding: 10px; margin:4px; float:left; width: 50px;}
/* Navigation */
.navigation  {background: #993300 url(images/nav_bg.jpg) repeat-x; height:26px; padding:2px 0px 0px 10px; z-index:30}
.navigation .admin a {color:white; padding-right:20px;}
#nav, #nav ul { /* all lists */
    font-family:"Times New Roman", Times, serif;
	font-size:16px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	padding:2px;
}
#nav a {
	display: block;
	/* width: 10em;*/
	color:#FFFFFF;
	font-size:14px;
	margin-right:20px;
}

#nav li { /* all list items */
	float: left;
	padding-right: 6px;
	/* width: 10em; width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #993300;
	padding: 2px;
	width: 120px;
	display:block; 
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 7.2em;
}
#nav li:hover, #nav li.hover {
position: static;
}

#nav2 li:hover, #nav2 li.hover {
position: static;
}
#nav li li {display:block;}
#nav li li a {color:#FFFFFF; padding: 2px;font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#nav li li a:hover {color: #F0F0F0;}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
.detailPage table {width:100%;}
.detailPage td {border-bottom:1px dotted #EEEEEE; vertical-align:top;}
.detailPage .top td {padding-bottom: 4px;border-bottom:1px dotted #F0F0F0;}
.dataValue {font-weight:bold;}
.listingPhoto {background-color:white; border:1px solid brown; padding:4px; width:240px; height:180px;}
.sectionTitle {font-size:150%; color:#996633;font-family:"Times New Roman", Times, serif; font-weight:bold; margin-top: 20px;}

.adminContent {background-color:#FFFFCC;}
.odd {padding:4px; border-bottom: 1px dotted gray;}
.even {padding:4px; border-bottom: 1px dotted gray;}
.searchButton {background-color:#663300; color:white; font-weight:bold; font-size:14px;text-align:center;}

.colorbox h1 {font-size:14px; text-transform:uppercase; margin-bottom: 0px; padding-bottom:0px;}
.colorbox ul li {text-indent:-30px; padding-left:0px;}

.searchbox {background:#B57E46 url(images/bg_searchbox.jpg) repeat-x; padding:10px; color: #663300; font-size:92%;}
.searchbox a {color: #000000;}
.searchbox .searchforit {background:#996633; border:1px solid #663300; color: #663300; padding:2px 30px; text-transform:uppercase; font-size:16px; font-weight:bold;}
.searchforit {background:#996633; border:1px solid #663300; color: #663300; padding:2px 30px; text-transform:uppercase; font-size:16px; font-weight:bold;}
.searchbox input, .searchbox select {font-size:82%;}
.searchbox h1 {font-size:24px;}
.featurebox {background:#B57E46 url(images/bg_featurebox.jpg) repeat-x; padding:10px; border: 1px solid #A2713E; margin-left:50px;color: #663300;}
.featurebox td {padding:4px;}
.indexContainer {padding: 4px 20px 0px 20px;}
.indexContainer table {border-collapse:collapse;}
.dataName {text-align:left;}
.widthControl {width: 140px; white-space:nowrap;}
.right {text-align:right; padding-right:4px; font-weight:bold;}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 950px; /*Width of Carousel Viewer itself*/
height: 160px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 152px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}