@charset "utf-8";
/* CSS Document */
img, div {
	behavior: url(js/iepngfix.htc)
}

html {

}
body {
	background-image: url(../images/MainBackground.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #CFDFF8;
}
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 3em;
	text-align: right;
	font-weight: lighter;
	color: #5585C3;
	padding-top: 4px;
	padding-right: 8px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 15px;
	margin-left: -15px;
	margin-top: 15px;
	color: #333;
}
h3 {
}
h4 {
}
h6 {
}
h6 {
}
p {
	margin-bottom: 15px;
}
strong {
	font-weight: bold;
}
.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
}

#bg {
	z-index:-10;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
}
		#bg img { width:100%; min-height:100%; }
		#content { width:600px; margin:20px; padding:5px 20px; background:#fff; color:#333; }


a:link {
	text-decoration: none;
	color: #3C5470;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: red;}
img {
}
/* To center page margin-left should be 1/2 the total div width*/
#mainWrapper {
	position: absolute;
	left: 50%;
	width: 900px;
	height: auto;
	margin-left: -450px;
	padding-bottom: 30px;
	z-index: 6000;
}
#headerWrapper {
	float: left;
	height: 164px;
	width: 900px;
	background-image: url(../images/HeaderGradient.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 7000;
}
#headerQuote {
	float: left;
	height: 77px;
	width: 478px;
	margin-top: 35px;
	margin-left: 20px;
}

#logoWrapper {
	float: left;
	height: 155px;
	width: 250px;
	margin-top: 5px;
	margin-left: 30px;
}

#navWrapper {
	height: 34px;
	width: 640px;
	background-image: url(../images/NavbarGradient.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	margin-left: 140px;
	font-size: 1.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#contentWrapper {
	float: left;
	height: auto;
	width: 640px;
	margin-left: 140px;
}
#contentHeader {
	float: left;
	height: 47px;
	width: 640px;
	background-image: url(../images/ContentHeaderGradientGold.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#contentImgWrapper {
	float: left;
	height: 155px;
	width: 640px;
	margin-top: 15px;
}

#contentHeaderImg1 {
	float: left;
	height: 140px;
	width: 205px;
}

#contentHeaderImg2 {
	float: left;
	height: 140px;
	width: 205px;
	margin-left: 12px;
}

#contentHeaderImg3 {
	float: right;
	height: 140px;
	width: 205px;
}
#mainContent {
	float: left;
	height: auto;
	width: 500px;
	margin-left: 72px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	padding-bottom: 20px;
}
#imageGallery {
	float: left;
	width: 446px;
	margin-left: 27px;
}

.dropCaps {
	font-size: 1.5em;
}
.logoWrapper {
	float: left;
	height: auto;
	width: auto;
}

#pullQuote {
	float: left;
	height: 58px;
	width: 380px;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	padding: 15px;
	text-align: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	line-height: 1.4em;
}
#footerContact {
	float: left;
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	text-align: left;
	margin-left: 15px;
	line-height: 1.3em;
	padding-top: 10px;
}
#footerWrapper2 {
}
#cabinsToCastleFooter {
	float: left;
	height: 31px;
	width: 500px;
	margin-left: 72px;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	text-align: right;
	margin-top: 5px;
}

/*for testing purposes*/
.blueBorder {
	border: 1px solid #0000FF;
}
.redBorder {
	border: 1px solid #FF0000;
}
.yellowBorder {
	border: 1px solid #FFFF00;
}
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      {
	font-weight: bold;
	float: left;
	zoom: 1;
}
ul.dropdown a:hover		            {
	color: #FFF;
	text-decoration: none;
}
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    {
	display: block;
	color: #6f7891;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
	font-weight: normal;
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                {
	color: black;
	position: relative;
	background-color: #687e9a;
}
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
.activeNav {
	background-color: #3C5470;
}
.img_container {
	height:120px;
}
  .img_container ul {display:block;padding:0;margin:0;list-style:none;}
  .img_container ul li{
	float:left;
	width:100px;
	margin:5px;
}
  .img_container ul li a img {
      width:93px;
      height:93px;
      border:1px solid #574331;
      padding:5px;
      background:#eee;
  }
  .img_container ul li a:hover img { border-color: darkred; }
#footerWrapper {
	float: left;
	height: auto;
	width: 640px;
	background-color: #C5A538;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #D0B657;
	padding-top: 8px;
}
#raganFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	float: left;
	height: auto;
	width: 615px;
	background-color: #628FCA;
	padding-top: 5px;
	margin-top: 10px;
	padding-bottom: 5px;
	text-align: right;
	padding-right: 25px;
}
.raganLogoMargin {
	display: inline;
	vertical-align: middle;
}