/*
##############################################################################################
#
#							Programmed by WebUnderground : John McDade 
#									    JULY 15, 2009
#								   johnm@webunderground.us
#								   		970-376-8547
#
##############################################################################################
*/

/* #### #### */
body { 		background-color: #FFFFFF;
		font-family : Helvetica, Arial, sans-serif;
		font-style: normal;
		font-size: 13px;
		font-weight: normal;
		color: #000000;
		vertical-align: baseline;
		text-align: left;
		margin: 0px;
		padding: 0px;
		text-align: center;}

/* ####  #### */

h1 	{	font-size: 20px;
		letter-spacing: .05px;}

		

/* ####  #### */
h3 	{	font-size: 14px;
		letter-spacing: .05px.px;}


/* ####  #### */

p 	{	font-family: Helvetica, sans-serif;
		font-size: 15px;}
		
.bold { font-weight: bold; }

div {
	margin : 0px;
	padding : 0px;
	overflow-y: hidden;
	overflow-x: hidden;
	text-align: left;}

/* #### GENERIC TABLE #### */
table,td,tr {
		margin: 0px;
		padding: 0px;
		vertical-align: top;
		overflow: hidden;
		border-style: none;
		border-collapse: collapse;
		border-spacing: 0px;
		border: 0;}
		
div.drop_shadow, table.drop_shadow {
		vertical-align: top;
		width: 600px;}

div.drop_shadow {
		background: transparent url("images/table_drop_shadow.gif") no-repeat;
		height: 500px;
		width: 98%;
		overflow-y: auto;}

table.drop_shadow {
		margin: 5px;
		overflow: hidden;
		width: 100%;}
		
td.data_listing {
		height: 25px;
		overflow: hidden;
		border-style: none;
		padding: 6px 0px 0px 0px;}
		
/* #### UL LI OL #### */
ul, li, ol {
	margin-top: 15px;}

/* ################################### STRUCTURE ################################### */			

*.main_container,*.header,*.body,*.footer {
		width: 874px;
		margin: 0px auto 0px auto;
		background-color: #FFFFFF;}

	/* #### MAIN CONTAINER TABLE #### */
	div.main_container {
			height: 1015px;} 
	
	/* #### HEADER #### */
	div.header {
			background: transparent url("images/bg_header.jpg") no-repeat;
			height: 400px;}
			
	div.header_navigation {
			height: 19px;
			width: 796px;
			float: center;
			float: left;
			margin-left: 40px;
			margin-top: 19px;}

html>body div.header_navigation {
			margin-left: 1px;}

			
html>body div.header_navigation {
			margin-left: 35px;
			margin-top: 19px;}
			
div.header_rotating_image {
			margin: 72px 0px 0px 34px;
			height:224px;
			width:530px;
			float: left;}		


div.header_events_news_window {
			width: 248px;
			height: 224px;
			overflow-y: auto;
			float: right;
			margin-right: 40px;
			margin-top: 78px;}
			
html>body div.header_events_news_window { /* HIDDEN FROM INTERNET EXPLORER */
			margin-right: 38px;
			margin-top: 78px;
			align: center;}
			
	div.dropdown_menu {
			background: transparent url("images/bg_dropdown.gif") no-repeat;
			}

div.logout {
		position : relative;
		top: 0px;
		left: 670px;
		z-index: 30;
		display: block;
		height: 26px;
		width:93px;}


	div.body {
			height: 615px;
			background: transparent url("images/bg_body.jpg") no-repeat;}
			
table.list { 
		border-style: none;
		border: none;
		padding-top: 1px;
		margin: 0px;
		border-spacing: 0;}
		

/* #### LINKS #### */
a:link, a:visited, a:active, a, img {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	border-style: none; }
	
/* ####  FONT IN NEWS AND EVENTS BOX #### */
newsAndEventsFont {
	color: yellow;}
	


/* ################################### GENERAL DIV/BODY LAYOUTS ################################### */			

div.general_body {
		font: Arial;
		font-size: 11pt;
		color: 155D2E;
		overflow: hidden;
		padding-left: 10px;
		padding-top: 0px;
		margin-left: 80px;
		height: 100%;
		width: 585px;
		float: left;}

		
div.general_body_wrapper {
	margin: 0px 33px;}
	
div.title { /* PAGE TITLES */
	padding-left: 90px;
	padding-bottom: 5px;
	font-family: arial;
	font-size: 15px;
	font-weight: 600;
	color: #072411;
	height: 40px;
	vertical-align: top;
	text-transform: uppercase;
	line-height: .9;}
	
	
html>body div.title { /* PAGE TITLES */
	padding-left: 100px;
	padding-bottom: 0px;
	line-height: 100%;}
	
body div.title:first-letter {
	line-height: 1.8;
	font-size: 120%;}

html>body div.title:first-letter {
	font-size: 18px;
	font-weight: normal;}

div.general_display_body {
		font: Arial;
		font-size: 12;
		color: 155D2E;
		overflow: hidden;
		padding-left: 10px;
		padding-top: 30px;
		margin-left: 100px;
		height: 490px;
		width: 585px;
		float: left;
		overflow-y: auto;}
		
html>body div.general_display_body {
		margin-left: 180px;}
		
div.general_body_with_buttons_wrapper {
	float: left;
	width: 632px;
	height: 90%;}
	
div.general_buttons {
	float: right;
	width: 150px;
	height: 90%;}
	
.centered { text-align: center;
			margin-left: auto;
			margin-right: auto;}

td.dot_spacing {padding: 0px 40px;}	

td.general_data_titles, td.general_edit_input_box, general_data_display {
		padding: 0px 0px 5px 0px;
		text-align : left;
		font-size: 10pt;
		font-weight: none;
		color: #155D2E;}
		
td.general_edit_input_box{
		background: transparent url("images/input_field_text_long.gif") no-repeat;
		width: 390;
		height: 22px;
		padding: 2 0 0 4px;}	

html>body td.general_edit_input_box{
		padding: 0 0 2 0px;}


div.textarea {
		 background: transparent url("images/input_field_textarea.gif") no-repeat;}

textarea{
		background: transparent;
		border-style: none;
		margin: 4px 0px 4px 4px;
		rows: 20;
		cols: 40;
		width: 385px;
		height: 275px;}
		

td.general_data_title {
		font-size: 12pt;}
		
td.general_data_display {
		font-size: 10pt;}		
	
/* ################################### FIRST PAGE ################################### */

div.first_page_container {
		background: transparent url("images/bg_firstpage.jpg") no-repeat;
		margin: 0px auto;
		width: 874px;
		height: 641px;}

td.first_page_input_box {
		background: transparent url("images/first_page_18.gif") no-repeat;
		width: 189px;
		height: 30px;
		padding: 0px 2px;}
		
div.first_page_labels {
		font-family: Helvetica;
		font-size: 8pt;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0px 8px;
		padding-top: 7px;
		vertical-align: center;
		text-align: right;
		color: #003300;}

input[type=text], input[type=password], input.first_page { /* HARD CODED FOR INTERNET EXPLORER ASWELL */
		width: 180px;
		border-style: hidden;
		border-style: none;
		border: none;
		background: transparent;
		margin: 6px 0px 0px 5px;
		font-style: Arial;
		font-size: 8pt;}
				
.first_page_button {
		background: transparent;
		height: 23px;
		width : 49px;}
		
div.login_error_message {
		position : absolute;
		top: 20px;
		left: 60%;
		z-index: 30;
		border: solid thin red;
		background: white;
		color: black;
		display: block;
		padding: 6px;
		text-align: center;
		font-family: helvetica, sans-serif;
		font-style: bold;
		font-size: 14px}

div.first_page_title, div.first_page_body {
		padding-left: 0 30px;		
		font-family : Helvetica, sans-serif;
		font-style: normal;
		font-size: 14px;
		font-weight: normal;
		color: #000000;
		display: block;
		float: right;}

html>div.first_page_title, div.first_page_body { /* HIDDEN FROM INTERNET EXPLORER */
		padding: 0 25px;}



div.first_page_body {
		height: 500px;
		width: 353px;
		margin-top: 98px;}

html>body div.first_page_body { /* HIDDEN FROM INTERNET EXPLORER */
		width: 320px;}

div.first_page_title {
		font-style: normal;
		padding: 20px 0px 10px 15px;
		font-size: 16px;
		font-weight: normal;
		color: #000000;
		width:100%;}

div.first_page_image {
			height: 276px;
			width: 418px;
			float: left;
			margin-left: 3px;
			margin-top: 99px;}

div.first_page_form {
			height: 200px;
			width: 400px;
			float: left;
			margin-left: 18px;
			margin-top: 45px;}	

/* ################################### SIMPLE PAGE ################################### */

.simple_page_button {
		background: transparent;
		height: 76px;
}
		
div.simple_page_container {
		background: transparent url("images/bg_simple_page.jpg") no-repeat;
		margin: 0px auto;
		width: 870px;
		height: 678px;}
	
table.simple_page_nav {
		margin: 370 40 150 20px;
		width:  750px;
		text-align: center;}
		
div.simple_page_nav_text {
		color: #CCCC99;
		font-family:  georgia, serif;
		font-size: 14pt;
		font-weight: lighter;
		font-stretch: extra-expanded;
		line-height: .6;}

html>body div.simple_page_nav_text {
		line-height: .8;
		font-weight: 100;}

/* ################################### DOCUMENTS ################################### */

div.documents_body {
	margin-left: 90px;
	height: 515px;
	width: 500px;
	overflow-y: auto;
	background: transparent url("images/bg_shadow_area.gif") no-repeat;
}
	
div.data_list {
		background: transparent url("./images/message_board_body.jpg") repeat-y;
		font: Arial;
		font-size: 11pt;
		color: 155D2E;
		overflow: hidden;
		height: 494px;
		width: 350px;
		padding-right: 20px;
		margin-top: 0px;
		float: right;
		overflow-y: auto;
		overflow-x: hidden;}


div.documents_list_body {
		font: Arial;
		font-size: 11pt;
		color: 155D2E;
		overflow: hidden;
		padding-left: 10px;
		padding-top: 0px;
		margin-left: 10px;
		height: 100%;
		width: 515px;
		float: left;}

/* ################################### MESSAGES ################################### */

div.messages_wrapper {
	width: 798px;
	height: 90%;}

div.messages_image {
		font: Arial;
		font-size: 11pt;
		color: 155D2E;
		overflow: hidden;
		height: 494px;
		width: 355px;
		padding-left: 20px;
		padding-top: 0px;
		float: left;}

div.messages_list {
		background: transparent url("./images/message_board_body.jpg") repeat-y;
		font: Arial;
		font-size: 11pt;
		color: 155D2E;
		overflow: hidden;
		height: 494px;
		width: 350px;
		margin-right: 10px;
		margin-top: 0px;
		float: right;
		overflow-y: auto;
		overflow-x: hidden;}

html>body div.messages_list {
		margin-right: 20px;}
		
table.messages_list_table {
		width: 330px;
		vertical-align: top;}
		
font.message_highlight {
		color: blue;
		text-decoration: underline;}

td.messages_list_date {
		width: 65px;
		font-size: 12px;
		height: 30px;
		padding: 3px;
		text-align: center;}

td.messages_list_data {
		font-size: 12px;
		padding: 3px;
		width: 285px;}

/* ################################### EVENTS NEWS ################################### */
table.display_events_news {
	width : 100%;
	overflow: scroll;}

	td.display_events_news {
		width: 100%;
		height: 19px;
		text-align: center;}
	
	a.display_events_news {
		font-style: Helvetica;
		color: black;}
		
div.events_news_wrapper {
	width: 798px;
	height: 90%;}

div.events_news_image {
		font: Arial;
		font-size: 11pt;
		color: 155D2E;
		overflow: hidden;
		height: 491px;
		width: 344px;
		margin-right:30px;
		float: right;}

div.events_news_list {
		background: transparent url("./images/message_board_body.jpg") repeat-y;
		font: Arial;
		font-size: 11pt;
		color: 155D2E;
		overflow: hidden;
		height: 494px;
		width: 350px;
		margin-left:30px;
		float: left;
		overflow-y: auto;
		overflow-x: hidden;}
		
table.events_news_list_table {
		width: 450px;
		vertical-align: top;}

td.events_news_list_date {
		width: 65px;
		font-size: 12px;
		height: 30px;
		padding: 3px;
		text-align: center;}

td.events_news_list_data {
	font-size: 12px;
	padding: 3px;
	width: 285px;}

/* ################################### ACCOUNTS ################################### */
	
table.accounts_data {
	margin-left: 70px}
	
td.accounts_data_titles {
	text-align : right;
	padding-right: 5px;
	font-size: 10pt;
	font-weight: bold;
	color: #000;}

td.accounts_data_fields, td.account_edit_input_box {
	padding: 0px 0px 5px 0px;
	text-align : left;
	font-size: 10pt;
	font-weight: none;
	color: #155D2E;}

td.account_edit_input_box {
	background: transparent url("images/first_page_18.gif") no-repeat;
	width: 189px;
	height: 22px;
	padding: 2 0 0 4px;}	

html>body td.account_edit_input_box{
		padding: 0 0 0 0px;}

div.accounts_nav {
	font: Arial;
	font-size: 11pt;
	color: 155D2E;
	overflow: hidden;
	padding-top: 30px;
	height: 100%;
	width: 130px;
	float: right;}
	
.accounts_list_recent_messages {
	font-size: 12px;
	background: transparent;
	height: 40px;
	width: 250px;}

/* ################################### REGISTRATION ################################### */
.reg_page_list {
	font-size: 8pt;
	color: #555;
	line-height: 10pt;
	padding: 0;
	margin: 0 0 0 34;
	list-style: none;
	text-transform: uppercase;}
	
li.input_box {
	display: block;
	background: transparent url("images/input_field_text_long.gif") no-repeat;
	width: 322;
	height: 21px;}
	
div.input_box {
	display: block;
	background: transparent url("images/input_field_text_long.gif") no-repeat;
	width:125;
	height: 21px;}
	

li.textarea{
		background: transparent url("images/input_field_textarea.gif") no-repeat;
		border-style: none;
		padding: 8 0 2 8;
		width: 314;
		height: 100px;}

/* ################################### RESERVATIONS ################################### */
div.reservations {
	font: Arial;
	font-size: 11pt;
	color: 155D2E;
	overflow: hidden;
	margin: 50px;}
	
/* #### CONTACT US #### */
div.contact {
	font: Arial;
	font-size: 10pt;
	color: 155D2E;
	overflow: hidden;
	margin: 40px;
	margin-left: 130px;}
	
font.contact_title {
	font: Arial;
	font-size: 11pt;
	color: 000000;}
	
font.contact_position { 
 	font: Arial;
	font-size: 10pt;
	color : 000000;}
		
/* ####  ERROR MESSAGE #### */
p.error_message {
	color: red;}
}			


/* ################################### ROLLOVER BUTTON BACKGROUND CHANGE ################################### */


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;}

a.button, a.button:active, a.button:visited, a.button:link {  /* COMMON BUTTON */
	color: #E9E2C9;
    display: block;
    font: normal 12px arial, sans-serif;
	text-align: center;
    height: 33px;
    line-height: 265%;
	width: 102px;
	margin: 10px;
    padding-right: 6px;
    text-decoration: none;}


a.button {
    background: transparent url('./images/button_background_a.gif') no-repeat scroll top right;
  }

a.button span {
    background: transparent url('./images/button_background_b.gif') no-repeat;
    display: block;
    line-height: 7px;
}

a.button:active {
    background-position: bottom right;
    color: #FCA;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
}

a.logout_button, a.logout_button:active, a.logout_button:visited, a.logout_button:link { /* LOGOUT BUTTON */
    background: transparent url('./images/logout.gif') no-repeat scroll top left;
    display: block;
    height: 26px;
	width: 93px;}


a.logout_button {
    background: transparent url('./images/logout.gif') no-repeat scroll top right;
  }

a.logout_button span {
    background: transparent url('./images/logout.gif') no-repeat;
    display: block;
}

a.logout_button:active {
    background: transparent url('./images/logout.gif') no-repeat scroll bottom right;
    outline: none; /* hide dotted outline in Firefox */
}

a.login_button, a.login_button:active, a.login_button:visited, a.login_button:link { /* LOGIN BUTTON */
    background: transparent url('./images/login.gif') no-repeat scroll top left;
    display: block;
    height: 26px;
	width: 93px;}


a.login_button {
    background: transparent url('./images/login.gif') no-repeat scroll top right;
  }

a.login_button span {
    background: transparent url('./images/login.gif') no-repeat;
    display: block;
}

a.login_button:active {
    background: transparent url('./images/login.gif') no-repeat scroll bottom right;
    outline: none; /* hide dotted outline in Firefox */
}