@charset "utf-8";
/* 1840s Carrollton Inn CSS Document */
HTML{width:100%;}
body{width:100%; background-color:#466f54; text-align:center; color:#322e5a;}
#page {margin:0 auto; width:950px;  text-align:left;}
a img {border:0;}

/* Font preferences */
* {font-family:Arial, Helvetica, sans-serif; font-size:12px;  line-height:16px;}
p, td, div,  {font-size:12px; line-height:16px;}

/* Header and bold tags */
h1 {padding:4px 0; color:#ffffff;  font-size:10px; }
h2 {line-height:19px; padding:4px 0; color:#000; font-weight:900; font-size:17px; border-bottom:#08e 1px dotted;}
h3 {line-height:18px; padding:4px 0; color:#322e5a; font-weight:900; font-size:16px;}
h4 {line-height:16px; padding:4px 0; color:#322e5a; font-weight:900; font-size:14px;}
h5 {line-height:18px; margin:2px 0 4px 0; color:#eddaa8; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:16px;}


/* Default definition lists */

dt {color:#CC0000;font-weight:900;margin:10px 0pt; border-bottom: #CCCCCC 1px solid;}
dd {text-indent:0pt; padding-bottom:30px;}

/* Default link and hover preferences */

a {color:#990000; text-decoration:underline;}
a:hover {color:#990000; text-decoration:none;}

a.more {text-decoration:underline; font-size:10px;}
a.more:hover {text-decoration:none; font-size:10px;}

a.rightLink {text-decoration:underline; color:#ffffff;}
a.rightLink:hover {text-decoration:none; color:#ffffff;}

a.rightMore {text-decoration:underline; font-size:10px;color:#ffffff;}
a.rightMore:hover {text-decoration:none; font-size:10px;color:#ffffff;}


/* Main block elements */

#header {background-color:#ffffff; width:950px; height:521px; /*position:relative;*/}
#content{width:899px; padding-left:51px;}
#left {width:674px; vertical-align:top; background-color:#eddaa8; padding:5px; position:relative;}
#spacer {width:5px; vertical-align:top; background-color:#4a4770;}
#right {width:210px; vertical-align:top; background-color:#4a4770; color:#eddaa8;}

#leftContent	{width:674px;  vertical-align:top; float:left;}
#welcomebox	{width:672px; padding:0; float:left;border:solid #322e5a 1px;}
#welcome	{width:662px; background-color:#bcae97; float:left; padding: 0 5px 0 5px;}

#testimonials {width:650px; padding-left:20px;}
#testimonials div {border-bottom:1px dotted #68676f; padding:10px 0;}


#homeBottom	{width: 674px; text-align:left; }
#roomOfMonth	{width:331px; float:left; display:inline;padding-top:5px;}
#features 	{width:331px; padding-left4px; float:left; display:inline;padding:5px 0 0 4px;}
#photoThumb	{ width:200px; padding-left:5px; text-align:center; padding-bottom:10px; border-bottom:dotted #eddaa8 1px; }
#gallery	{float:left; padding:0; margin-left:3px; margin-bottom:5px; height:105px; overflow:hidden;}
#roomGallery	{float:left; padding:0; margin-left:10px; margin-bottom:5px; height:100px; overflow:hidden; border:thin 1px #000000;}
#roomText	{ width:250px; float:left;}
#roomPics	{ width:400px; padding-left:10px; float:left;}


#footer {height:16px; line-height:10px; font-size:10px; padding:3px; text-align:center; color:#cdcdcd; line-height:10px;}
#footer a {color:#FFFFFF; text-decoration:underline; font-size:10px;}
#footer a:hover {color:#FFFFFF; text-decoration:none;}
#mainTable {display:block; width:100%;}
#seo {width:950px; margin:10px auto; text-align:center; font-size:10px; color:#CCCCCC;}

/* Paragraph classes (use sparingly - use tag globals whenever possible) */
p.caption {font-size:10px; color:#999999; line-height:normal;}
strong.red {color:#CC0000;}
em.red {color:#CC0000;}

/* FORMS */
#form, #form li {display:block; list-style:none; margin:0; padding:0; position:relative; background:none;}
#form li label {display:block; width:200px; background:#E9E9E9; line-height:16px; padding:2px 5px; text-align:right;}
#form li input, #form li textarea {position:relative; left:215px; width:380px; top:-21px;}

/* Top H1 element */

h1#title  {display:block; text-align:center; width:945px; margin:5px auto; border:none; font-size:10px; color:#666666; padding:0; text-transform:none;}

#adminables	{padding:0 10px 10px 10px; color:#eddaa8;}
#emailclub	{border-top:dotted 1px #eddaa8; padding-top:5px; text-align:center; color:#eddaa8;}
#roomRates {padding:0 5px 6px 5px; width:650px; height:115px; display:block;}

/*Nav Menu and Dropdowns*/
#nav{float:left; display:block; width:809px; height:18px; background-color:#ffffff; padding:0;}
#nav ul {background-color:#ffffff; height:18px; width:809px; text-align:left; display:block; padding:0; margin:0; list-style: none;}
#nav ul a {display:block; height:18px; float:left; background:no-repeat}
#nav ul a.welcome {width:75px; background-image: url(img/navWelcome.gif);}
#nav ul a.welcome:hover {background-image: url(img/navWelcomeOver.jpg);}
#nav ul a.roomrates {width:95px; background-image: url(img/navRoomRates.gif);}
#nav ul a.roomrates:hover {background-image: url(img/navRoomRatesOver.jpg);}
#nav ul a.SpecialPkgs {width:138px; background-image: url(img/navSpecialPkgs.gif);}
#nav ul a.SpecialPkgs:hover {background-image: url(img/navSpecialPkgsOver.jpg);}
#nav ul a.Neighborhood {width:120px; background-image: url(img/navNeighborhood.gif);}
#nav ul a.Neighborhood:hover {background-image: url(img/navNeighborhoodOver.jpg);}
#nav ul a.Contact {width:75px; background-image: url(img/navContact.gif);}
#nav ul a.Contact:hover {background-image: url(img/navContactOver.jpg);}
#nav ul a.ballroom {width:124px; background-image: url(img/nav1840sBallroom.gif);}
#nav ul a.ballroom:hover {background-image: url(img/nav1840sBallroomOver.jpg);}
#nav ul a.grammercy {width:149px; background-image: url(img/navGrammercyMansion.gif);}
#nav ul a.grammercy:hover {background-image: url(img/navGrammercyMansionOver.jpg);}


/* [ Drop Down Menu ] */

/* [ All list items ] */
#nav li { 
	position: relative;
	float: left;
	margin:0; padding:0;
}

/* [ Second-level lists ] */
#nav li ul { 
	z-index: 1000;
	position: absolute;
	left: -999em;
	width:155px;
	//width:155px;
	margin:18px 0 0 2px;
	display:block;	
	/* IE doubles margins, lets fix it here */
	// margin-left: -59px;
}

/* [ Third-and-above-level lists ] */
#nav li ul ul { 
	left: -999em;
}

#nav li a {
	width: 155px;
	display: block;
	background-color: #231111;
	padding:0;
	text-align: left;
	
}

/* [ Second Level Links ] */
#nav li ul li a { 
	text-align: left;
	border-right: 1px solid #990000;
	border-left: 1px solid #990000;
	border-bottom: 1px solid #990000;
	padding-left:2px;
}

#nav li a:hover {
	color: #bc8f1c;
	background-color: #2e1111;
}

#nav li a:active {
	color: #FFFFFF;
	background-color: #2e1111;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
}

/* [ Lists nested under hovered list items ] */
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { 
	left: auto;
}