@import 'reset.css';

/*
================================================================================
Main Layout Elements
================================================================================
*/

html {
	min-width: 960px;
	}
body {
	font: 12px/20px helvetica, arial, sans-serif;
	text-align: left;
	background: #eee;
	margin: 0;
	background: #ebe9e3 url(/images/bg_body.gif) 0 0 repeat-x;
	}
#wrap {
	background: url(/images/bg_wrap.gif) top center no-repeat;
	margin: 5px 0 0 0;
	}
#header {
	width: 940px;
	margin: 0 auto 23px auto;
	}
#logo {
	float: left;
	margin: 28px 0 0 0;
	background: url(/images/bg_logo.gif) 0 0 no-repeat;
	}
h1 {
	text-indent: -9999px;
	}
h1 a {
	width: 169px;
	height: 44px;
	display: block;
	}
#headline {
	width: 920px;
	margin: 0 auto 10px auto;
	background: #547951 url(/images/bg_headline.gif) 0 0 no-repeat;
	color: #fff;
	padding: 10px 10px 0 10px;
	}
#headline.interior {
	width: 890px;
	padding: 20px 25px;
	}
#welcome {
	float: right;
	margin: 28px 15px 0 0;
	width: 280px;
	font-size: 14px;
	}
h2.welcome {
	background: url(/images/h2_welcome.gif) 0 0 no-repeat;
	width: 280px;
	height: 50px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	}
#intro {
	background: #2f5e89;
	width: 915px;
	margin: 0 auto;
	color: #d5dfe7;
	padding: 0 0 0 25px;
	}
#intro div.col {
	width: 280px;
	float: left;
	margin: 10px 25px 10px 0;
	}
#extra {
	background: #fff;
	width: 915px;
	padding: 10px 0 10px 25px;
	margin: 0 auto;
	}
#extra div.col {
	width: 430px;
	margin: 0 25px 0 0;
	float: left;
	}
div.col-title {
	float: left;
	margin: 0 25px 0 0;
	}
#extra div.col-right div.col-title,
#extra-inside div.col-right div.col-title {
	margin: 0 20px 0 0 !important;
	}
div.col-content {
	padding: 10px 0 0 0;
	}
#extra-inside {
	background: #c2c1b8;
	width: 915px;
	padding: 10px 0 10px 25px;
	margin: 10px auto;
	}
#extra-inside div.col {
	width: 430px;
	margin: 0 25px 0 0;
	float: left;
	}
#main {
	background: #fff url(/images/bg_main.gif) top right repeat-y;
	width: 940px;
	margin: 0 auto;
	}
div.sidebar {
	float: right;
	width: 230px;
	padding: 20px 25px;
	color: #fff;
	}
div.content {
	float: left;
	width: 610px;
	padding: 20px 25px;
	}
div.content div.col {
	width: 290px;
	margin: 0 20px 0 0;
	float: left;
	}
#footer {
	width: 900px;
	margin: 20px auto 0 auto;
	font-size: 11px;
	color: #666;
	}
	
/* Slider */

#slider-wrap {
	float: left;
	width: 585px;
	margin: 0 0 10px 0;
	}
	
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li { 
	width:585px;
	height:260px;
	overflow:hidden; 
	}
ol#controls{
	margin: 0;
	padding:10px;
	background: #294528;
	float: left;
	width: 565px;
	}
ol#controls li{
	float:left;
	margin: 0 5px 0 0;
	list-style:none;
	}
ol#controls li a{
	float:left;
	color:#f58926;
	padding:0px 7px;
	text-decoration:none;
	}
ol#controls li.current a{
	background:#152310;
	color:#fff;
	}
	
/* Miscellaneous */

p.photos a {
	float: left;
	margin: 0 10px 0 0;
	}
p.crumbs {
	color: #999;
	margin: -10px 0 20px 0;
	font-size: 11px;
	border-bottom: #ddd solid 1px;
	}

div.entry {
	border-bottom: #ccc solid 1px;
	margin: 0 0 20px 0;
	}
div.entry h3 a {
	text-decoration: none;
	}
div.entry p.meta {
	color: #666;
	}
div.entry a.comment-icon {
	float: right;
	text-align: center;
	width: 25px;
	height: 35px;
	color: #fff;
	text-decoration: none;
	background: url(/images/bg_link-comment-icon.gif) top center no-repeat;
	padding: 8px 5px;
	}

/*
================================================================================
Navigation
================================================================================
*/

#nav {
	float: right;
	margin: 36px 0 0 0;
	}
#nav ul li {
	float: left;
	border-left: #fff solid 1px;
	background: none;
	padding: 0;
	}
#nav ul li a {
	float: left;
	padding: 5px 15px;
	text-decoration: none;
	font-size: 15px;
	color: #336699;
	font-weight: bold;
	}
#nav ul li a:hover {
	color: #336633;
	}
#nav ul li a.active {
	color: #333;
	}
#nav ul li.left {
	border: 0;
	}
#nav ul li.right a {
	padding-right: 0;
	}
	
ul.subnav {
	font-size: 15px;
	}
ul.subnav li {
	border-bottom: #4f799e solid 1px;
	background: none;
	padding: 0;
	}
ul.subnav li a {
	background: url(/images/bg_li-subnav.gif) left no-repeat;
	color: #99ccff;
	text-decoration: none;
	padding: 7px 0 7px 20px;
	display: block;
	}
ul.subnav li a:hover {
	color: #fff;
	}
ul.subnav li a.active {
	color: #fff;
	font-weight: bold;
	}
ul.subnav li ul {
	margin: 0;
	font-size: 13px;
	}
ul.subnav li ul li {
	border-bottom: 0;
	}
ul.subnav li ul li a {
	background: none;
	padding: 5px 0 5px 20px;
	color: #f58926;
	}
	
/*
================================================================================
Headers
================================================================================
*/

h2 {
	font-size: 24px;
	}
h3 {
	font-size: 20px;
	margin: 0;
	padding: 10px 0;
	color: #4b6c47;
	}
#intro h3 {color: #fff;}
#extra h3, #extra-inside h3 {font-size: 16px; color: #333;}

div.sidebar h3 {
	color: #fff;
	}

/*
================================================================================
Lists
================================================================================
*/

ul {
	margin: 0 0 20px 0;
	}
ul li {
	background: url(/images/bullet.gif) 0 .5em no-repeat;
	padding: 0 0 0 15px;
	}
	
dl {
	margin: 0 0 20px 0;
	}
	
dl.events dt {
	background: #4f799e;
	padding: 5px;
	line-height: 12px;
	font-size: 11px;
	text-align: center;
	width: 25px;
	float: left;
	}
dl.events dd {
	font-size: 15px;
	padding: 10px 0 10px 45px;
	}
dl.events dd a {
	text-decoration: none;
	}
div.content dl.events dt {
	color: #fff;
	}
div.content dl.events dd {
	font-size: 11px;
	border-bottom: #eee solid 1px;
	margin: 0 0 20px 0;
	padding: 5px 0 10px 45px;
	}
div.content dl.events h3 {
	padding: 0;
	margin: 0;
	}
div.content dl.events p {
	margin: 0 0 10px 0;
	}
	
dl.event dt {
	color: #336699;
	font-weight: bold;
	}
	
dl.sets dt {
	font-size: 18px;
	font-weight: bold;
	clear: both;
	margin: 20px 0 0 0;
	}
dl.sets dt a {
	text-decoration: none;
	}
dl.sets img {
	float: left;
	margin: 0 10px 20px 0;
	}
ul.photos li {
	float: left;
	margin: 0 10px 10px 0;
	display: inline;
	line-height: 12px;
	text-align: center;
	background: none;
	padding: 0;
	}
ul.photos li a {
	text-decoration: none;
	}
	
ol.comments li {
	border-bottom: #eee solid 1px;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	}
ol.comments p.author {
	background: #eee;
	padding: 5px;
	margin: 0 0 10px 0;
	}
	
/*
================================================================================
Text
================================================================================
*/

p {
	margin: 0 0 20px 0;
	}
small {
	font-size: 11px;
	}
	
/*
================================================================================
Links
================================================================================
*/

a {
	color: #336699;
	}
a:hover {
	color: #336633;
	}
#intro a {
	color: #99ccff;
	}
#intro a:hover {
	color: #fff;
	}
a.more {
	color: #f58926;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	}
#intro a.more {
	color: #f58926;
	}
#extra-inside a.more {
	color: #336699;
	}
a.more:hover, #extra-inner a.more:hover {
	color: #336633 !important;
	}
#intro a.more:hover {
	color: #fff !important;
	}
div.sidebar a {
	color: #99ccff;
	}
div.sidebar a:hover {
	color: #fff;
	}

/*
================================================================================
Tables
================================================================================
*/
	
table {
	font: 12px/20px helvetica, arial, sans-serif;
	margin: 0 0 20px 0;
	}
table.list tr td {
	border-bottom: #eee solid 1px;
	padding: 10px 5px;
	}
table.list tr th {
	background: #eee;
	padding: 5px;
	}

/*
================================================================================
Form Elements
================================================================================
*/

fieldset {
	padding: 20px;
	background: #ebe9e3;
	}
fieldset legend {
	display: none;
	}
dl.form dt {
	font-weight: bold;
	}
dl.form dd {
	margin: 0 0 10px 0;
	}
	
input {
	font: 14px/16px helvetica, arial, sans-serif;
	border: #336699 solid 1px;
	background: #fff;
	padding: 2px;
	}
textarea {
	font: 12px/14px helvetica, arial, sans-serif;
	background: #fff;
	padding: 2px;
	border: #336699 solid 1px;
	}
	
input.submit {
	background: #336699;
	color: #fff;
	cursor: pointer;
	padding: 5px;
	border: 0;
	}

/*
================================================================================
Self Clearing Floats
================================================================================
*/

#header:after,
#headline:after,
#intro:after,
#extra:after,
#extra-inside:after,
#main:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* trigger hasLayout and target ie5+6/win only */
* html #header,
* html #headline,
* html #intro,
* html #extra,
* html #extra-inside,
* html #main {
	height: 1%;
	}

/* trigger hasLayout and target ie7/win only */
*:first-child+html #header,
*:first-child+html #headline,
*:first-child+html #intro,
*:first-child+html #extra,
*:first-child+html #extra-inside,
*:first-child+html #main {
	min-height: 1px;
	}