body
{
	font-family: "Tahoma", "Arial", "Helvetica", sans-serif;
	color: #80450d;
	padding: 0px;
	margin: 0px;
	background-color: #EEE;
}
/* -------------------------------------- HEADERS ---------------------------------------- */
h1{
	font-size: 16px;
	font-family: Arial;
	color: #4d9daa;
	margin: 2px -8px;
	padding: 2px;
	border-bottom: 1px solid #4d9daa;
}
h2{
	font-size: 14px;
	font-family: Arial;
	color: #80450d;
	margin: 2px;
	margin-top: -10px;
	padding: 2px;
	border-bottom: 1px solid #4d9daa;	
}
/* -------------------------------------- RAILS ---------------------------------------- */
div#content div#leftrail, div#content div#middle, div#content div#rightrail
{
	display: inline;
	float: left;
}

/* -------------------------------------- RIGHT RAIL ---------------------------------------- */
div#content div#rightrail
{
	width: 206px;
}
#rightrail .rail_item {
	border: 1px solid #4d9daa;
	margin: 6px 1px;
	padding: 0 0 4px;
	text-align: center;
	background: url( /images/layout/rail_item_bg.png ) #F4F4F4 repeat-x top left;
	font-family: Verdana;
	font-size: 12px;
	color: #80450d;
}
#rightrail .rail_item .rail_item_header{
	text-align: left;
	color: #a2dde5;
	font-size:  14px;
	font-weight: bold;
	padding: 2px 4px 14px 4px;
}

/* -------------------------------------- LEFT RAIL ---------------------------------------- */
div#content div#leftrail
{
	border: 1px solid #4d9daa;
	margin: 3px;
	padding: 0px;
	width: 150px;
	background-color: #F4F4F4;
	/*height: 400px;*/
}
div#content div#leftrail .leftrail_header{
	background-color: #4d9daa;
	text-align: left;
	color: #fff;
	font-size:  12px;
	font-weight: bold;
	padding: 5px 2px;
}
div#content div#leftrail a.rail_item{
	display: list-item;
	background-color: #a2dde5;
	color: #118d35;
	font-family: Verdana;
	font-size: 10px;
	padding: 9px 2px;
	border-top: 1px solid #4d9daa;
}
div#content div#leftrail a.rail_item:hover{
	background-color: #118d35;
	color: #a2dde5;
}

/* -------------------------------------- SECTION HEADER ---------------------------------------- */
.section_header{
	color: #80450d;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #80450d;
	margin: 3px 9px;
	padding: 4px;
}

li img
{
	display: block;
	border: 0px;
}

a:link, a:active, a:visited
{
	font-size: inherit;
	color: #FFF;
	text-decoration: none;
}

a:hover
{
	font-size: inherit;
	color: #fff;
	text-decoration: underline;
}

div#content a:link, div#content a:active, div#content a:visited
{
	font-size: inherit;
	color: #118d35;
	text-decoration: none;
}

div#content a:hover
{
	font-size: inherit;
	color: #61b84d;
	text-decoration: underline;
}

div#page_wrapper
{
	padding: 0px;
	margin: 0px auto;
	width: 990px;
	min-height: 600px;
}

/* ------------------------------------------------- HEADER --------------------------------------------------- */
div#header
{
	padding: 0px;
	margin: 0px;
	width: 990px;
	position: relative;
	border: 1px solid #118d35;
	background: url("/images/layout/body_bg.jpg") top left repeat-x #a2dde5;
}

div#header div#logo
{
	width: 111px;
	clear: left;
	padding: 0px;
	margin: 0px;
	float: left;
	display: inline;
}

div#header div#logo img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 111px;
	height: 140px;
}

/* ------------------------------------------------- USERINFO --------------------------------------------------- */
div#header div#userinfo
{
	background: url( "/images/layout/mission.png" ) no-repeat 210px 30px;
	float: right;
	display: block;
	position: absolute;
	padding: 0px;
	text-align: right;
	width: 990px;
	height: 180px;
	vertical-align: text-top;
	font-size: 10px;
	font-weight: bold;
	margin: 6px 0px 5px 0px;
	*margin: 9px -4px 5px -113px;
}

div#header div#userinfo div#my_options
{
	border: 1px solid #118d35;
	background-color: #61b84d; 
	width: 90px; 
	padding: 3px;
	line-height: 1.4em;
	text-align: right;
	font-family: Arial;
	display: inline-table;
	font-size: 10px;
	list-style: none;
	margin-top: 4px;
	opacity: 0;
	filter: alpha(opacity=0);
}
div#header div#userinfo div#my_options span{
	/*display: table-row;*/
	margin: 0px;
}
div#header div#userinfo div#my_options a{
	display: list-item;
	margin: 0px;
	padding: 4px;
}
div#header div#userinfo div#my_options a:hover{
	background-color: #118d35;
}

/* ------------------------------------------------- NAVBAR --------------------------------------------------- */
div#header ol.navbar
{
	clear: both;
	width: 988px;
	height: 24px;
	border-top: 1px solid #118d35;
	border-left: 1px solid #118d35;
	border-right: 1px solid #118d35;
	border-bottom: 1px solid #118d35;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: url("/images/nav/bg.gif") top left repeat-x #118d35;
}

div#header ol.navbar li.menuItem
{
	float: left;
	display: inline;
	margin: 1px 0px 0px 0px;
	padding: 0px 3px;
	height: 24px;
	cursor: pointer;
	position: relative;
}

div#header ol.navbar li.divider
{
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	width: 1px;
	height: 24px;
	background: url("/images/nav/divider.gif") top right no-repeat;
}

div#header ol.navbar li.on
{
	border-left: 1px solid #5fc3d3;
	border-right: 1px solid #5fc3d3;
	border-top: 1px solid #5fc3d3;
	height: 37px;
	_height: 50px;
	background: url("/images/nav/bg_on.gif") top right repeat-x #e8e9ec;
	_top: 1px;
}

div#header ol.navbar li.home_on
{
	border-left: 1px solid #61b84d;
	border-right: 1px solid #61b84d;
	border-top: 1px solid #61b84d;
	height: 37px;
	_height: 50px;
	background: url("/images/nav/bg_on.gif") top right repeat-x #e8e9ec;
	padding: 0px 18px 0px 19px;
	_top: 1px;
}

div#header ol.navbar li.on img
{
	position: relative;
	bottom: 1px;
	_bottom: 2px;
}

div#header ol.navbar li.home_on img
{
	position: relative;
	bottom: 1px;
	right: 1px;
	_bottom: 2px;
}

div#content
{
	width: 966px;
	margin: 0px 0px 10px 0px;
	padding: 0px 12px;
	min-height: 370px;
	border: 1px solid #118d35;
	background: url("/images/layout/content_bg.jpg") bottom left repeat-x #fff;
	font-family: Arial;
	font-size: 12px;
	overflow: auto;
}

div#content div#middle
{
	width: 760px;
	min-height: 600px;
}

div.item, div#middle_box, div#middle_top
{
	margin: 0px;
	padding: 0px;
	clear: both;
}

div.title
{
	margin: 0px 0px 0px 9px;
	padding: 9px 0px;
}

div.item table
{
	font-size: 11px;
	color: #333;
	margin: 0px 0px 9px 9px;
	padding: 0px;
}

div.item table tr th
{
	font-weight: bold;
}

div.item div.floatingBox
{
	float: left;
	display: inline;
}

div.bottomborder
{
	border-bottom: 1px solid #ccc;
}

div.bordertop
{
	border-top: 1px solid #ccc;
}

div.whitebg
{
	background-color: #fff;
}

div.margined
{
	margin: 0px 9px;
	padding: 0px;
}

ul.linklist
{
	list-style: none;
	margin: 0px 0px 9px 9px;
	padding: 0px;
}

ul.linklist li
{
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	*margin: 0px 0px 0px 0px;
	padding: 0px;
}

div#footer
{
	text-align: center;
	margin: 9px 0px;
	padding: 0px;
	font-size: 9px;
	font-weight: normal;
}

div#footer p
{
	float: right;
	display: inline;
	position: relative;
	bottom: 5px;
	*top: 4px;
	*bottom: auto;
}

div#footer img
{
	display: inline;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

div.thumbnail_box
{
	width: 116px;
	float: left;
	display: block;
	text-align: center;
	background: url("/images/layout/video_bg.jpg") top left no-repeat;
	margin: 4px;
	padding: 4px;
}

div.lastBox
{
	margin: 0px 0px 24px 8px;
}

div.thumbnail_box div.summary
{
	font-size: 10px;
	font-weight: normal;
	color: #666;
	text-align: center;
	margin: 0px 0px 16px 0px;
	padding: 0px;
}

div.navstrip
{
	height: 2px;
	margin: 0px;
	padding: 0px;
	width: 990px;
	background-color: #eee;
	font-size: 1px;
}

/* -------------------------------------- MENU DROPDOWNS ------------------------------------------- */

div#header ol.navbar ol.subnav
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	color: #a2dde5;
	position: absolute;
	left: -999em;
	border: 1px solid #5fc3d3;
	background-color: #118d35;
	font-size: 10px;
	font-weight: bold;
}

div#header ol.navbar li ol.subnav li
{
	padding: 0px;
	margin: 0px;
	width: 220px;
	float: left;
	clear: both;
}

div#header ol.navbar li ol.subnav li a
{
	display: block;
	margin: 1px;
	padding: 3px;
	width: 212px;
	text-decoration: none;
	color: #a2dde5;
}

div#header ol.navbar li ol.subnav li a:hover
{
	color: #80450d;
	background-color: #61b84d;
}

div#header ol.navbar li ol.subnav li:hover, div#header ol.navbar li ol.subnav li.sfhover
{
	background-color: #118d35;
	color: #5fc3d3 !important;
}

div#header ol.navbar li:hover ol.subnav, div#header ol.navbar li.sfhover ol.subnav
{
	left: -1px;
	top: 24px;
}

div#header ol.navbar li:hover ol.subnav li:hover ol.subnav, div#header ol.navbar li.sfhover ol.subnav li.sfhover ol.subnav
{
	left: auto;
	top: auto;
}

div#header ol.navbar li ol.subnav li ol.subnav
{
	margin: -21px 0px 0px 200px;
}

div#header ol.navbar, ol.navbar ol.subnav
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

div#header ol.navbar li:hover ol.subnav ol.subnav, div#header ol.navbar li.sfhover ol.subnav ol.subnav
{
	left: -999em;
}

/* Begin Right Aligning Menus */
div#header ol.navbar ol.subnav.right
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	color: #a2dde5;
	position: absolute;
	left: -999em;
	border: 1px solid #5fc3d3;
	background-color: #118d35;
	font-size: 10px;
	font-weight: bold;
	width: 200px;
}

div#header ol.navbar li ol.subnav.right li
{
	padding: 0px;
	margin: 0px;
	width: 200px;
	float: right;
	clear: both;
}

div#header ol.navbar li ol.subnav.right li p
{
	display: block;
	margin: 4px;
	padding: 0px;
	width: 192px;
	text-decoration: none;
	color: inherit;
	text-align: right;
}

div#header ol.navbar li ol.subnav.right li p:hover
{
	color: #e3e3e3;
}

div#header ol.navbar li ol.subnav.right li:hover, div#header ol.navbar li ol.subnav.right li.sfhover
{
	background-color: #118d35;
	color: #a2dde5 !important;
}

div#header ol.navbar li:hover ol.subnav.right, div#header ol.navbar li.sfhover ol.subnav.right
{
	top: 36px;
}

/* --------------------------------------- CUSTOM POSITION RIGHT ALIGN DROP DOWNS ------------------------------------------------ */
div#header ol.navbar li:hover ol.subnav.right#camping, div#header ol.navbar li.sfhover ol.subnav.right#camping
{
	left: -128px;
}
div#header ol.navbar li:hover ol.subnav.right#props, div#header ol.navbar li.sfhover ol.subnav.right#props
{
	left: -147px;
}
div#header ol.navbar li:hover ol.subnav.right#resources, div#header ol.navbar li.sfhover ol.subnav.right#resources
{
	left: -115px;
}

div#header ol.navbar li:hover ol.subnav.right li:hover ol.subnav.right, div#header ol.navbar li.sfhover ol.subnav.right li.sfhover ol.subnav.right
{
	left: auto;
	top: auto;
}

div#header ol.navbar li ol.subnav.right li ol.subnav.right
{
	margin: -21px 0px 0px -202px;
}

div#header ol.navbar, ol.navbar ol.subnav.right
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

div#header ol.navbar li:hover ol.subnav.right ol.subnav.right, div#header ol.navbar li.sfhover ol.subnav.right ol.subnav.right
{
	left: -999em;
}

/* Start Accordion Styles */

div.accordion
{
	padding: 6px 9px;
	margin: 0px -18px 1px -21px;
	overflow: auto;
	cursor: pointer;
	height: 19px;
}

div.collapsed
{
	background: #454d57;
}

div.expanded
{
	background: url("/images/layout/accordion_on_bg.gif") top left repeat-x #535b69;
}

div.accordion div.arrow
{
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 18px;
	height: 19px;
}

div.collapsed div.arrow
{
	background: url("/images/layout/arrow_right.gif") center center no-repeat;
}

div.expanded div.arrow
{
	background: url("/images/layout/arrow_down.gif") center center no-repeat;
}

div.accordion div.title
{
	float: left;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 0px 0px 0px 2px;
	padding: 0px;
}

div.accordion div.modified
{
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	padding: 3px 0px 0px 0px;
	margin: 0px 9px 0px 0px;
	float: right;
	display: inline;
}

div.accordion_content
{
	overflow: auto;
	padding: 10px 0px 0px 0px;
}

/* End Accordion Styles */

div.thumbnail
{
	padding: 0px;
	margin: 0px;
	display: inline;
	float: left;
	width: 118px;
}

div.file_description
{
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 836px;
}

div.file_description div.file_header, div.file_description div.text
{
	clear: both;
	overflow: auto;
	margin: 0px;
	padding: 0px;
}

div.file_description div.file_header a
{
	font-size: 12px !important;
	font-weight: bold;
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
}

div.file_description div.file_header p
{
	display: inline;
	float: right;
	padding: 0px !important;
	margin: 0px !important;
	font-size: 11px !important;
	color: #333;
	font-weight: normal;
}

div.file_description p
{
	font-size: 11px;
	font-weight: bold;
	color: #333;
	margin: 0px !important;
	padding: 0px 0px 10px 0px !important;
	text-align: justify;
}

div.accordion_content div.divider
{
	border-top: 1px solid #ccc;
	margin: 0px !important;
	padding: 10px 0px 0px 0px !important;
	clear: both;
}

/* ------------------------------------------- ARTICLES ------------------------------------------------ */
a.article_header{
	font-family: Verdana;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	padding: 4px 14px;
}
.article_date{
	font-family: Verdana;
	font-size: 12px;
	color: #666;
	padding: 4px 14px;
}
.article_body{
	display: block;
	font-family: Verdana;
	font-size: 12px;
	color: #666;
	padding: 6px 18px 2px;
}

/* ------------------------------------------- FORMS ------------------------------------------------ */
a.clicker, span.clicker {
	display: -moz-inline-box; 
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Verdana, helvetica;
	font-size: 10px; 
	border: none; 
	background: url('/images/btn0.png') no-repeat;  
	height: 30px; 
	text-decoration: none; 
	margin: 0 6px 0px 0; 
	padding: 0 10px 0 0; 
	vertical-align: middle; 
	zoom: 1; 
	_position: relative; 
	_width: 10px; 
	_overflow-y: hidden
}

a.clicker span, span.clicker button, span.clicker input {
	white-space: nowrap; 
	font-weight: bold;
	font-family: Verdana, helvetica;
	cursor: pointer; 
	display: -moz-inline-box; 
	display: inline-block; 
	font-size: 10px; 
	background: url('/images/btn0.png') 100% 0 no-repeat; 
	height: 30px; 
	padding: 8px 10px 0 0; 
	margin: 0 -16px 0 10px; 
	border: none; 
	vertical-align: text-top; 
	zoom: 1; 
	color: #118d35;
	_position: relative; 
	_padding-right: 12px; 
	_margin-right: -10px; 
	_display: block; 
	_top: 0; 
	_right: -5px
}

span.clicker button, span.clicker input{ 
	padding-top: 0px; 
	line-height: 2.5
}

a.clicker:hover, span.clicker:hover, span.button-behavior-hover {
	cursor: pointer; 
	background-position: 0 0px; 
	text-decoration: none;
}

a.clicker:hover span, span.clicker:hover button, span.button-behavior-hover button, span.button-behavior-hover input {
	cursor: pointer; 
	background-position:100% 0px;
	text-decoration: none;
}

label{
    clear: left;
    float: left;
    padding-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #80450d;
	font-weight: bold;
	margin: 8px;
	text-align: left;
	width: 100px;
}
input, textarea, select{
	margin: 4px 0px;
	text-align: left;
	border: 1px solid #300;
	padding: 3px;
}
input:focus, textarea:focus, select:focus{
	background-color: #80450d;
	color: #FFF;
}
input.button{
	width: 150px;
	margin: 4px;
	margin-left: 0px;
	text-align: center;
}
.form_note{
	font-size: 10px;	
	font-weight: bold;
	font-style: italic;
}
.form_note a{
	color: #335588;
}

#files_list{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	display: table;
}

#files_list div{
	display: table-row;
	width: 500px;
}

#files_list div .filename{
	display: table-cell;
	width: 400px;
	padding-left: 8px;
	vertical-align: center;
}

#field_note_box{
	display: none;
	background-color: #FFFFCC;
	color: #000066;
	font-weight: bold;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	height: 50px;
	vertical-align: middle;
}

/* ------------------------------------------- success / error lines ------------------------------------------------ */
.success_line, .error_line{
	display: block;
	font-weight: bold;
	font-family: Verdana;
	text-align: center;
	font-size: 12px;
	padding: 8px;
	border: 1px solid #118d35;
	border-width: 0px 1px;
	width: 974px;
}

.success_line{
	background-color: #6c6;
	color: #060;	
}
.error_line{
	background-color: #c66;
	color: #600;
}

/* ------------------------------------------- upload controls ------------------------------------------------ */
#files_list{
	color: #80450d;
	margin: 4px;
}
#files_list input{
	font-family: Arial;
	font-size: 10px;
	padding: 1px;
	margin: 1px;
}

/* ------------------------------------------- calendar ------------------------------------------------ */
.calendar_grid{
	width: 850px;
	margin: auto;
	border: 1px solid #80450d;
	margin-bottom: 60px;
}
.calendar_grid th{
	background-color: #5fc3d3;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
	width: 14%;
}
.calendar_grid td{
	background-color: #a2dde5;
	color: #80450d;
	font-size: 10px;
	font-weight: normal;
	padding: 2px;
	height: 60px;
	vertical-align: text-top;
}
ul#event_types{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	list-style: none;	
	display: table-row;
}
ul#event_types li{
	display: table-cell;
	height: 20px;
	padding: 3px 6px;
	color: #FFF;
}
span.event_link{
	display: block;
}
span.event_dtls{
	display: none;
}
/* ------------------------------------------- data_grid ------------------------------------------------ */
.data_grid{
	border: 1px solid #666;
	margin: 10px auto;
	font-family: Arial;
}
.data_grid th{
	font-size: 12px;
}
.data_grid td{
	padding: 2px;
	background-color: #efefef;
	margin: 2px;
	font-size: 10px;
	border: 1px solid #FFF;
}

/* ------------------------------------------- calendar ------------------------------------------------ */
table.calendar_dtl{
	border: 1px solid #666;
	margin: 10px auto;
	font-family: Arial;
}
table.calendar_dtl th, table.calendar_dtl td{
	padding: 4px;
}
table.calendar_dtl th{
	font-size: 12px;
	background-color: #dedede;
	border: 1px solid #efefef;
}
table.calendar_dtl td{
	background-color: #efefef;
	margin: 2px;
	font-size: 10px;
	border: 1px solid #FFF;
}
table.calendar_dtl td a.actions{
	color: #FFF;
	border: 1px solid #118d35;
	padding: 2px 4px;
	background: #61b84d;
	margin: 1px 2px;
}
table.calendar_dtl td a.actions:hover{
	background: #fff;
	color: #118d35;
	text-decoration: none;
}

/* ------------------------------------------- popups ------------------------------------------------ */

/* Define and style the translucent overlay */

#popoverlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 125% !important;

    height: 100%;

    min-height: 100%;

    background-color: #333;

    filter:alpha(opacity=60);

    -moz-opacity: 0.6;

    opacity: 0.6;

    z-index: 2000;

}

#popoverlay .loading {

  margin: 300px auto 0 auto;

  padding: 14px;

  width: 44px;

  height: 44px;

  background: url(../images/poploading.png) no-repeat;

}



/*  A default style for the actual popups.  Most popups will probably

    want to override the top and left attributes to better position

    the popup in the window, as shown below.

*/

div.popactionnew {

    position: absolute;

    top: 60px;

    left: 50%;

    margin-left: -250px;

    z-index: 2100;

    background-color: white;

}



/* The following rules are more specific to the content of the popups */

div.popactionnew h3 {

    font-size: 14px;

    font-weight: bold;

}



div.modalDialogue

{

  border: 2px solid #333333;

  padding: 10px 5px;

  margin: 5px;

}



div.modalDialogue div.footer

{

  margin-top: 10px;

}



.dialogbuttons {

    position: relative;

    display: block;

    margin-top: 20px;

    text-align: right;

}



.dialogbuttons button {

}



/*

    The following rules are specific to the second dialog window.  Note how the

    rule for #dialog2 overrides some attributes from the div.popaction rule

    to better place the popup.

*/

#dialog2 {

    top: 100px;

    width: 400px;

    left: 50%;

    border: solid 3px;

}



#dialog2 h3 {

    position: relative;

    border-bottom: solid 2px;

    width: 96%;

    left: 2%;

}



#dialog2 p {

    padding: 2%;

}



.popupcontents {

  display: none;

}



.popup_header{

  color: #3a6e8f; 

  text-align: left; 

  font-family: Verdana; 

  font-weight: bold; 

  font-size: 18px;

  padding-bottom: 2px;

  border-bottom: 1px solid #666;

}



ul.popup_content{

  text-align: left; 

  margin-top: 4px;

}



ul.popup_content li{

  padding: 4px;

}

/* ------------------------------------------- popups ------------------------------------------------ */
p.event_detail_popup{
	color: #80450d;
	font-size: 10px;
	line-height: 1em;
	padding: 0px;
	padding-left: 20px;
}