/*Klumpp 4 - adapted from collin grasley march 25 2009 */
   
/**************** All the pretty things ***********************************************************/
body { 
margin: 0 auto; 
font: .7em Tahoma, Arial, sans-serif; 
line-height: 1.7em; 
background: #ce6736 url(img/bg.gif) repeat-x;
color: #998d7d;
}

h1 {	
font: bold 2.2em Arial, Sans-Serif; 
color:#2f0e00;
padding: 8px 0 0 0; 
margin: 0; 
letter-spacing: -2px;
}

h2 { 
margin: 0;
color:#2f0e00; 
padding: 0 0 4px 0; 
font: bold 1.6em "Lucida Sans", Sans-Serif; 
letter-spacing: -1px; 
}

#header h1 {	
font: bold 2.0em "Lucida Sans", Sans-Serif; 
color: #a09080; 
padding: 10px 0 0 26px; 
margin: 0; 
letter-spacing: -1px;
}

#subtext { 
font-size: 1em; 
margin: 0 0 8px 26px; 
padding: 0; 
/*color: #e7e6e6; */
color: #a09080; 
}

a { 
color: #2f0e00; 
background: inherit; 
}

a:hover { 
color: #9a8a7a; 
background: inherit; 
}

p {	
margin: 0 0 5px 0; 
}

ul { 
margin: 0; 
padding: 0; 
}

img { 
border: 0;
}

.clear{
width: 100%;
clear:both;
margin: 30px 0 10px 0;
height: 14px;
background: #fff url(img/tile.gif) repeat-x;
}

/**************** The main content ***********************************************************/

#wrapper { 
margin: 5px auto; 
width: 980px;
border: 1px solid #9c8c7d;
background-color: #fff;
}

#header { 
margin: 0 0 1px 0;
background:url(img/header.gif) no-repeat;
height:60px; 
}

#pic { 
margin: 0 1px 2px 0;
height: 220px;
background: url(img/building.png) no-repeat;
background-position: right;
}

#logo {
padding-top: 60px;
padding-left: 20px;
}

/**************** The Main Menu ******************************************************************/

#menu {
margin: 2px 0 4px 0;
padding: 5px 2px; 
float: right; 
}

#menu li{ 
list-style: none; 
display: inline; 
margin: 0; 
}

#menu li a{
text-decoration: none;
padding: 4px 24px;
margin-right:0;
background: #582920;
font-weight: bold;
color: #fff;
}

#menu li a:hover{
background: #9a8a7a;
color: #000;
}

/************************** The left side (pass the dutchie from here) **************************************/

#leftside {
float: left;
width: 250px;
border-right: 1px solid #bbafa3;
margin: 0 0 8px 0;
min-height: 400px;
}

.category {
padding: 6px;	
margin: 0 0 5px 0;
color: #2f0e00;
background: #fff;
}

.leftdata {
padding: 8px;	
margin: 0 0 5px 0;
color: #2f0e00;
background: #fff;
}

#leftnav {
width: 230px;
padding: 0;
margin-bottom: 0px;
font-size: 10px;
color: #9c8c7d;
}

#leftnav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#leftnav li {
border-bottom: 1px solid #fff;
margin: 0;
width: auto;
}

#leftnav li a {
display: block;
padding: 3px 0px 2px 15px;
color: #fff;
text-transform:uppercase;
font-weight:bold;
text-decoration: none;
width: auto;
background:#582920 url(img/menuarrow.gif) no-repeat center left;
}

#leftnav li a:hover {
color: #000;
padding: 3px 0px 2px 15px;
background: #9a8a7a url(img/menuarrowhover.gif) no-repeat center left;;
font-weight:bold;
}

#leftnav li li {
padding: 0;
margin: 0;
border-top: 1px solid #fff;
border-bottom: none !important;
border-bottom: 1px solid #582920;
}

#leftnav li li a {
padding: 3px 0px 2px 35px;
background:#582920 url(img/menuarrow2.gif) no-repeat center left;
}

#leftnav li li a:hover {
padding: 3px 0px 2px 35px;
background: #9a8a7a url(img/menuarrowhover2.gif) no-repeat center left;;
}

#leftnews {
	margin: 0;
	border-top: 1px solid #bbafa3;
	border-bottom: 1px solid #bbafa3;
	padding: 15px 0 0 0;
}

#leftnews .moduleheader {
	text-align: left;
	padding-left: 10px;
	font-size: 1.3em;
}

#leftnews dt {
	border-top: 1px dotted #bbafa3;
	padding: 10px 0 0 10px;
}

#leftnews dd {
	margin: 0;
	padding: 0 0 10px 10px;
}

/*************************** The right side *******************************************/

#rightside {
float: right;
width: 715px;
margin: 0 0 10px 0;
font-size: 1.2em;
}

.headline {
margin: 0 0 5px 0;
padding: 8px;
color: #9c8c7d;
background: #fff;
}

.rightdata {
margin: 0px 0 5px 0;
background: #fff;
color: #2f0e00;
padding: 10px 15px 5px 10px;
}

.rightdata li {
	margin-left: 15px;
}

/*************************** News *******************************************/

.newstable {
	margin-top: 10px;
}

.post_title, .post_date {
	border-bottom: none;
}

.post_title {
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}

.post_date {
	text-align: right;
	font-weight: normal;
}

.post_short {
	text-align: justify;
	padding-bottom: 5px;
}

.comment_title {
	font-weight: bold;
}

.comment_text {
	font-weight: bold;
	background-color: #FDFDFD;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 15px;
}

.comment_title, .comment_text {
	border-left: 1px solid #DDDDDD;
}

.comment_info {
	text-align: right;
	border-right: 1px solid #DDDDDD;
}

.comment_title, .comment_info {
	border-top: 1px solid #DDDDDD;
	background-color: #EEEEEE;
}

.selected_group_title { 
	font-size: 14px;
	text-align: center;
}


/**************** And finally, the footer data here ***************************************/

#footer { 
clear: both; 
color: #9c8c7d;
background: #fff;
padding: 10px 15px;
}

#footer .copyright { 
float: right; 
}