/*-----------------------------------------------------------------------------
Main Style Sheet for McCarthy Lodge Site

version:   1.0
author:    Rick Rigdon
email:     rlrigdon@mysticalbear.com
website:   http://www.mysticalbear.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}


/* Class for clearing floats */
.clear {
	clear: both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 82%;
	color: #003809;
	background-color: #feedb5;
	background-image: url(Images/bg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-width: 990px;
	text-align: center;
}

p {
	font-size: 1.0em;
	line-height: 1.25em;
	margin: 0em 0em 1em 0em;
	text-align: left;
	}
	
ol, ul {
	font-size: 1.0em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	}
	
li {
	margin-top: .5em;
	margin-bottom: .5em;
}
	
.bold {
	font-weight: bold;
}

.italicized {
	font-style: italic;
}

.bold_italicized {
	font-weight: bold;
	font-style: italic;
}

.rightjustified {
	text-align: right;
}

.centered {
	text-align: center;
}

/* =Headings
-----------------------------------------------------------------------------*/
h1 { /* the h1's are being replaced with images so the display doesn't really matter here*/
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
	}

#h_accom, #h_majohnson, #h_lancasters, #h_comparison, #h_booknow, #h_fooddrink, #h_lodge, #h_saloon, #h_mtnarts, #h_amenities,
#h_activities, #h_whattodo, #h_hiking, #h_aboutarea, #h_mccarthy, #h_history, #h_townstoday, #h_wrangell, #h_gettinghere, #h_whereweare, 
#h_additionaltips, #h_whoweare, #h_aboutmv, #h_employment, #h_policies, #h_contactus, #h_road, #h_galleries, #h_home1,
#h_home2 {
	min-height: 40px;
	_height: 40px;
	/*set the indent way back so it can't possibly display; text readers will still 
	see it though so the headings will still be read*/
	text-indent: -5000px;
	background-position: right;
	background-repeat: no-repeat;
}

#h_accom {
	background-image: url(Images/h_accommodations.gif);
}

#h_majohnson {
	background-image: url(Images/h_majohnson.gif);
}

#h_lancasters {
	background-image: url(Images/h_lancasters.gif); 
}

#h_comparison {
	background-image: url(Images/h_comparison.gif); 
}

#h_booknow {
	background-image: url(Images/h_booknow.gif); 
}

#h_fooddrink {
	background-image: url(Images/h_fdoa.gif); 
}

#h_lodge {
	background-image: url(Images/h_lodge.gif);
}

#h_saloon {
	background-image: url(Images/h_saloon.gif);
}

#h_mtnarts {
	background-image: url(Images/h_mtnarts.gif);
}

#h_amenities {
	background-image: url(Images/h_amenities.gif);
}

#h_activities {
	background-image: url(Images/h_activities.gif);
}

#h_whattodo {
	background-image: url(Images/h_whattodo.gif);
}

#h_hiking {
	background-image: url(Images/h_hiking.gif);
}

#h_aboutarea {
	background-image: url(Images/h_aboutarea.gif);
}

#h_mccarthy {
	background-image: url(Images/h_towns.gif);
}

#h_history {
	background-image: url(Images/h_history.gif);
}

#h_townstoday {
	background-image: url(Images/h_townstoday.gif);
}

#h_wrangell {
	background-image: url(Images/h_park.gif);
}

#h_gettinghere {
	background-image: url(Images/h_gettinghere.gif);
}

#h_road {
	background-image: url(Images/h_road.gif);
}

#h_whereweare {
	background-image: url(Images/h_whereweare.gif);
}

#h_additionaltips {
	background-image: url(Images/h_tips.gif);
}

#h_whoweare {
	background-image: url(Images/h_whoweare.gif);
}

#h_aboutmv {
	background-image: url(Images/h_mccarthyventures.gif);
}

#h_employment {
	background-image: url(Images/h_employment.gif);
}

#h_policies {
	background-image: url(Images/h_policies.gif);
}

#h_contactus {
	background-image: url(Images/h_contactus.gif);
}

#h_galleries {
	background-image: url(Images/h_gallery.gif);
}

#h_home1 {
	background-image: url(Images/h_home1.gif);
	background-position: left;
}
#h_home2 {
	
}

h2 {
	font-size: 1.2em;
	margin: .6em 0em .6em 0em;
	color: #003809;
	font-weight: bold;
	line-height: 1.2em;
	font-style: italic;
	}
	
h3, h4 {
	font-size: 1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color: #003809;
	}
	
h3 {
	font-style: normal;
}

h4 {
	font-style: italic;
}

h5 {
	font-size: .9em;
	font-weight: bold;
	font-style: normal;
}
	
/* =Links
-----------------------------------------------------------------------------*/
	
#maincontent a:link, #maincontent a:visited {
	color: #6b0014;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}

#maincontent a:hover, #maincontent a:active {
	border-bottom-style: solid;
}

.homeimg img{
	margin: 0 5px;
}


/* =Wrapper
-----------------------------------------------------------------------------*/
#wrapper {	
	width: 990px;
	margin: 10px auto;
	text-align: left;
}	

/* =Header
-----------------------------------------------------------------------------*/
#header {
	padding-top: 0px;
	font-size: .85em;
	text-align: right;
	height: 20px;
}

#header a:link, #header a:visited {
	text-decoration: none;
	color: #003809;
	font-weight: bold;
	}

#header a:hover, #header a:active, #header a:focus {
	color: #6b0014;
	text-decoration: underline;
	}

/* =Branding
-----------------------------------------------------------------------------*/
#branding {
	height: 80px;
	margin-top: 21px;
	margin-bottom: 19px;
	margin-left:41px;
}

/* =Main Nav
-----------------------------------------------------------------------------*/
#mainnav	{
	float: left;
	text-align: left;
	width: 210px;
	margin-top: 50px;
	margin-bottom: 10px;
}

#mainnav img {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/
#maincontent {
	float: right;
	width: 760px;
	min-height: 430px;
	_height: 430px; /*IE hack to get around min-height bug*/
	/*background-color: Fuchsia;*/
}

#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6, 
#maincontent p, #maincontent pre, #maincontent blockquote, #maincontent ul {
  margin-right: 195px;
}

#maincontent ul, #maincontent li {
	margin-left: 1.5em;
}

table {
	/*border-top: 1px solid #6b0014;
	border-left: 1px solid #6b0014;*/
	/*border-collapse: collapse;*/
	/*border: none;*/
}

th, td {
	padding: 5px;
	/*border-right: 1px solid #6b0014;
	border-bottom: 1px solid #6b0014;*/
}

th {
	background-color: #6b0014;
	color: #feedb5;
	text-align: center;
	border: 2px solid black;
}

table.tbl_rates {
	width: 500px;
	margin: 10px 227px 0px 32px;

}

table.tbl_rates td.type {
	text-align: left;
	width: 64%;
}

table.tbl_rates td.persons {
	text-align: center;
	width: 18%;	
}


table.tbl_rates td.rate  {
	text-align: right;
	width: 18%;
}

table.tbl_rates tr.odd {
	/*background-color: #f6e8eb;	*/
}

table.tbl_gifts {
	width: 500px;
	border: none;
	margin: 10px 227px 10px 32px;
}

table.tbl_gifts td {
	border: none;
	text-align: left;
	vertical-align: top;
}

table.tbl_gifts td.gifts_caption {
	padding-top: 1.0em;
	padding-bottom: 1.0em;
	padding-left: .5em;
	padding-right: .5em;
	font-size: .95em;
}

table.tbl_form, table.tbl_formhead {
	width: 500px;
	margin: 5px 227px 0px 0px;
	border: 1px solid #6b0014;
}

table.tbl_form th, table.tbl_form td {
	border: none;
	padding: 5px 5px 5px 5px;
}

table.tbl_formhead {
	width: 500px;
	border: 1px solid #6b0014;
}

table.tbl_formhead td {
	background-color: #6b0014;
	color: #feedb5;
	font-weight: bold;
	vertical-align: middle;
}

table.tbl_formbutton {
	width: 500px;
	border: none;
	margin-top: 5px;
}

table.tbl_formbutton td {
	text-align: right;
	border: none;
}

/*#tbl_subtypes td , #tbl_subtypes th {
	width: 33%;
	vertical-align: top;
	border: none;
}

#tbl_revtypes td, #tbl_revtypes th {
	border: none;
}

#tbl_subtypes ul, li {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}


.tbl_rates td, .tbl_rates th, #tbl_covers td, #tbl_covers th {
	width: 100px;
}

.tbl_rates td.savings {
	color: Red;
}


#tbl_sizes .wide {
	width: 200px;
}

#tbl_sizes .regular {
	width: 100px;
	text-align: center;
}

.tbl_rates td, #tbl_covers td {
	text-align: right;
}

#tbl_lilsab td, #tbl_lilsab th {
	border: none;
} */

.figureleft, .figureright, .figurefull {
	margin-top: .6em;
	margin-bottom: .6em;
  	padding: .8em ;
	text-align: center;
	/*background-image: url(Images/imgbg.gif);
	background-repeat: repeat;*/
	/*background-color: #6b0014;*/
}

.figureleft {
	float: left;
	margin-left: 0em;
	margin-right: 1.2em;
	max-width: 70%;
  	/*border: 3px solid #6b0014;*/
	border: 1px solid #b96272;
	
}

.figureright {
	float: right;
	margin-right: 0em;
	margin-left: 1.2em;
	max-width: 70%;
  	border: 1px solid #b96272;

}

.figurefull {
	/*max-width: 480px;*/
	margin-left: auto; /*20px;*/
	margin-right: auto; /*20px;*/
  	border: 1px solid #b96272;
	display: block;
}

#maincontent div.figureright {
	margin-right: 195px;
}

/* start commented Backslash hack \*/
* html #maincontent div.figureright {
	margin-right: 100px;
}
/*close backslash hack */


.figureleft img, .figureright img, .figurefull img {
	display: block;
/*	margin-bottom: 4px;*/
}

.figureleft .caption, .figureright .caption, .figurefull .caption {
	font-style: italic;
  	font-size: .8em;	
	color: #2F4F4F;
	text-align: center;
	white-space: normal;
	margin-top: 5px;
}

#maincontent .callout {
	float: right;
	margin: 5px 205px 5px 15px;
	font-size: .75em;
	/*font-style: italic;
	font-weight: bold;
	line-height: 1.5em;
	/*color: #7F2860;*/
	padding: 10px;
	border: 1px dotted #b18cac;
	width: 240px;
	border-top: 5px solid #003809;
	border-bottom: 5px solid #003809;

}

/* start commented Backslash hack \*/
* html #maincontent .callout {
	margin-right: 110px;
}
/*close backslash hack */

#maincontent .callout h2 {
	color: #6b0014;
	margin: 5px;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0;
}

#maincontent .callout p {
	text-align: left;
	margin: 5px;
}

#maincontent .callout a:link, #maincontent .callout a:visited {
	text-decoration: none;
	border: none;
	color: #003809;
	font-weight: bold;
	}

#maincontent .callout a:hover, #maincontent .callout a:active, #maincontent .callout a:focus {
	text-decoration: underline;
	}


/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	clear: both;
	font-size: .8em;
	font-weight: bold;
	padding-top: 20px;
	margin-bottom: 20px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #003809;
	font-weight: bold;
	}

#footer a:hover, #footer a:active, #footer a:focus {
	color: #6b0014;
	text-decoration: underline;
	}

#footer p {
	text-align: center;
	line-height: 1.75em;
}

#footer .separator {
	margin-bottom: 20px;
}
/* =Forms
-----------------------------------------------------------------------------*/

label {
  /*font-size: 100%;
  text-align: right;*/
  font-weight: bold;
  font-size: .85em;
}


textarea {
  	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #003809;
	font-size: 96%;
	width: 275px;
}

input {
	font-size: .96em;
	width: 275px;
}

.required {
	font-style: italic;
	/*font-size: .75em;*/
	color: #760000;
}

.button {
	width: 100px;
}

select {
	width: 275px;
}

/* =Tables
-----------------------------------------------------------------------------*/




/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/