/*This is the main stylesheet, it goes in the root level of the web site directory structure*/
/* see the notes by each style for documentation */

/*              */
/*LINKS - COLORS AND FORMATTING*/

/*default link formatting - affects menus*/
a:link {
   text-decoration: none; 
   color: #F3EA81;
   }
a:hover {
   color: #F39B54;
   text-decoration: none; 
   }
a:active {
   color: #F3EA81;
   text-decoration: none; 
   }
a:visited {
   color: #F3EA81;
   text-decoration: none; 
}
a:visited:hover { 
   color: #F39B54;
   text-decoration: none; 
}
label{
	color:#fff;
	font-size:11px;
}
div.mce_inline_error{
	font-size:11px;
	color:#882222;
}

/* formatting for any links within the main text areas */
.content { }
.content a:link {
	color: #663300;
	text-decoration: none;
	font-weight: bolder;
}
.content a:hover { 
	color: #000; 
	text-decoration: underline;
	font-weight: bolder;
}
.content a:active {
	color: #663300;
	text-decoration:none;
	font-weight: bolder;
}
.content a:visited {
	color: #663300;
	text-decoration: none;
	font-weight: bolder;
}
.content a:visited:hover { 
	color: #000; 
	text-decoration: underline;
	font-weight: bolder;
}

/* formatting for any links within the front page news area */
.frontpagenews a:link {
   text-decoration: none; 
   color: #F3EA81;
   }
.frontpagenews a:hover {
   text-decoration: underline; 
   color: #F39B54;
   }
.frontpagenews a:active {
   text-decoration: none; 
   color: #F3EA81;
   }
.frontpagenews a:visited {
   text-decoration: none; 
   color: #F3EA81; 
}
.frontpagenews a:visited:hover { 
   text-decoration: underline; 
   color: #F39B54;
}

/*              */
/*OVERALL PAGE PLACEMENT AND BACKGROUND LAYOUT*/

/* overall page size, formatting, positioning, and background repeating image for the browser window */
.page {
	width: 100%;
	min-width: 798px;
	min-height: 700px;
	font-family: "Verdana", Geneva, sans-serif;
	text-align: center;
	background-color: #445c66;
	font-size: 11px;
}
.page2 {
	width: 100%;
	min-width: 798px;
	min-height: 700px;
	font-family: "Verdana", Geneva, sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #445c66;
	font-size: 11px;
}

/* this class goes within the main table and affects the formatting of the background images within it */
/* it contains the repeating background image that extends the graphic when the page expands vertically to fit longer bits of text */
.background-top {
	width: 798px;
	background-repeat: repeat-y;
	background-position: left top;
	z-index: 20;
	position: relative;
	top: -8px;
	text-align: left;
	font-size: 11px;
	background-image: url(images/subpages_bg/main_graphics_24.jpg);
}

/* it contains the repeating background image and formatting for the home page only */
.background-top_homepage {
	width: 798px;
	background-repeat: repeat-y;
	background-position: left top;
	z-index: 20;
	position: relative;
	top: -8px;
	text-align: left;
	font-size: 11px;
	background-image: url(images/homepage_bg/main_graphics_24.jpg);
}

ul, li{
	margin:0px;
	padding:0px;
}

/* placement of the main interchangeable background image */
.swappablebackgroundimage {
	position: absolute;
	top: 108px;
}

/* this contains the footer image for all subpages, which is placed separately at the bottom of the page so it can expand with the other images and always remain on the bottom */
.footer {
    clear: both;
	font-size: 0.9em;
	position: relative;
	text-align: center;
	z-index: 300;
	color: #000000;
	height: 150px;
	width: 798px;
	overflow: hidden;
	vertical-align: top;
	background-color: #445c66;
}

/* this contains the footer image for the home page, which is placed separately at the bottom of the page so it can expand with the other images and always remain on the bottom */
.footerfrontpage {
	font-size: 0.9em;
	position: relative;
	text-align: center;
	z-index: 300;
	color: #000000;
	width: 798px;
	overflow: hidden;
	vertical-align: top;
	background-color: #445c66;
	clip: rect(100px,auto,auto,auto);
}

/* the sidemenu styles are for the expandable sub-menu area on the right side of the page */
.sidemenu {
	color: #333333;
	background-image: url(images/subpages_bg/main_graphics_22.jpg);
	background-repeat: repeat-y;
	width: 85px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	visibility: visible;
	line-height: 1.1em;
	font-size: 11px;
	left: 713px;
	top: 106px;
	z-index: 550;
}
.sidemenu_inside {
	width: 80px;
	overflow: hidden;
	position: relative;
	white-space: normal;
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
}


/*              */
/* Placement of calendar popup window */
.popupwindow {
	position: absolute;
	left: 10px;
	top: 200px;
}

/*              */
/*MAIN HEADLINE AND TEXT areas*/

/*headline below the photo on the right side of the page, when there is a photo background*/
.headertext {
	z-index: 200;
	width: 360px;
	position: absolute;
	top: 460px;
	left: 280px;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
	max-height: 55px;
}

/*headline at the top right side of the page - appears when there is no background photo on the page*/
.headertext2 {
	top: 160px;
	z-index: 200;
	width: 240px;
	text-align: center;
	position: absolute;
	left: 450px;
	vertical-align: top;
	overflow: hidden;
	max-height: 200px;
}

/*headline at the top left*/
.headertext3 {
	z-index: 200;
	width: 360px;
	position: absolute;
	top: 460px;
	left: 40px;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
}

/*headline at the top left*/
.headertext4 {
	z-index: 200;
	width: 360px;
	position: absolute;
	top: 200px;
	left: 40px;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
}

/* when the content takes up the full page with no background image */
.fullpage {
	z-index: 200;
	width: 685px;
	text-align: center;
	position: relative;
	top: -320px;
	margin-bottom: -320px;
	vertical-align: top;
	padding-left: 20px;
	min-height: 550px;
}

/* calendar takes up the full page with no background image */
.fullpagecalendar {
	z-index: 200;
	width: 685px;
	text-align: center;
	position: relative;
	top: -355px;
	margin-bottom: -320px;
	vertical-align: top;
	padding-left: 20px;
	min-height: 550px;
}

/* calendar takes up the full page with no background image */
.fullpagecalendar_new {
	z-index: 200;
	width: 685px;
	text-align: left;
	position: relative;
	top: -355px;
	margin-bottom: -320px;
	vertical-align: top;
	padding-left: 40px;
	min-height: 550px;
}

/*the top of the main text area below the graphic*/
.topinfo {
	position: relative;
	z-index: 350;
	width: 645px;
	left: 40px;
	top: -45px;
	margin-bottom: -45px;
	display: block;
	clear: both;
	vertical-align: middle;
	font-family: "Verdana", Geneva, sans-serif;
	font-size: 11px;
}

/*the left column of the main text area below the graphic*/
.leftcolumn {
	position: relative;
	z-index: 350;
	width: 300px;
	left: 40px;
	text-align: left;
	top: 5px;
	margin-bottom: -50px;
	padding-right: 40px;
	float: left;
	font-family: "Verdana", Geneva, sans-serif;
	font-size: 11px;
}

/*the right column of the main text area below the graphic*/
.rightcolumn {
	position: relative;
	z-index: 350;
	width: 300px;
	text-align: left;
	top: 5px;
	margin-bottom: -50px;
	padding-right: 130px;
	float: right;
	font-family: "Verdana", Geneva, sans-serif;
	font-size: 11px;
}

/*the line of text at the very bottom of the page*/
.alignbottom {
	position: absolute;
	text-align: center;
	width: 700px;
	vertical-align: bottom;
	font-family: "Verdana", Geneva, sans-serif;
	color: #000000;
	font-size: .95em;
	z-index: 400;
	padding-top: 30px;
	padding-bottom: 40px;
}

/*the block of text or images that appears only at the bottom of the front page*/
.frontpagenews  {
	position: relative;
	width: 670px;
	z-index: 400;
	font-size: .95em;
	color: #AAB8BC;
	text-align: left;
	vertical-align: top;
	top: 5px;
	margin-left: 25px;
	margin-right: 105px;
	white-space: normal;
	margin-bottom: -90px;
}
 .smallbox {
	font-size: .95em;
	line-height: 1.1em;
	width: 220px;
	margin-top: -15px;
	margin-bottom: 3px;
	margin-right: 15px;
	color: #36474F;
 }
 .detailsbox {
	font-size: .95em;
	line-height: 1.1em;
	position: relative;
	width: 210px;
	min-height: 150px;
	margin-top: -15px;
	margin-bottom: 3px;
	margin-right: 15px;
	color: #36474F;
 }
.blogsubscribebox {
	width: 300px;
	min-height: 300px;
	z-index: 600;
	text-align: center;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.widethumbnail_title {
	z-index: 0;
	height: 110px;
	width: 100%;	
}
.widethumbnail_title_text {
	z-index: 100;
	font-weight: bold;
	font-size: 15px;
	/*color: #febb24;   yellow */
	color: #EEE;  
	margin-left: 5px;
	margin-top: -31px;
	padding: 5px;
}
.adventurebuttons {
	text-align: right;
	margin-top: -11px;	
}

/*              */
/*OTHER FORMATTING tags to affect the look and placement of the text and image elements*/
.header1 { font-weight: bold; font-size: 1.6em}
.header2 { font-size: 1.6em}
.header3 { font-size: 1.4em}
.header4 { font-size: 1.2em}
.nowrap { white-space: nowrap}
.black { color: #000000}
.white { color: #FFFFFF}
.gray { color: #666666}
.yellow { color: #F3EA81}
.bold { font-weight: bold}
.italic { font-style: italic}
.oblique { font-style: oblique}
.center { text-align: center}
.rightalign { text-align: right}
.leftalign { text-align: left}
.nomargin {
	margin: 0px;
	padding: 0px;
	top: 0px;
}
.floatright {
	float: right;
	padding-left: 15px;
 }
 .floatleft {
	float: left;
	padding-right: 15px;
 }
.centerbold { 
	font-weight: bold; 
	text-align: center;
}
li {
	list-style-type: square;
	list-style-position: inside;
	margin-top: 10px;
}
.hairlinetop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.hairlinebottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.quote {
	font-size: .95em;
	font-weight: bold;
	color: #36474F;
}

/* Be sure to use these styles to indicate the outline structure of information within the document.  This improves compatibility across devices. */
h1  {
	font-weight: bolder;
	font-size: 1.4em;
	line-height: 1em;
}
h2  {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	color: #36474F;
	margin-top: 15px;
	margin-bottom: -5px;
}
h2inline  {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	color: #36474F;
	margin-top: 15px;
	margin-bottom: -5px;
	display:inline;
}
h3  {
	font-size: 1.1em;
	color: #36474F;
}
h4  {
	font-weight: bold;
	font-size: 1.1em;
	color: #36474F;
}
h5, h6  {
	font-weight: normal;
	font-size: 1em;
}

/* This style formats the blog headline links in the front page news sections */
.headline  {
	font-size: 1.2em;
	line-height: 1.5em;
	word-spacing: .05em;
}

/* This style formats the blog date in the front page news sections */
.date  {
    margin-top: -5px;
	color: #36474F;
}

/* this style seems superfluous but is important because it prevents Internet Explorer from creating extra spaces between certain page elements like tables */
.fontzero {
	font-size: 0px;
}

/* These classes create an invisible box that can be used to extend the text content areas when the pages are not long enough on their own */
.space  {
	position: relative;
	height: 200px;
	width: 200px;
	visibility: hidden;
	color: #445c66;
}
.spacesmall  {
	position: relative;
	height: 100px;
	width: 200px;
	visibility: hidden;
	color: #445c66;
}


/*              */
/*FRONT PAGE NEWS STYLES - these affect only the text in the news section of the front page, index_content.php */
.frontpagenews li {
	list-style-type: none;
}

table#resources_video{
	width:439px;
	background-color:#fff;
	text-align:center;
}

div.video{
	color:#fff;
	background:url('images/subpages_bg/video_caption_bg.jpg') bottom left no-repeat;
	margin:0 20px 30px 20px;
}

table#resources_video p{
	text-align:left;
	padding:10px 0 10px 10px;
	margin:0px;
	color:#fff;
	font-size:11px;
}

p.article{
	background:url('images/subpages_bg/article_sep.jpg') bottom left repeat-x;
	padding:15px 0 15px 0;
	font-size:11px;
}

p.article a{
	font-size:12px;
	color:#000;
}