@charset "utf-8";

* { margin: 0; padding: 0; }

body {
	background: url(../images/bg.gif) #9D928A center repeat-y;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 67.5%;
	color: #3F474C;
	text-align: center;
}

a:link, a:visited {
	text-decoration: underline;
	color: #E27444;
}

a img { border: 0; }

a:hover {
	text-decoration: underline;
	color: #0087FB;
}

.clearboth:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

hr { display: none; }


/*-- LAYOUT ------------------------------------------*/

	#page {
		width: 770px;
		margin: auto;
		text-align: left; 
	}
	
	#content { 
		background-color: #FFFFFF; 
	}

	#focus { width: 770px; }
	
	#main, div.infopage, #main-footer  {
		padding: 14px;
		font-size: 1.1em;
		line-height: 1.5em;
		color: #2D322F;
	}
	
	#main-footer { background-color: #F3F2F1; }
	
	#main div.infopage {
		font-size: 1em;
		padding: 0;
	}
	
	#main.mx-layout {
		position: relative;
		width: 522px;
		float: left;
	}
	
	#main.twocol-layout {
		position: relative;
		width: 402px;
		float: left;
	}
	
	
	#extra {
		width: 188px;
		padding: 14px 14px 14px 18px;
		margin-left: 550px;
		background-color: #F3F2F1;
	}
	
	#extra.twocol-layout {
		width: 306px;
		margin-left: 430px;
	}


/* header */

	#header h2 {
		width: 770px; 
		height: 81px;
	}
	
	#header h2 span {
		position: absolute;
		width: 770px; 
		height: 81px;
		background: url(../images/hdr-logo.gif) left top no-repeat;
	}
	
	span#img-hdr {
		display: block;
		background: url(../images/hdr.jpg) left top no-repeat;
		position: relative;
		float: right;
		width: 541px; 
		height: 81px;
	}


/* content */

	/* h's */
	
		h1 {
			border-bottom: 1px #E4E4E4 solid;
			font-size: 1.9em;
			font-weight: normal;
			color: #4C4744;
			padding: .1em 0 .1em 0;
			margin-bottom: .5em;
			line-height: 1em;
		}
		
		#main h1 p { padding: 0; }
		
		h3 {
			font-size: 1.5em;
			font-weight: normal;
			color: #D74200;
			padding: .2em 0 .2em 0;
			line-height: 1.2em;
		}
		
		h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {
			color: #D74200;
			text-decoration: none;
		}
		
		h3 a:hover, h4 a:hover {
			color: #6793B8;
			text-decoration: underline;
		}
		
		.article h3 {
			font-size: 1.3em;
			font-weight: bold;
			color: #D74200;
			/* padding: .2em 0 .3em 0; */
			padding: .5em 0 .1em 0;
		}
		
		
		#main h4 {
			padding-top: 1em;
			font-size: 1.3em;
			color: #D74200;
		}
		
		#main div.item h4 {
			padding-top: 0;
		}
		
		#main-footer h4 {
			font-size: 1.4em;
			font-weight: normal;
		}
		
		#main h4.eventnews, #main div h4.eventnews  {
			margin-bottom: 1em;
			margin-top: 1.5em;
			background: #F3F2F1;	
			color: #3F474C;
			border-bottom: 1px #E4E4E4 solid;
			padding: .3em;
		}
				
		#extra h4 {
			font-size: 1.3em;
			font-weight: bold;
			text-transform: none;
			color: #D74200;
		}
		
		#extra .item div h4 {
			padding-top: 1em;
			text-transform: none;
		}
		
		#extra h5 { 
			font-size: 1.1em; 
			padding-top: .8em;
		}


	

#main p, div.infopage p, #main-footer p { padding: .7em 0 .3em 0; }

#main .item, #main .article {
	border-bottom: 1px #E4E4E4 solid;
	padding: 0 0 1.2em 0;
	margin-bottom: 1.2em;
}

#main small {
	color: #A49F9A;
	font-size: .9em;
}

blockquote {
	padding: .4em .4em .4em 1.6em;
	border-left: 3px #ADA6A1 solid;
	background-color: #f9f9f9;
	margin: .4em 0;
}



a.editlink { float: right; }

span.posted, div.posted {
	display: block;
	padding: .7em 0 .3em 0;
	color: #A49F9A;
	font-size: .9em;
}



#extra .item {
	margin-bottom: 2.6em;
	font-size: 1.1em;
}

#extra p {
	line-height: 1.5em;
	padding: .5em 0 0 0;
}

#extra ul {
	border-top: 1px #E4E4E4 solid;
	margin-top: 1em;
}

#extra .event {
	display: block;
}

/*#extra .date {
	display: block;
	font-weight: bold;
	color: #61696E;
}*/

#extra ul li {
	list-style-type: none;
	border-bottom: 1px #E4E4E4 solid;
	padding: .5em 0;
}



/* navigation */

	/* main nav */
	
		#nav {
			border-top: 2px #9D928A solid;
			border-bottom: 2px #9D928A solid;
			white-space: nowrap;
			overflow: hidden;
		}
		
		#nav span {
			top: .65em;
			position: relative;
			white-space: nowrap;
			overflow: hidden;
		}
		
		#nav ul {
			height: 2.6em;
			font-size: 1.2em;
			display: block;
			text-align: left;
			background: url(../images/nav-bg.gif) #AF3501 bottom repeat-x;
			white-space: nowrap;
			overflow: hidden;
		}
		
		#nav ul li {
			float: left;
			height: 2.6em;
			list-style: none;
			border-right: #D78A64 1px solid;
		}	
		
		#nav a:link, #nav a:visited {
			text-decoration: none;
			color: #FFFFFF;
			height: 2.6em;
			padding: 1.3em 1.2em;
		}
		
		#nav a:hover { background: url(../images/nav-bg-mover.gif) #D75825 bottom repeat-x; height: 2.6em; }
		
		#nav li.current { background: url(../images/nav-bg-selected.gif) #CC4C19 bottom repeat-x; }
		
		#nav li ul.sublist { display: none; }
		
		#nav ul li.current ul.sublist {	display: block; }

	/* extra nav */
	
		#nav-extra {
			position: relative;
			top: -76px;
			left: 1.38em;
			height: 0;
		}
		
		#nav-extra ul li {
			display: inline;
			color: #A79B90;
		}
		
		#nav-extra a:link, #nav-extra a:visited {
			color: #EEEEEE;
			text-decoration: none;	
			padding: 0 .2em;
		}
		
		#nav-extra a:hover { text-decoration: underline; }
				
		#nav-extra li:before { content: "| "; }		
		#nav-extra li:first-child:before { content: ""; }
		
	/* sub nav */

		#subnav {
			background-color: #4C4744;
			border-bottom: 2px #9D928A solid;
			height: 1em;
			padding: .73em 1.4em 1.1em;
			color: #9D928A;
		}
		
		#subnav span.active { color: #FF824B; }

	/* footer nav */
	
		#footer-nav {
			height: 1em;
			padding: 1.1em 1.4em;	
			color: #9D928A;
			border-top: 2px #9D928A solid;
			border-bottom: 2px #9D928A solid;
		}
		
		#footer-nav ul li {
			position: relative;
			top: -.2em;
		}


	#subnav ul li, #footer-nav ul li {
		float: left;
		list-style: none;
		margin: 0 .1em;
		font-weight: bold;
	}
	
	#subnav a:link, #subnav a:visited, #footer-nav a:link, #footer-nav a:visited {
		color: #E1D9D3;
		text-decoration: none;
		margin: 0 .1em;
	}
	
	#subnav a:hover, #footer-nav a:hover { text-decoration: underline; }
	
	#subnav li:before, #footer-nav li:before { content: "| "; }
	#subnav li:first-child:before, #footer-nav li:first-child:before { content: ""; }
	
/* footer */

	#footer { 
		margin-bottom: 11em;
		background-color: #4C4744;
	}
	
	#footer #legal p {
		font-size: 1em;
		color: #B7A99C;
		position: relative;
		bottom: 2.4em;
		float: right;
		margin: 0 1.3em 0 2.2em;
	}	
	
	#footer #legal a:link, #footer #legal a:visited { color: #B7A99C; }
	
	#footer #legal a:hover { color: #CFBFB0; }




.xar-tabs
{
padding: 2px 0;
margin: 1em 0;
border-bottom: 1px solid #A2ABAB;
font-weight: bold;
}

.xar-tabs dd, .xar-tabs dt
{
list-style: none;
margin: 0;
display: inline;
}

.xar-tabs dt {
	padding: 2px 0.5em;
}

.xar-tabs dd a
{
padding: 2px 0.5em;
margin-left: 1px;
border: 1px solid #A2ABAB;
border-bottom: none;
background: #F3F2F1;
text-decoration: none;
}

.xar-tabs dd a:link, .xar-tabs dd a:visited  { color: #4B7AA1; }

.xar-tabs dd a:hover
{
color: #0087FB;
background: #E4E7E7;
}

.xar-tabs dd.active a, .xar-tabs a.active 
{
background: #ffffff;
border-bottom: 1px solid #ffffff;
}

span.xar-mod-title {
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
}

.xar-mod-body {
	font-size: 1.1em;
	padding: 15px;
}

.xar-mod-body h2 {
	font-size: 1.72em;
	font-weight: normal;
	color: #335566;
	padding: .2em 0 .3em 0;
}

.xar-mod-body fieldset, #main fieldset {
	border: none;
	border-top: 1px #E4E4E4 solid;
	border-bottom: 1px #E4E4E4 solid;
	padding: 0 1em 1em 1em;
	margin-bottom: 1em;
	background: #FAFAF9;
}

#main fieldset {
	margin-top: 1.5em;
}

#main #requesttext {
	width: 18em;
}

.xar-mod-body fieldset legend, #main legend {
	font-weight: bold;
	font-size: 1.15em;
	padding: 0 0 .6em 0;
	margin-top: .2em;
}

.xar-mod-body label.xar-form-label {
	width: 15em;
	display: block;
	float: left;
}

#main label.xar-form-label  {
	display: block;
	padding: .5em 0;
	font-size: 1em;
	font-weight: bold;
}

#main input, #main textarea, #main-footer input, #main-footer textarea {
	padding: .2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#main textarea.fullwidth, #main-footer textarea.fullwidth {
	width: 96%;
}

#main .xar-form-input-wrapper, #main .xar-form-input-wrapper-half, #main .xar-form-input-wrapper-after {
	padding: .4em 0;
}

#main .xar-form-input-wrapper-half {
	width: 43%;
	float: left;
}



.xar-mod-body .xar-form-input-wrapper {
	margin: .4em 0;
}

.xar-mod-body .xar-form-input-wrapper-after {
	margin: .4em 0 .4em 15em;
}

.xar-mod-body table, #main table {
	margin: 1em 0;
	border-collapse: collapse;
	padding: 0;
}

.xar-mod-body table .xar-fullwidth, #main table.fullwidth {
	width: 100%;
}

.xar-mod-body td, .xar-mod-body th, .xar-mod-body tf, #main td, #main th, #main tf {
	padding: .3em .5em;
	border-bottom: 1px #E4E4E4 solid;
}

.xar-mod-body th, #main th, .xar-mod-body tf, #main tf {
	background: #F3F2F1;
	text-align: left;
}

.xar-mod-body ul, .xar-mod-body ol, #main ul {
	margin-left: 1.5em;
}

.xar-mod-body li, #main li {
	padding: .5em 0 .5em 1em;
}

.cattree-news .xar-tabs {
	background-color: #ffffff;
	padding-left: 5px;
}

.cattree-news .xar-tabs dd a.active:hover {
	color: #3F474C;
	background-color: #ffffff;
}

.navtrails {
	margin: 0 0 1.2em 0;
	padding: .5em;
	background: #F3F2F1;	
}

.navtrails span.label {
	display: block;
	width: 6em;
	float: left;
}

.navtrails span.trail {
	display: block;
	position: relative;
	margin-left: 6em;

}

span.itemlink {
	display: block;
	margin: 1em 0 .4em 0;
	padding: .5em;
	text-align: center;
	background: #F3F2F1;	
}


.kickitup {
	margin-top: -1.5em;
}

p.filelink {
	float: right;
}

#main div.feedlink {
	float: right;
	position: relative;
	margin-top: -1.85em;
}

/*#main div.feedlink a {
	background: url(../images/feed.png) right top no-repeat;
	background-position: right .1em;
	padding-right: 2em;
}*/

.xar-error {
	color: #CC0000
}

#main ul.filelist  {
	margin-left: 0;
}

#main .filelist li {
	list-style: none;
	margin-bottom: .3em;
	background: #F7F7F7 url(../images/pageput.png) 10px no-repeat;
	padding-left: 40px;
}

#extra .filelist li {
	background: url(../images/pageput.png) left no-repeat;
	padding-left: 28px;
}

.filelist a {
	font-weight: bold;
}

.filelist .posted {
	padding: 0.1em 0;
}

#extra .smalldate {
	background: url(../images/date.png) left .5em no-repeat;
	padding-left: 24px;
	margin-top: .2em;
	font-weight: bold;
	color: #66615C;
	font-size: .9em;
}

a.newarticle {
   	background-image: url(../images/add.png);
    background-position: 0 .2em;
    background-repeat: no-repeat;
	padding-left: 1.75em;
}


img.right {
	float: right;
	border: 5px solid #685e59; 
	margin: .4em 0 .6em 1.5em;
}

img.left {
	float: left;
	border: 5px solid #685e59; 
	margin: .4em 1.5em .6em 0;
}

img.home {
	float: left;
	border: 5px solid #685e59; 
	margin: .4em 1.5em .6em 0;
}

img.home-featured {
	border: 5px solid #685e59; 
	margin: 0 0 .6em 0;
}

#main h4.news-subitems {
	padding: 0 0 .6em 0;
	font-size: 1.1em;
	color: #4C4744;
}

div.dateset-double {
	float:left;
	width: 11.7em;
	padding-top: .6em;
}

div.dateset-doubledisplay, div.dateset-singledisplay {
	height: 9.5em;
	font-size: 1.1em; 
	line-height:1.5em;
}

.date {
	width: 4.5em;
	float: left;
}

div.dateset-single .date {
	
	margin-left: 13px;
}

div.dateset-single {
	float:left;
	width: 7.2em;
	padding-top: .6em;
	margin-left: 4.5em;
}

.date div.day {
	background-color: #ebe9e8;
	font-size: .8em;
	text-transform: uppercase;
	color: #9d928a;
	text-align: center;
	height: 5.4em;
	margin-bottom: 1px;
}

div.dateset-doubledisplay .day, div.dateset-singledisplay .day {
	background: #e1dedc;
}

.date div.month {
	background-color: #d74200;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: .1em 0 .2em 0;
}

.date div.year {
	text-align: center;
	color: #9d928a;
	padding: .2em 0;
}

.date div.day strong {
	display: block;
	font-size: 2.8em;
	font-weight: normal;
	color: #4c4744;
	text-align: center;
	padding: .4em 0 .2em 0;
}

.dateset-double span.date-arrow, .dateset-doubledisplay span.date-arrow {
	display: block;
	width: 13px;
	float:left;
	height: 5.4em;
	background: url(../images/leftarrow.gif) no-repeat 2px center;
}

div.event-summary {
	margin-left:11.7em;
}

#main h3 p {
	padding: 0;
}



img.whosonline {
	position: relative;
	top: .4em;
}

#main ol, #main ol ul {
	margin-left: 1.5em;
}

img.noborder {
	border: none;
}

div.xar-pager {
	padding: .5em;
	background: #f1f1f1;
	text-align: right;
}

#main div.rules-online {
	margin-top: 1em;
}

#main div.rules-online p {
	border: 1px #eaeaea solid;
	padding: .8em;
}


/** article admin **/

.fullwidth {
	width=100%;
}

div.xar-mod-body label,
div.xar-mod-body label.xar-form-label,
div.xar-mod-body label.block {
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	padding: .7em 0 .4em 0;
	float: none;
}

div.xar-mod-body label.inline {
	width: 15em;
	display: block;
	float: left;	
}

div.xar-mod-body textarea#body,
div.xar-mod-body textarea#summary,
div.xar-mod-body textarea#notes
{
	width: 100%;
}

div.xar-mod-body textarea#summary {
	height: 5em;
	line-height: 1.3em;
	font-size: 1.2em;
	color:#666666;
}

div.xar-mod-body textarea#body {
	height: 32em;
	line-height: 1.3em;
}

div.xar-mod-body textarea#notes {
	height: 5em;
	font-style: italic;
	color:#606060;
}

div.xar-mod-body input, 
div.xar-mod-body textarea 
{
	padding: .2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

div.xar-mod-body input#title {
	font-size: 1.4em;
	width: 35em;
	font-weight: bold;
	color:#444444;
}

code {
	display: block;
	background: #F3F2F1;
	border-bottom: 1px solid #E4E4E4;
	padding: .4em .6em;
}

div.xar-mod-body div.twocol-left {
	width: 50%;
	float: left;
	border-right: 1px solid #E4E4E4;
}

div.xar-mod-body div.twocol-right {
	width: 48%;
	float: right;
}

div.xar-mod-body div.buttonbox {
	padding: .4em;
	background: #F3F2F1;
	border-bottom: 1px solid #E4E4E4;
	text-align: right;
	margin: .8em 0;
}

div.xar-mod-body div.buttonbox-top {
	width: 740px;
	margin-top: -42px;
	text-align: right;
	position: absolute;
}

table.xar-accent td {
	padding-top: 9px;
	padding-bottom: 9px;
}

/** web site admin menu **/

#nav-admin {
	position: absolute;
	text-align: right;
	top: 0;	
	margin-left: 640px;
	height: 0;
	z-index: 10;
}

#nav-admin ul li {
	list-style: none;
}

#nav-admin ul li span {
	background: #B2321E;
	display: block;
	width: 110px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 3px 10px 2px 10px;
	cursor: pointer;
}

#nav-admin ul li ul {
	display: none;
}

#nav-admin ul li ul a:link, #nav-admin ul li ul a:visited {
	display: block;
	background: #C1B9B4;
	border-top: 1px #9D928A solid;
	padding: 3px 10px;
	color: #1A1A1A;
	text-decoration: none;
}

#nav-admin ul li ul a:hover {
	background: #D9D3D0;
}

#nav-admin ul li:hover ul, ul#nav li.over ul {
	display:block;
}


/** **/