/**
* City of Redmond
* @version 0.1
* @copyright (C) 2006 by Steven C. Misenhimer - for ProWebStudios - All rights reserved!
*/
/* ---- main styles ---- */
body {
	background-color: #800;
	margin: 0;
	padding: 0;
	color: #333;
	text-align:center;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
}
td, tr, p, div, table {
  	font-family: Arial, Helvetica, sans-serif;
  	color: #500;
	font-size: 1em;
}
p {
	line-height: 140%;
}
h1 {
  	font: 1.6em Arial, Helvetica, sans-serif;	
  	font-weight: bold;
  	color: #900;
	margin: 0px 0px 6px 6px;
}
h2 {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color: #333;
	margin: 5px 0;
	padding: 5px;
	text-transform: uppercase;
}
ul, ul li {
} 
hr {
	border: 1px solid #900;
	height: 1px;
}
.poll {
	font: .9em Arial, Helvetica, sans-serif;
	color: #666;
}
/* ---------Modules------------- */
.moduletable {
	width: 100%;
	border: 1px solid #333;
	margin-bottom: 5px;
	font-size: 1em;
	font-weight: normal;
	background: #FBCB7D;
	padding: 0px;
}
table.moduletable {
	margin: 0;
	padding: 0;
	border: none;
}
.moduletable h3 {
	font-size: 1em;
	background: #D58610;
	color: #fff;
	text-align: center;
	padding: 3px;
	margin: 0 0 5px;
	border-bottom: 1px solid #333;
	font-weight	: bold;	 
}
.moduletable p  {
	padding: 5px;
}
/* ---------Special Modules------------- */
.moduletable-body {
	width: 95%;
	margin-bottom: 5px;
	font-size: 1em;
	font-weight: normal;
	padding: 0px;
}
.moduletable-body h3 {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	margin: 0;
}
.moduletable-users {
	border: 1px solid #800;
}
.moduletable-users table {
	text-align: center;
    width: 100%;
}

/* the "bottom" class suffix is a fix for IE7 */
.moduletable-bottom {
        width: 95%;
        border: 1px solid #333;
        margin-bottom: 5px;
        font-size: 1em;
        font-weight: normal;
        background: #FBCB7D;
        padding: 0px;
}
table.moduletable-bottom {
        margin: 0;
        padding: 0;
        border: none;
}
.moduletable-bottom h3 {
        font-size: 1em;
        background: #D58610;
        color: #fff;
        text-align: center;
        padding: 3px;
        margin: 0 0 5px;
        border-bottom: 1px solid #333;
        font-weight     : bold;
}
.moduletable-bottom p  {
        padding: 5px;
}
/* -------------Latest News--------*/
.latestnews ul {
}
.latestnews li {
        font-weight: bold;
        margin-left: 10px;
}
/* -------------Top Navigation--------*/
#topnav .moduletable{
	background-color: #D58610;
}
ul#mainlevel {
    list-style:none;
	margin:0;
	padding: 0;	
	text-align: center;
	border-top: 1px solid #333;
	background-color: #D58610;
}
#mainlevel li {
	display: inline;
	list-style-type: none;
	margin:0;
	padding:0;
	height: 24px;
}
a.mainlevel:link, a.mainlevel:visited {
	text-decoration:none;
	color:#600;
	text-align: center;
	white-space:nowrap;
	height: 20px;
	line-height: 20px;
	padding: 3px 6px 2px 6px;
	background-color: #D58610;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
}
a.mainlevel:hover {
	color:#fff;
	background: #900;
	text-decoration:none;
}
a#active_menu  {
	color:#fff;
	background: #900;
}
/* -------------Left Navigation--------*/
ul#mainlevel-nav {
    list-style:none;
	margin:0;
	padding: 0;	
}
#mainlevel-nav li {
	list-style-type: none;
	margin:0;
    padding:0;
}
a.mainlevel-nav:link, a.mainlevel-nav:visited {
	text-decoration:none;
	color:#900;
	text-align: left;
	line-height: 20px;
	display: block;
	padding: 0px 7px;
	background: #FBCB7D;
    font-size: .9em;
}
a.mainlevel-nav:hover {
	color:#fff;
	background: #900;
	font-weight: normal;
	text-decoration:none;
}
/* -------------D4J Modules--------*/
.moduletable-nav {
	width: 100%;
	border: 1px solid #333;
	margin-bottom: 5px;
	font-size: 1em;
	font-weight: normal;
	background: #FBCB7D;
	padding: 0px;
}
table.moduletable-nav, table.contentpaneopen-nav {
	margin: 0;
	padding: 0;
	border: none;
}
.moduletable-nav h3 {
	font-size: 1em;
	background: #D58610;
	color: #fff;
	text-align: center;
	padding: 3px;
	margin: 0 0 5px;
	border-bottom: 1px solid #333;
	font-weight	: bold;	 
}

a.contentpagetitle-nav:link, a.contentpagetitle-nav:visited {
	text-decoration:none;
	color:#900;
	text-align: left;
	line-height: 20px;
	display: block;
	padding: 0px 7px;
	background: #FBCB7D;
    font-size: .9em;
}
a.contentpagetitle-nav:hover {
	color:#fff;
	background: #900;
	font-weight: normal;
	text-decoration:none;
}
/* -------------Categories--------*/
.category {
	width: 100%;
}
a.category:link, a.category:visited {
	color: #900;
	font-size: 1.1em;
	font-weight: bold;
}
a.category:hover {
	color: #FFC;
}
/* ---------Links and other alternating table rows---------- */
.sectiontableheader {
        color: #fff;
	font-weight: bold;
         
}
tr.sectiontableentry1 td {
 	background-color: #EEBB69;
	padding: 5px;
	font-size: 1em;
}
tr.sectiontableentry2 td {
	background: #D58610;
         color: #000;
	padding: 5px;
}
.sectiontableentry2 td>a, .sectiontableentry2 li>a  {
	color: #000;
}

/* ----------Small----------- */
.small {
	font-size: .9em;
	color: #900;
	text-decoration : none;
}

.smalldark {
	font-size: .9em;
	color: #333;
	font-weight: normal;
}
/* ---------Content------------ */
.contentpane {
	text-align: left;
	font-size: 1em;
        width: 100%; 
}
.contentpane select, .contentpane input {
	font-size: .9em;
}
.contentpaneopen {
	text-align: left;
	font-size: 1em;
	background-color: #eebb69;
        width: 100%;
}
.small a {
	color: #fff;
}
.contentheading {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}
.componentheading {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}
.contentdescription {
	font: 1em Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
}
.createdate {
	font: .9em Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
}
/* ----------Table of Contents TABLE SETTINGS--------- */
table.contenttoc {
	width: 25%;
	margin: 0px 10px 10px;
	border: 1px solid #333;
	background: #FBCB7D;
	padding-bottom: 5px;
}
table.contenttoc th {
	font-size: 1em;
	background: #D58610;
	color: #fff;
	text-align: center;
	padding: 3px;
	margin: 0 0 5px;
	border-bottom: 1px solid #333;
	font-weight	: bold;	  
}
table.contenttoc td {
	font-size: .9em;
	font-weight: normal;
	background: #FBCB7D;
	padding-left: 5px;
}
/* ----------Forms------------- */
.button {
	font: bold 1em;
	color: #333;
	background-color: #fff;
	border: 1px solid #600;
	margin: 5px;
}

.inputbox, input {
	font: bold 1em;
	color: #333;
	background-color: #fff;
	border: 1px solid #600;
	margin: 5px;
}
form {
	text-align: left;
}

/* ----------Links------------ */

a:link {
	color: #900;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #900;
}
a:hover {
	text-decoration: underline;
	color: #FFC;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
.back_button {
	padding		: 0px 0px 1px 8px;
}
.blog_more {
	padding		: 0px 0px 1px 8px;
}
/*------------Layout-------------*/
#wrapper {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	background-color: #600;
	text-align: center;
}
#wrapper2 {
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header {
}
#topnav {
	height: 21px;
	margin-top: 0px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: -1px;
}
#left {
	float: left;
	width: 150px;
}
#centerslim {
	margin-left: 160px;
	margin-right: 160px;
	width: 402px;
}
#centerleft {
	margin-left: 160px;
	width: 565px;
}
#centerright {
	margin-right: 160px;
	width: 565px;
}
#centerwide {
	width: 725px;
}
#right {
	float: right;
	width: 150px;
}
#mainbody {
	border: 1px solid #333;
	padding: 10px 10px 40px;
	background: #eebb69 url(../site_images/mountains1.gif) no-repeat center bottom;
}
#bottomnav {	
	width: 750px;
	margin: 0;
	padding: 0;
}
#bottomnav a{
	margin: 0;
	padding: 0;
	float: left; 
}
#footer {
	background: url(../images/Intro1_08.gif) repeat-x left top;
	height: 45px;
	clear: both;
	line-height: 45px;
	padding-bottom: 10px;
	text-align: center;
}
#footer p {
	line-height: 50px;
	color: #eb6;
	font-size: .9em;
}
#footer a {
	color: #eb6;
}
.clear {
	clear: both;
}
.floatleft {
	float: left;
	margin: 10px;
}
.floatright {
	float: right;
	margin: 10px;
}
.usertable {
	width: 100%;
	height: 1%;
}