/* global */
body {font: normal 100% georgia, times, serif; margin: 0; padding: 0; text-align: center; background-image: url(../img/bg_snowflake.jpg); background-color: #1A2539;}
a img {border: 0;}

/* skeletal */
div#mozillacolorcorrect {width: 774px; margin-left: auto; margin-right: auto; margin-top: 10px; padding: 0; text-align: center;}

#music_player {background-color: #A70723; width: 774px; margin-left: auto; margin-right: auto; margin-top: 25px; padding: 0; position: relative; border: 0px green solid; text-align: right;}

.song {display: block; padding-top: 5px; font-family:Arial,sans-serif; font-style: italic; font-size:10px; color:white; vertical-align: top; float: right;}

div#containerhome {width: 774px; height: 555px; margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0; text-align: left; position: relative; background: #A70723 url(../img/bg_mountain.jpg) no-repeat scroll top right;}

div#container-hotel-welcome {width: 774px; height: 555px; margin-left: auto; margin-right: auto;  margin-top: 0px; padding: 0; text-align: left; position: relative; background: #A70723 url(../img/bg_welcome_hotel.jpg) no-repeat scroll top right;}

div#container-condo-welcome {width: 774px; height: 555px; margin-left: auto; margin-right: auto;  margin-top: 0px; padding: 0; text-align: left; position: relative; background: #A70723 url(../img/bg_welcome_condo.jpg) no-repeat scroll top right;}

div#container {width: 774px; height: 555px; margin-left: auto; margin-right: auto;  margin-top: 0px; padding: 0; text-align: left; position: relative; background: #A70723 url(../img/left_bg.jpg) no-repeat scroll top left;}

div#footer {width: 774px; height: 44px; margin-left: auto; margin-right: auto; text-align: right; background-color: #fff;}

div#credit {
	width: 760px;
	margin: 0px auto 0px auto; 
	padding-top: 10px; 
	padding-bottom: 25px; 
	text-align: right;
	color: #536987;
	font-size: 11px;
}

div#credit a {
	margin: 0; 
	padding-top: 10px; 
	text-align: center;
	color: #536987;
	font-size: 11px;
	text-decoration: none;
}

/* homepage elements */

/*a:link img.homebutton {border: 4px solid #A70723;}
a:visited img.homebutton {border: 4px solid #A70723;}
a:hover img.homebutton {border: 4px solid #fff;}
a:active img.homebutton {border: 4px solid #fff;}*/

/* this enables rollover image borders */

a:link img.homebutton {border: 4px solid #A70723;}
a:visited img.homebutton {border: 4px solid #A70723;}
a:hover img.homebutton {border: 4px solid #fff;}
a:active img.homebutton {border: 4px solid #fff;}


/* primary navigation */
ul#nav {list-style: none outside; margin: 0; padding: 0; position: absolute; top: 100px; left: 12px; font-size: 12px; text-align: center; width: 125px;}
ul#nav li {padding: 3px 0;}
ul#nav a {color: #fff; text-decoration: none;}
ul#nav a:hover {text-decoration: underline;}
img#stbernard-welcome {position: absolute; top: 215px; left: 0;}
img#stbernard-inner {position: absolute; top: 366px; left: 0;}
ul#nav li.print {padding-top: 60px;}

/* welcome page photos */
img#pagephoto2 {position: absolute; top: 404px; left: 197px;}

/* welcome page content area elements */
div#content-welcome {position: absolute; top: 404px; left: 353px; width: 421px; height: 151px; overflow: auto; background-color: #fff;}
div#content-welcome h1 {font-size: 16px; letter-spacing: .075em; font-weight: bold; margin: 10px 10px 5px 15px; padding: 0;}
div#content-welcome p {font-size: 14px; margin: 0 10px 0 15px; padding: 0; line-height: 1.1em;}
div#content-welcome p.small {font-size: 10px; font-weight: bold; font-family: tahoma, serif; text-align: right; margin-top: 5px; text-transform: none;}

div#landing_text {
font-size: 12px;
font-family: times, serif;
line-height: 20px;
padding: 25px 35px 0px 55px;
font-variant: small-caps;
}

div#landing_text a {
color: #a70723;
text-decoration: none;
}

div#landing_text a:hover {
color: black;
}

/* second level page styles */
img#2lbg {position: absolute; top: 0; left: 144px;}
div#content {width: 630px; height: 423px; background-color: #fff; position: absolute; top: 132px; left: 144px; overflow: auto;}
div#contentLANDING {width: 630px; height: 560px; background-color: #fff; position: absolute; top: 0px; left: 144px; overflow: off; border: 0px solid green;}
div#content h1 {font-size: 105%; letter-spacing: .15em; font-weight: normal; margin: 10px 10px 10px 15px; padding: 0; text-align: center;}
div#content h2 {font-size: 95%; font-weight: 500; margin: 20px 10px 0 15px; padding: 0; font-family: tahoma, verdana, sans-serif;}
div#content h2.red {color: #A70723;}
div#content h3 {font-size: 80%; font-weight: bold; margin: 20px 10px 0 15px; padding: 0; font-family: tahoma, verdana, sans-serif;}
div#content h5 {font-size: 75%; font-weight: bold; margin: 5px 10px 0 10px; padding: 0; font-family: tahoma, verdana, sans-serif;}
div#content h6 {text-align: center;}
div#content p {font-size: 80%; margin: 0 25px 10px 25px; padding: 0; line-height: 1.25em; font-family: tahoma, verdana, sans-serif;}
div#content p em {font-family: tahoma, verdana, sans-serif;}
div#content table {width: 90%; font-size: 80%; margin: 0 10px 10px 15px; padding: 0; line-height: 1.25em; font-family: tahoma, verdana, sans-serif; border: solid 1px #ccc;}
div#content table.noborder {border: solid 0px #fff;}
div#content table td {border: solid 1px #ccc;}
div#content table td.head {color: white; background-color: #A70723; font-weight: bold;}
div#content table td span.small {font-size: 80%;}
div#content table.noborder td {border: solid 0px #fff;}
div#content table.rates {width: 500px;}
div#content a {color: #1A2539;}
div#content a:hover {color: #A70723;}
div#content ul {font-size: 80%; margin: 0 10px 10px 40px; padding: 0; line-height: 1.25em; font-family: tahoma, verdana, sans-serif;}
div#content ul li {padding: 3px;}
div#content hr {width: 90%;}

/* anchor navigation */
div#content ul#anchors {list-style: none outside; margin: 10px 0 20px 0; padding: 0; text-align: center;}
div#content ul#anchors li {display: inline;}


/* page photos */
div.pagephoto {width: 310px; text-align: center; margin: 10px;}
div.pagephoto img {border: solid 1px #ccc;}
div.pagephoto h5 {font-size: 70%; font-weight: normal; margin: 0; padding: 0; font-family: tahoma, verdana, sans-serif;}
div.photostrip {text-align: center; margin: 20px 0;}
div.photostrip img {width: 500px;}
div#content div.photostrip h5 {font-size: 75%;}


/* footer elements */
div#footer {text-align: right;}
div#footer ul {list-style: none outside; margin: 0 10px 0 0; padding: 10px 0 0 0;}
div#footer ul li {display: inline; font-size: 11px; font-weight: bold; padding: 0 1px;}
div#footer a {color: black; text-decoration: none;}
div#footer a:hover {text-decoration: underline;}


/* intro page paragraph */
div#intro {margin-top: 600px; width: 650px; text-align: center;}
div#intro p {color: white; font-size: 90%;}
div#intro p a {color: white;}
div#intro p a:hover {color: #A70723;}

/*image gallery*/
#imageGallery {
	width: 600px;
	height: 350px;
	text-align: center;
}

#mainImage {
	margin: 10px 0px 10px 0px;
}

#infoform {
	border: 0px red solid;
	font-family: tahoma, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}