/* Sites Main Style Sheets */
/* html>body = not seen by IE 7 browser hack */

body { background-color: #330000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; 
	color: #FCF7E9; margin: 0em; padding: 0em; }
html>body { font-size: small; color: #FCF7E9; } /* Hack */
a { text-decoration: underline; font-weight: normal; }
a:link, a:visited { color: #ffcc00; text-decoration: none; }
a:hover, a:active { color: #006600; text-decoration: none; background-color: #FCF7E9}

#OuterContainer { width: 1010px;}

#Header {width: 100%; background-color: #330000; height: 480px;}
		#HeaderTopRight { height: 480px; width: 640px; vertical-align: bottom; text-align: center; }
			.GalleryImage {margin: auto; vertical-align: bottom; text-align: center;}
		.HeaderTopContent { width: 360px;}
			.SiteLogo { top: 0px;  height: 280px; margin: 0em; text-align: center;}
			.ThumbnailImages {margin: 0em; height: 180px;}

/* left column */
#MainMenu {width: 100%; height: 40px;
	margin: 0em; padding: 0em; background: #000000; z-index: 100; color: #FCF7E9; font-size: 90%;  }

	#Menu { margin: 0em; padding: 0em; width: 98%; text-align: left; padding-top: 1em}

	#Menu li { display: inline; margin: 0em; padding: 0.5em 1em; list-style: none; }
	#Menu a { display: inline; margin: 0em; color: #FCF7E9; text-decoration: none; font-weight: bold; }
	#Menu a:link, #Menu a:visited { color: #FCF7E9;  }
	#Menu a:active, #Menu a:hover { color: #003300; background-color: #FCF7E9;  }
	
	#Reservations { border: 1px solid #ffcc00; padding: 0.2em; margin: 0em; line-height: 130%; width: 200px; height: 53px;}
	#Reservations .InnerDiv { border: 2px solid #ffcc00; padding: 0.4em; font-weight: bold; background-color: #FCF7E9; height: 38px; }
	#Reservations a:link, #Reservations a:visited { color: #003300; }
	#Reservations a:active, #Reservations a:hover { color: #660000; }				

/* right column */
#SideMenu { width: 100%; height: 30px;
	margin: 0em; padding: 0em; background: #666666; z-index: 100; color: #FCF7E9; font-size: 90%;  }
		
	#SubMenu {margin: 0em; padding: 0em; width: 98%; text-align: left; padding-top: 0.7em}
	#SubMenu li {display: inline; margin: 0em; padding: 0.5em 1em; list-style: none;}
	#SubMenu a { display: inline; margin: 0em; color: #FCF7E9; text-decoration: none; font-weight: bold; }
	#SubMenu a:link, #SubMenu a:visited { color: #FCF7E9;  }
	#SubMenu a:active, #SubMenu a:hover { color: #003300; background-color: #FCF7E9; }

/* content column */
#Content {margin-top: 1em; padding: 0.2em 1em; width: 95%; color: #FCF7E9; text-align: left;}

	/* Headlines/Titles */
	h1.HeaderHeadline { display: inline; font-weight: bold; font-size: 120%; color: #ffcc00; letter-spacing: 1px; }
	h1.ContentHeadline1 { display: inline; font-weight: bold; font-size: 120%; color: #ffcc00; letter-spacing: 1px; }
	h2.ContentHeadline2 { display: inline; font-weight: bold; font-size: 90%; color: #ffcc00; letter-spacing: 1px; }
	h3.ContentHeadline3 { display: inline; font-weight: bold; font-size: 90%; color: #ffcc00; letter-spacing: 1px; } 
	h3.QuoteHeadline { display: inline; font-weight: bold; font-size:100%; color: #ffcc00; } 
	
	/* Text */
	.RegularText { font-size: 90%; }
		.RegularText p { line-height: 140%; margin-bottom: 1.5em; letter-spacing: 1px;}
		.RegularText a { font-size: 100%; }
		.RegularText strong { color: #ffffff;}
		td { line-height: 130%; letter-spacing: 1px;}
	.ItalicText { display: inline; font-size: 90%; font-style: italic; line-height: 130%; }
	.SmallText { display: inline; font-size: 80%; line-height: 120%; letter-spacing: 1px;}
	.SmallItalicText { display: inline; font-size: 80%; font-style: italic; line-height: 130%; 
		font-weight: lighter; letter-spacing: 1px;}
	.ErrorMessage { color: #990000; border: 1px solid #990000; background-color: #FFDCDC; padding: 0.5em; 
			font-size: 90%;letter-spacing: 0px; line-height: 120%;}
			
	hr.linebreak { width: 100%; border-top: 1px solid #FCF7E9; margin-top: 2em; margin-bottom: 2em; text-align: left}		
		
#Footer { height: 68px; background-color: #000000; text-align: left; }
	#FooterLeft { float: left; height: 68px; width: 200px; background-color: #000000; }
	#FooterRight { float: right; height: 68px; width: 259px; background-color: #000000; }
	#FooterContent { position: relative; padding: 10px 225px;}
		.FooterText { font-size: 80%; margin-left: 0em; padding: 0.5em 0em; letter-spacing: 1px; color: #FCF7E9}
		.FooterText strong { color: #FCF7E9; }
		.FooterText a { color: #ffffff; font-weight: bold; text-decoration: underline;}	

#CopyRight	{height: 20px; text-align: left; width: 99%; font-size: 75%;}	
		
