/* @override 
	http://daves-mac-pro.local/msi/trunk/css/screen.css
	http://www.morningstarinn.com.php4-7.websitetestlink.com/css/screen.css
	http://dev.dyadcom.com/msi/trunk/css/screen.css
*/

body, html { margin: 0px; padding: 0px;
	font-family: Arial, "Trebuchet MS", Tahoma, Verdana, san-serif;
	font-weight: normal;
	font-style: normal;
}

a{ color: #000; text-decoration: none; -moz-outline-style: none }
a:hover { text-decoration: underline; }
#sidenav li a.active { color:#000 ;}
/* @group Structure */

#container
{
	position: relative;
	width: 970px;
	margin: 0 auto;
}

#content { position: relative; }
#mid, #bot { overflow: hidden; position: relative; width: 970px; }

#mid{ height: 282px; }
#bot{ min-height: 100px; }

body#directions #mid{
	height: 400px;
}

#block
{ 
	margin: 10px 0px 10px 0px; 
	float: right; 
	width: 830px;
	color: #b5b2af;
	position: relative;
}


#block p 
{ 
	margin: 0px; 
	padding: px; 
	line-height: 140%; 
	font-size: 16px;
}

#block p.acclaim
{ 
	margin: 0px 0px 10px 0px; 
}


body#default #block{
	width: 599px;
	margin-right: 232px;
}


#reviews{
	display: block;
	background: url(../img/read-our-review.gif) no-repeat;
	width: 222px;
	height: 56px;
	text-indent: -9000px;
	position: absolute;
	right: -232px;
	top: 53px;
}

#reviews:hover{
	background-position: 0 -56px;
}

#overlay
{
	background-color: #fff;
	display: block;
	height: 100%;
	width: 831px;
	float: left;
	position: absolute;
}

#announcements
{
	position: absolute;
	right: 55px;
	display: block;
	width: 600px;
	height: 30px;
	top: 230px;
	z-index: 10;
	font: 13px Georgia, "Times New Roman", Times, serif;
	overflow: hidden;
}

#announcements li p{
	margin: 0;
	padding: 0;
}

#announcements ul { position: relative; }
#announcements ul, #announcements ul li 
{ 
	margin: 0px; 
	padding: 0px; 
	list-style-type: none;
	height: 15px;
}

.article, #rooms
{
	position: absolute;
	left: 443px;
	font: 12px/150% Arial, "Trebuchet MS", Tahoma, Verdana, san-serif;
	color: #000;
}

.article { top: 0px;
	padding-right: 15px;
	width: 513px;
}
#rooms { bottom: 16px; }

#rooms ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#rooms ul li
{
	float: left;
	width: 93px;
	margin-right: 10px;
}

#rooms ul li a, #rooms ul li a img { text-decoration: none; border: 0px; }

.rooms-list a {
	display: block;
	line-height: 15px;
}

.rooms-list a img {
	margin-bottom: 5px;
}

#rooms h3 
{	
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #552300;
	margin: 0px;
	padding: 0px;
}

/* @group MAP */

.GMapEZ { width: 970px; height: 275px; position: absolute; z-index: -1; }

#map
{
	width: 968px; 
	height: 398px;
	border: 1px #888 solid;
}

.gmap-detail *
{	
	font: 12px/150% Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;	
}

.gmap-detail h1 { font-weight: bold; }

#view-map {	cursor: default; }

#map-toggle
{
	height: 65px;
}

#map-cats
{
	padding: 0px;
	overflow: hidden;
	margin-bottom: 0;
	height: 28px;
}

#map-toggle p{
	font-size: 12px;
	font-style: italic;
}

#map-cats li
{
	list-style-type: none;
	float: left;
	margin-right: 21px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 13px;
}


#map-cats li a{
color: #808080;	
background-color: rgb(255, 255, 255);
}

#m-points-of-interest
{
	background: url(../img/points-of-interest.png) no-repeat 0 4px;
	padding-left: 33px;
}

#m-dining
{
	background: url(../img/dining.png) no-repeat;
	padding-left: 13px;
}

#m-shopping
{
	background: url(../img/shopping.png) no-repeat 0 0;
	padding-left: 23px;
}
#m-colleges
{
	background: url(../img/colleges.png) no-repeat 0 3px;
	padding-left: 39px;
}

#m-events
{
	background: url(../img/events.png) no-repeat 0 0;
	padding-left: 22px;
}
#m-historic
{
	background: url(../img/historic.png) no-repeat 0 3px;
	padding-left: 32px;
}
#m-outdoor
{
	background: url(../img/outdoor-pursuits.png) no-repeat 0 0;
	padding-left: 22px;
}

.points-of-interest
{
	display: none;
}

/* @end */

.links
{
	float: left;
	list-style-type: none;
	margin: 0px 3px 0px 0px;
	padding: 3px;
	width: 232px;
	font: 12px/150% Arial, "Trebuchet MS", Tahoma, Verdana, san-serif;
	color: #b5b2af;
}

.links a{ color: #b5b2af; text-decoration: none; }
.links a:hover{ color: #000; }

#directions #block p, #directions #block h4
{
	font: 12px/150% Arial, "Trebuchet MS", Tahoma, Verdana, san-serif;
	color: #000;
}

#directions #block p {
	margin-bottom: 10px;
}

#directions #block h4
{
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* @group Header */

#header { width: 970px; border-bottom: 1px #abaaa6 solid; position: relative; margin-top: -2px; }
#header, #header #logo, #header #book-now {	height: 91px; overflow: hidden; }

#header #logo
{
	background-image: url(../img/bckg-pattern.png);
	width: 754px;
	position: relative;
}

#header #logo a, #header #book-now a
{
	display: block;	
	position: absolute;
	text-indent: -9000px;
}

#header #logo a
{
	width: 191px;	
	height: 77px;
	background: url(../img/logo.png) no-repeat 0 0;	
	top: 8px;
	left: 8px;
}

#header #logo a:hover {	background-position: 0px -76px; }

#header #book-now a
{
	width: 121px;
	height: 34px;
	background: url(../img/book-now.png) no-repeat;
	right: 47px;
	top: 31px;	
}

#header #book-now a:hover {	background-position: 0px -34px; }
#header-line { position: relative; top: 5px; z-index: 1; }

/* @end */

/* @group Footer */
#footer
{
	float: right; 
	width: 830px;
	margin-top: 10px;
	position: relative;
}

#footer p
{
	margin: 0px;
	padding: 0px;
	font: 11px "Times New Roman", Times, Georgia, serif;
}

.credit
{
	height: 15px;
	width: 11px;
	display: inline-block;
	text-indent: -9000px;
	background: url(../img/credit.png) no-repeat -155px 0;
	position: absolute;
	right: 0px;
	top: 1px;
}

/* @end */

/* @group Navigation */

#nav
{
	overflow: hidden;
	position: relative;
	height: 24px;
	background: #fff url(../img/dots.png) repeat-x center center;
}

#nav ul
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: 0px;
	width: 563px;	
	background: #fff url(../img/navigation.png) no-repeat 0 1px;
}

#nav ul li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

#nav ul li a
{
	display: block;
	text-indent: -9000px;
	padding-right: 5px;
	margin-top: 1px;
	background: url(../img/navigation.png) no-repeat 0 0;

}

#nav #n-the-inn      { width: 52px; background-position: 0px 0px;}
#nav #n-acclaim   { width: 56px; background-position: -486px 0;}
#nav #n-bethlehem    { width: 77px; background-position: -58px 0;}
#nav #n-rooms-rates  { width: 98px; background-position: -140px 0;}
#nav #n-reservations { width: 89px; background-position: -243px 0;}
#nav #n-directions   { width: 76px; background-position: -338px 0;}
#nav #n-contact      { width: 61px; background-position: -420px 0;}

#nav #n-the-inn:hover      { background-position: 0px -24px;}
#nav #n-acclaim:hover    { background-position: -486px -24px;}
#nav #n-bethlehem:hover    { background-position: -58px -24px;}
#nav #n-rooms-rates:hover  { background-position: -140px -24px;}
#nav #n-reservations:hover { background-position: -243px -24px;}
#nav #n-directions:hover   { background-position: -338px -24px;}
#nav #n-contact:hover      { background-position: -420px -24px;}

body#the-inn #nav #n-the-inn           { background-position: 0px -24px;}
body#acclaim #nav #n-acclaim       { background-position: -486px -24px;}
body#bethlehem #nav #n-bethlehem       { background-position: -58px -24px;}
body#rooms-rates #nav #n-rooms-rates   { background-position: -140px -24px;}
body#reservations #nav #n-reservations { background-position: -243px -24px;}
body#directions #nav #n-directions     { background-position: -338px -24px;}
body#contact #nav #n-contact           { background-position: -420px -24px;}

#sidenav { position: absolute;
	font-size: 12px;
	top: 17px;
}
#sidenav ul { list-style-type: none; margin: 0px; padding: 0px; }
#sidenav li {
	margin-bottom: 2px;
}
#sidenav li a { color: #999089; text-decoration: none;}
#sidenav li a:hover { color: #000; }

/* @end */

/* @group Page Patterns */

.page-pattern
{
	width: 833px;
	height: 272px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: -1;
}


#pattern-green { background: url(../img/pattern-green.jpg) repeat-x; }
#pattern-yellow { background: url(../img/pattern-yellow.jpg) repeat-x; }
#pattern-blue { background: url(../img/pattern-blue.jpg) repeat-x; }
#pattern-purple { background: url(../img/pattern-purple.jpg) repeat-x; }
#pattern-olive { background: url(../img/pattern-olive.jpg) repeat-x; }
#pattern-turquoise { background: url(../img/pattern-turquoise.jpg) repeat-x; }

/* @end */

/* @end */

/* @group Global Classes */

.line
{
	display: block;
	border-bottom: 1px #abaaa6 solid;
	height: 1px;
	overflow: hidden;
	text-indent: -9000px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.small-star
{
	vertical-align: middle;
	color: #fff;
	background-image: url(../img/small-star.png);
	display: -moz-inline-box;
	display: inline-block;
	width: 18px;
	height: 21px;
	font-size: 0px;
}

.hide
{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
}

.column
{
	width: 415px;
	float: left;
}

/* @end */

/* @group Slideshow */

#slideshow, #photogrid
{
	height: 210px;
	width: 900px;
}

.slide 
{
	float: left;
	width: 210px;
	height: 210px;
	margin-right: 7px;
}

#rooms-rates .slide
{
	float: none;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 272px;
	width: 429px;
}

#directions .slide { width: 970px; height: 275px; position: absolute; }

/* @end */

/* @group Design */

.black { color: #000; }

.inline-header
{
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}

.inline
{
	color: #333;
	font: italic normal 20px "Hoefler Text",Baskerville,Garamond,Times;
	line-height: 1.2;
}

.rates
{
	color: #9d572f;
}

/* @end */

/* @group SuperInn */
#reservations #block
{ 
	margin: 10px 10px 10px 0px; 
	width: 754px;
	float: left;
	background-color: #c5d3de;
	min-height: 630px;
}

#reservations #reservations-photo
{ 
	position: absolute;
	right: 0px;
	top: 7px;
	width: 206px;	
	padding: 5px 0 5px 5px;
}

#reservations #reservations-photo img
{
	margin-bottom: 7px;
}

#reservations #block table#Box.boldtable{ width: 100%; }
#reservations #block table#box{ width: 96%; }

img#top { display: none; }

.off, .on, span.boxheader 
{ 
	text-align: center; 
	font: 12px Arial, "Trebuchet MS", Tahoma, Verdana, san-serif;
}

span.boxheader{
	font: italic normal 20px "Hoefler Text",Baskerville,Garamond,Times;
	color: #000;
	float: left;
	padding: 0;
	margin: 5px 0 0;
}

a.linkwhite 
{ 
	color: #000; 
	text-decoration: none;
	display: inline-block; 	
	height: 20px;
	width: 200px;
	background: url(../img/pattern-blue-sm.jpg);
	border: 1px dotted #728393;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 6px;
}

a.linkwhite:hover{color: #fff; }

a.linkssml	  { font-size: 11px; color: #000; }
a.txtlinkssml { font-size: 12px; color: #000; }

td#gcheader { padding: 10px 0 0; margin: 0; }
#gcheader { font-weight: bold;}
#gcheader, #emailleftcol { color: #000; font-size: 12px; }


font { font-family: Arial, "Trebuchet MS", Tahoma, Verdana, san-serif; }

input.formbtna190 	    { background-color: #aac0d0; border: 3px #517b9c double; }
input.formbtna190:hover { color: #fff; }

a.links					{ color: #000; }
.vcode, a.links 		{ font-size: 10px; font-style: italic;}
table#Box.boldtable td  { padding: 4px; }
.padded5, a.Linkblacka  { font-size: 12px; }
.a0						{ background-color: #fff; }
.a1						{ background-color: #9eb3a7; }


/* @end */