body {margin:0px; font:12px/18px arial; color:#be8d2e; background-color: #000000; }
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,
fieldset,form,label,legend,input,textarea,button,
table,caption,tbody,tfoot,thead,tr,th
{
  margin:          0;
  padding:         0;
  border:          0;
  outline:         0;
  }
ol
{
  list-style:      none;
}

#container { width:800px; margin:0px auto 5px;}
#leftcolumn {background:url(../images/leftcolumn.gif) no-repeat top;margin:0px;}
#bottomimg{	border-bottom:#98162c 15px solid;}
h1, h2 { margin:0px; padding:0px;}
#topbar{ background:url(../images/topbar.gif) no-repeat bottom; width:800px; height:140px; position:relative;}
#menubar {width:800px; height:38px; background:url(../images/menu.gif) no-repeat top;}
#menu {
	width:300px;
	height:30;
	text-align: center;
	font: bold 12px/18px arial;
	text-align: center;
	float:left;
	padding: 6px 0px 0px 5px;
}
#menu a {text-decoration: none; display: block; float: left; padding: 3px 10px 3px 10px; color: #770000;}
#menu a:hover {text-decoration: none; color: #000000;}
#menu .active {text-decoration: none; background: #0099; color: #ffffff;}

#men {
	width:315px;
	height:30;
	text-align: center;
	font: bold 12px/18px arial;
	text-align:center;
	float:right;
	padding: 6px 0px 0px 0px;
}
#men a {text-decoration: none; display: block; float: left; padding: 3px 10px 3px 10px; color: #770000;}
#men a:hover {text-decoration: none; color: #000000;}
#men .active {text-decoration: none; background: #0099; color: #ffffff;}
.right {border-right:1px solid #dbbe65; }
.left {border-left:1px solid #dbbe65; }
#slide {
	width:800px;
	height:271px;
	margin:0px 0px 0px 0px;
	background:url(../images/4.jpg) no-repeat;
	clear:both;
}
#slide1 {
	width:800px;
	height:11px;
	background:url(../images/lbg.gif) repeat-x;
}
h2 a {
	width:496px;
	height:100px;
	display:block;
	background:url(../images/qualityinn.gif) no-repeat top;
	text-indent:-9999px;
}
div.frame
{
  position:         relative;
  width:            795px;
  }
h1 a
{
	position:absolute;
	top:43px;
	width:126px;
	height:112px;
	left:333px;
	text-indent: -9999px;
	background:url(../images/qualityinnlogo.png) no-repeat;
}
h3 {font:normal 18px/18px Palatino,'Palatino Linotype',serif; color:#99cc33; padding: 10px 0px 0px 15px; margin:0px 0px 10px 0px; text-decoration: none; }
h3 a:link {font: normal 18px/18px Palatino,'Palatino Linotype',serif; color:#99cc33; padding: 5px 0px 0px 15px; margin:0px 0px 10px 0px;  text-decoration: none;}
h3 a:visited {font: normal 18px/18px Palatino,'Palatino Linotype',serif; color:#99cc33; padding: 5px 0px 0px 15px; margin:0px 0px 10px 0px; text-decoration: none;}
h3 a:hover, a:active { text-decoration: none; color:#99cc33;}
#img {
	position:absolute;
	width:872px;
	height:379px;
	margin:46px 0px 0px 29px;
	background:url(../images/4.jpg) no-repeat;
}
#links {
	position:absolute;
	width:872px;
	height:10px;
	margin:30px 0px 0px 29px;
}
#hampton {
	position:absolute;
	width:473px;
	height:34px;
	margin:30px 0px 0px 29px;
	top: 420px;
	left: -1px;
}
#fastreservations {
	position:absolute;
	width:162px;
	height:150px;
	margin:0px 0px 0px 0px;
	left: 594px;
	top: 130px;
}
#imenu{
	width:170px;
	height:170px;
	padding: 0px 0px 0px 1px;
	
}
.forms
{
    float:left;
	width:48px;
  	border:           1px solid #97b1de;
  	padding:          0px;
  	background-color: #FFF;
  	font-family:      tahoma, Arial, Helvetica, sans-serif;
  	font-size:        11px;
  	margin:          0 4px 0 0px;
  	color:#436094;
  }
    .form
{
    float:left;
	width:58px;
  	border:           1px solid #97b1de;
  	padding:          1px;
  	background-color: #FFF;
  	font-family:      tahoma, Arial, Helvetica, sans-serif;
  	font-size:        11px;
  	margin:          0 2px 0 0px;
  	color:#436094;
  }
  .middle {
padding: 6px 0px 2px 0px; COLOR: #122174; font:bold 12px arial, tahoma;
}
#content { padding:0px 230px 30px 50px;margin:0px;}
#special {
	width:177px;
	height:168px;
	position: absolute;
	left: 586px;
	top: 321px;
}
#main {
	float:left;
	width:500px;
	padding:0px 10px 30px 40px;
	margin:0;
	
}
#main p {
	text-align:justify;
	padding: 10px 0px 10px 0px; margin:0px;  line-height:21px;
	
}
#sidebar {
	float:right;
	width:166px;
	padding:10px 38px 0px 28px;
	margin:0;
	background:url(../images/sidebar.gif) no-repeat left top;
}


.break { BACKGROUND: url(../images/pix.gif) repeat-x; }
.box {padding: 10px 15px 10px 15px;}
#box {padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; background-color: #f3ede2;}



.style1 {color: #006600}

.subheader {padding:10px 0px 2px 0px; color: #ffffff; border-bottom:1px solid #ffffff; font:bold 16px/18px arial, Palatino,'Palatino Linotype',serif;}



.box2 {PADDING: 0px 0px 10px 3px; COLOR: #99cc33; LINE-HEIGHT: 18px; font:normal 11px/18px arial, tahoma, verdana, "Trebuchet MS"; TEXT-DECORATION: none; margin:0px;}
.box2 a:LINK {PADDING: 0px 0px 0px 0px; COLOR: #99cc33; LINE-HEIGHT: 18px; font:normal 11px/18px arial, tahoma, verdana, "Trebuchet MS"; TEXT-DECORATION: none; margin:0px;}


p {padding: 10px 0px 10px 0px; margin:0px;  line-height:21px;}

UL {list-style-image: url(../images/bullet.gif); padding-left: 8px; margin-left: 8px; margin-top: 5px; margin-bottom:5px;}


h6 { font: 17px/13pt georgia, timeless, georgia; font-weight: normal; color:#c00; padding: 10px 0px 2px 0px; border-bottom:1px solid #fc0; margin: 0px 0px 3px 0px;}


a.more:link {font-weight: bold; text-decoration: underline;  background:#96152b; color: #000000; PADDING: 0px 5px 0px 5px; text-decoration: none;-moz-border-radius:4px;-webkit-border-radius:5px; }
a.more:visited {PADDING: 0px 5px 0px 5px; font-weight: bold; text-decoration: none; background:#96152b; color: #000000; -moz-border-radius:4px;-webkit-border-radius:5px; }
a.more:hover, a.more:active {font-weight:bold; text-decoration: none; background:#002674; color: #ffffff;}

a.mor:link {font-weight: bold; text-decoration: underline; background:#be8d2e; color: #ffffff; PADDING: 0px 5px 0px 5px; text-decoration: none;-moz-border-radius:4px;-webkit-border-radius:5px; }
a.mor:visited {PADDING: 0px 5px 0px 5px; font-weight: bold; text-decoration: none; background:#be8d2e; color: #ffffff; -moz-border-radius:4px;-webkit-border-radius:5px; }
a.mor:hover, a.more:active {font-weight:bold; text-decoration: none; background:#ffdc29; color: #000000;}

.group {font-size:15px;font-weight:bold;text-decoration:none;color:#ffcc00;text-decoration: none; }
a.group:link{font-size:15px;font-weight:bold;text-decoration:none;color:#ffcc00;text-decoration: none; }
a.group:visited{font-size:15px; font-weight: bold; text-decoration: none; color: #ffcc00; }
a.group:hover,a.group:active{font-weight:bold; text-decoration: none; color: #ffffff;}
  
  .button {FONT: 12px arial,tahoma; font-weight: Bold; COLOR: #ffffff; BACKGROUND:#004a8d; border:1px solid #003366; border-radius:         .5em;  -moz-border-radius:    .5em;   -webkit-border-radius: .5em; margin:5px 5px 0px 5px; text-align:center;}


#images {FLOAT: right; WIDTH: 130px; padding: 0px 0px 0px 10px; margin: 0;}
.photo {background: url(../images/photo-bg-bottom.jpg) no-repeat bottom;padding-bottom: 10px;width: 130px; margin-bottom:5px;}
.photo IMG {border: 2px solid #eeeeee; padding: 4px; width: 130px;}
.photo A { display: block;}

.float_hack {height: 0;	clear: both; font-size:0;}
.col-one {
	float: left;
	width: 235px;
	display:block;
}
.col-two {
	float: right;
	width: 235px;
}
.col-three {
	float: right;
	width: 160px;
}
.col-four {
	float: left;
	width: 200px;
}
.col-five {
	float: right;
	width: 200px;
}

a:link {text-decoration: none; color: #99cc33;}
a:visited {text-decoration: none; color: #99cc33;}
a:hover, a:active { text-decoration: none; color: #99cc33;}

.boldfont{text-decoration: none; color: #ffffff; font-weight: bold; font-size:12px; }
a.boldfont:link {font-weight: bold; text-decoration: none; color:#ffffff;}
a.boldfont:visited {font-weight: bold; text-decoration: none; color:#ffffff;}
a.boldfont:hover, a.boldfont:active {font-weight:bold; text-decoration: underline; color:#ffffff;}

.cyberweb {font:11px/18px arial, tahoma; color:#99cc33; list-style:20px;}
a.cyberweb:link { COLOR: #99cc33; font-weight: normal; TEXT-DECORATION: none }
a.cyberweb:visited { COLOR:#99cc33; font-weight: normal; TEXT-DECORATION: none }
a.cyberweb:hover {	COLOR: #99cc33; font-weight: normal; TEXT-DECORATION: underline }

#footer
{
  color:#333;
  text-align:center;
  margin:  0px 0px 0px 0;
  padding: 10px 0px 10px 0;
  background:url(../images/lbg.gif) no-repeat top;
  font: normal 11px/18px arial, tahoma;
  }
#footer a {
  padding: 0px 5px 0px 5px;
  color: #333;
  margin:0;
  font: bold 11px/18px arial, tahoma;
  text-align:center;
  line-height:22px;
}
#footer a:hover {
  color:            #333;
  border-bottom:    1px dotted #ffdc29;
}
#address {font: 12px/18px arial; color:#ffffff; width:270px; padding: 0px 0px 0px 0px; margin: 20px 0px 0px 0px; float:left;}
#address a {
  color: #ffcc00;
} 
#address a:hover {
  color: #00498f;
  border-bottom:1px dotted #ffdc29;
}

#gallery a {
	display:block;
	margin:5px 0px 0px 77px;
	padding:5px 0px 0px 20px;
	width:100px;
	height:16px;
	color:#ffffff;
	font:normal 12px/11px arial, georgia, tahoma, Helvetica, sans-serif;
	background: url(../images/printer.gif) no-repeat;
}
#gallery a:hover {
	color:#ffcc00; text-decoration:underline;}
#brochure a {
	display:block;
	margin:5px 0px 0px 0px;
	padding:5px 0px 0px 20px;
	width:110px;
	height:16px;
	color:#ffcc00;
	font:normal 12px/11px arial, georgia, tahoma, Helvetica, sans-serif;
	background: url(../images/brochure.gif) no-repeat;
}
#brochure a:hover {
	color:#ffcc00; text-decoration:underline;}
#facebook a {
	display:block;
	margin:10px 0px 10px 5px;
	padding:3px 0px 0px 22px;
	width:130px;
	height:13px;
	color:#fff;
	font:bold 12px/11px arial, georgia, tahoma, Helvetica, sans-serif;
	background: url(../images/facebook.gif) no-repeat;
}
#facebook a:hover {
	color:#ffcc00; text-decoration:underline;}

#foot
{ background:url(../images/lbg.gif) no-repeat bottom;
  color:#be8d2e;
  text-align:center;
  margin:  0px 0px 5px 0px;
  padding: 0px 5px 10px 5px;
  }
#foot a {
  padding: 0px 5px 0px 5px;
  color: #be8d2e;
  margin:  0;
  font: bold 11px/18px arial, tahoma;
  text-align:center;
  line-height:22px;
}
#foot a:hover {
  color: #675e47;
  border-bottom:    1px dotted #ffdc29;
}
img a {border:0;}
/* CONTACT FORM                                                                           CONTACT FORM ::
--------------------------------------------------------------------------------------------------------- */
div#primary form
{
  width:            470px;
  margin:           0px 0 0;
  padding:          0 0 20px;  
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  height:auto;
  }
div#primary form fieldset, div#primary form ol, div#primary form li
{
  float:            left;
  width:            470px;
  }
div#primary form fieldset
{
  margin:           10px 0 0;
  }

div#primary form li
{
  margin:           10px 0 0;
  }
div#primary form label
{
  float:            left;
  width:            120px;
  padding:          0 20px 0 13px;
  font-size:        1em;
  font-weight:      bold;
  }
div#primary form input.text2, div#primary form textarea, div#primary form select
{
  float:            left;
  width:            166px;
  border:           1px solid #7f9db9;
  padding:          1px;
  background-color: #FFF !important;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1em;
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  }
div#primary form textarea
{
  width:           300px;

  }
div#primary form button
{
  float:            left;
  display:          inline;
  margin:           15px 10px 10px 155px;
  background:       #009900;
  cursor:           pointer;
  border:1px solid #006600;
  COLOR: #ffffff;
  padding:2px 5px 2px 5px;
  width:60px;
  border-radius:.5em;  
  -moz-border-radius:.5em;   
  -webkit-border-radius:.5em;
  text-align:center;
  font-weight:bold;
  }
div#primary form h6, div#primary form p
{
  margin:           .3em 10px 0px .6em;
  line-height:      1.4em;
  }
div#primary form h6
{ padding:           10px 0px 0px 0px;
  color:#006600;
  font:bold 14px Palatino,'Palatino Linotype',serif;
  border-bottom: 1px dotted #006600;
  }
  
/* Reservation FORM                                                                           CONTACT FORM ::
--------------------------------------------------------------------------------------------------------- */
div#prim form
{
  width:            166px;
  margin:           0px 0 0;
  padding:          0 0 20px;  
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  height:auto;
  }
div#prim form fieldset, div#prim form ol, div#prim form li
{
  float:            left;
  width:            166px;
  }
div#prim form fieldset
{
  margin:           7px 0 0 0;
  }

div#prim form li
{
  margin:           5px 0 0 0;
  }
div#prim form label
{
  float:            left;
  width:            70px;
  padding:          0 10px 0 10px;
  font-size:        0.9em;
  font-weight:      bold;
  COLOR: #be8d2e;
  }
div#prim form input.text2, div#prim form textarea, div#prim form select
{
  float:            left;
  width:            65px;
  border:1px solid #7f9db9;
  padding:          1px;
  background-color: #FFFfff;
  font-family:      tahoma, Arial, Helvetica, sans-serif;
  font-size:        0.9em;
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  margin:0px 3px 0px 0px;
  }

div#prim form select#rac
{
  width:40px;
  float: left;
  padding:1px;
  background-color: #FFFfff;
  font-family: tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  border-radius:.5em;
  -moz-border-radius:.5em;
  -webkit-border-radius:.5em;
  border:1px solid #7f9db9;
  }
div#prim form button
{
  float:            left;
  display:          inline;
  width:            127px;
  height:           22px;
  margin:           10px 10px 20px 20px;
  background:       url(../images/checkrates.gif) no-repeat 0 0;
  text-indent:      -9999px;
  cursor:           pointer;
  border:none;
  }
div#prim form .book {font:normal 20px/14px arial, Palatino,'Palatino Linotype',serif; padding: 2px 0px 5px 0px; COLOR: #ffff00; text-align:center;}

#Out {DISPLAY: block; padding-left:0px;width:225px;float:right;color:#ffcc00; font: bold 12px/18px arial, Palatino,'Palatino Linotype',serif;line-height:18px;}
#Out A {padding: 0px 58px 0px 0px; DISPLAY: block; line-height: 18px; MARGIN: 5px 0px 0px 0px; COLOR: #ffcc00; TEXT-DECORATION: none; font: bold 12px/18px arial, Palatino,'Palatino Linotype',serif; text-align:right;} 
#Out A:hover {TEXT-DECORATION: underline}

#logotext {
	width:220px;
	color:#00ff00;
	height:auto;
	font:bold 17px/13pt Palatino,'Palatino Linotype',serif;
	line-height:18px;
	float:right;
	BACKGROUND: url(../images/mail.gif) no-repeat right;
	margin: 20px 0px 0px 0px;
}

#thank {DISPLAY: block; padding:30px 20px 20px 30px;color:#ff9900; text-align:center; font: bold 18px/18px arial, Palatino,'Palatino Linotype',serif;line-height:20px;}

  /* the div that holds the date picker calendar */
.dpDiv {
font-size: x-small;

	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	text-align: center;
	color: black;
	background-color: #f0f0f0;
	border: 1px solid #fff;

	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dptitleTR {

	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
background-color: #ffffff;
	border: 1px solid #000000;
	color:#000;
	font-size:x-small;
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #fff;
	font-size:x-small;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #045ba8;
	border: 1px solid #045ba8;
	color:white;
	font-size:x-small;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #ff6633;
	border: 1px solid #ff6633;
	cursor: pointer;
	color: #fff;
	font-size:x-small;
	}


/* the table cell that holds the name of the month and the year */
.dptitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #ff6633;
	border: 1px solid #ff6633;
	color: white;
	font-size:x-small;
	}


/* additional style information for the text that indicates the month and year */
.dptitleText {
	font-size:small;
	color: #045ba8;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: white;
	font-weight: bold;
	font-size:x-small;
	}


/* the forward/backward buttons at the top */
.dpButton {
	color: black;
	background: #ffff99;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	color: #000000;
	background:#ffff66;
font-size:x-small;
padding:0;
margin-left:2px
	}