/* main body */

body {
background: #FFFFFF url(http://www.histampa.com/images/bknd_grad.gif);
width: 967px;
margin: 0 auto;
padding: 0;
font-size: 62.5%; /* gives base of 10px */
font-family: "Arial", sans-serif;
}

#container {
float: left;
width: 965px;
border: 1px #054B01 solid;
background: white;
margin: 0;
padding: 0 0 10px 0;
}

/* Home: container color */
#container.home {
background: black;
}

/* top header banner */
#header {
float: left;
width: 580px;
margin: 0;
padding: 0;
background: #000000;
}

#headerleft {
float: left;
border: 0;
padding: 14px 0 14px 14px;
margin: 0;
}

#headerright {
float: right;
width: 225px;
background: #FFFFFF;
margin: 0;
padding: 3px 80px 0px 80px;
}

#header h1 {
float: left;
width: 252px;
margin: 0;
padding: 50px 0 10px 0;
text-align: center;
color: #FFFFFF;
font-size: 1.8em;
font-weight: bold;
line-height: 1.4em;
}

#header .first {
padding: 0 0 0 20px;
}

h1 {
margin: 0;
padding: 0;
}

/* navigation bar */
#navbar {
clear: both;
float: left;
width: 965px;
background: #DBFD93 url(http://www.histampa.com/images/nav_bk_shade.gif) repeat-x bottom left;
margin: 0;
padding: 0;
list-style: none;
}

#navbar li {
float: left;
list-style: none;
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1.3em;
color: #054A00;
text-transform: uppercase;
}

#navbar a {
float: left;
display: block;
margin: 0;
padding: 12px 10px 15px 10px;
color: #054A00;
text-decoration: none;
}

#navbar a:hover {
color: #0FC402;
}

#navbar .live a {
color: #0FC402;
}

#navbar .first {
padding-left: 28px;
}

/* Home: right side of main page */
#rightcolumn {
float: right;
width: 410px;
margin: 0;
padding: 0 10px;
display: inline; /* fixes IE/Win double margin bug */
}

/* Home: main body */
h2 {
margin: 0;
padding: 0;
font-size: 2em;
line-height: 1.4em;
}

/* Home: Slideshow */
#slideshow {
list-style:none; 
float: left; 
width: 506px; 
margin: 0; 
padding: 0;
}

#slideshow span {
display: none;
}

#wrapper {
float: left; 
width: 506px; 
margin: 0 0 40px 0; 
padding: 0; 
display: none;
}

#wrapper * {
margin:0; 
padding:0;
}

#fullsize {
position:relative; 
width:500px; 
height:300px; 
padding:2px; 
border:1px solid #ccc; 
background:#000;
}

#information {
position:absolute; 
bottom:0; 
width:500px; 
height:0; 
background:#000; 
color:#fff; 
overflow:hidden; 
z-index:200; 
opacity: .7; 
filter: alpha(opacity=70);
}

#information h3 {
padding: 4px 8px 3px; 
font-size:14px;
}

#information p {
padding: 0 8px 8px;
}

#image {
width:500px;
}

#image img {
position:absolute; 
z-index:25; 
width:auto
}

.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}

#imgprev {left:0; background:url(http://www.histampa.com/images/left.gif) left center no-repeat}

#imgnext {right:0; background:url(http://www.histampa.com/images/right.gif) right center no-repeat}

#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}

.linkhover {background:url(http://www.histampa.com/images/link.gif) center center no-repeat}

#thumbnails {margin-top:15px}

#slideleft {
float:left; 
width:20px; 
height:81px; 
background:url(http://www.histampa.com/images/scroll-left.gif) center center no-repeat; background-color:#222;
}

#slideleft:hover {
background-color:#333;
}

#slideright {
float:right; 
width:20px; 
height:81px; 
background:#222 url(http://www.histampa.com/images/scroll-right.gif) center center no-repeat;
}

#slideright:hover {
background-color:#333
}

#slidearea {
float:left; 
position:relative; 
width:456px; 
margin-left:5px; 
height:81px; 
overflow:hidden; 
display: inline; /* fixes IE/Win double margin bug */
}

#slider {
position:absolute; 
left:0; height:81px;
}

#slider img {
cursor:pointer; 
border:1px solid #666; 
padding:2px;
}

/*Interior Pages: Main Content */
#mainbody {
float: left;
width: 580px;
background: #FFFFFF;
margin: 0;
padding: 0;
}

#mainbody2 {
float: left;
width: 956px;
background: #000000;
margin: 0;
padding: 0 10px 0px 0;
}

#mainbody2 img {
float: left;
margin: 0;
padding: 0;
}

h2.reverse {
margin: 0;
padding: 15px 5px 0 600px;
font-size: 2em;
line-height: 1.4em;
color: white;
}

h2.home {
margin: 0;
padding: 20px 10px 15px 0;
font-size: 1.8em;
line-height: 1.3em;
color: white;
}

#mainbody h2 {
margin: 0;
padding: 20px 0 5px 40px;
}

.bodytext {
margin: 0;
padding: 10px 0 10px 40px;
font-size: 1.4em;
line-height: 1.4em;
}

.bodytext2 {
margin: 0;
padding: 10px 150px 10px 40px;
font-size: 1.4em;
line-height: 1.4em;
}

.bodytext3 {
margin: 0;
padding: 5px 34px 10px 600px;
font-size: 1.3em;
line-height: 1.4em;
color: white;
}

.bodytext3 i, .bodytext_local i{
color: #FFE600;
font-weight: bold;
font-style: normal;
}

.bodytext_local {
margin: 0;
padding: 5px 34px 10px 600px;
font-size: 1.3em;
line-height: 1.4em;
color: white;
}

.bodytextspot {
font-weight: bold;
font-style: normal;
font-size: 2em;
text-align: right;
margin: 0;
padding: 0 5px 5px 0;
}

.bodytextspot a {
color: #FFE600;
}

.bodytext3 a {
color: #FFE600;
}

.bodytextspot a:hover {
color: white;
}

ul.bodytext3 {
padding: 5px 5px 5px 616px;
}

.bodytext3 a {
color: white;
font-weight: bold;
}

.bodytext4 {
margin: 0;
padding: 5px 20px 10px 5px;
font-size: 1.3em;
line-height: 1.4em;
color: white;
}

.bodytext4 i {
color: #FFE600;
font-weight: bold;
font-style: normal;
}

.bodytextspot2 {
font-weight: bold;
font-style: normal;
font-size: 2em;
text-align: right;
margin: 0;
padding: 10px 20px 5px 0;
}

#halfbanner {
float: left;
width: 485px;
background: #FDFBD1;
margin: 20px 20px 0 0;
padding: 10px;
display: inline; /* fixes IE/Win double margin bug */
}

#halfbanner-alt {
float: left;
width: 485px;
background: #FDFBD1;
margin: 20px 20px 0 0;
padding: 10px;
}

.bodytextindent {
margin: 0;
padding: 0 25px 0 0;
font-size: 1.1em;
line-height: 1.3em;
color: #000000;
}

.bodytextindent a{
	color: #0A8A01;
}

img.shuttle {
float: left;
padding: 0 10px 10px 0;
}

img.preferred {
float: right;
margin: 0;
padding: 5px 20px 0 10px;
}

#halfbanner img {
float: left;
width: 200px;
margin: 0;
padding: 0 20px 0 0;
}

.bodytextspot2 a {
color: #FFE600;
}

.bodytextspot2 a:hover {
color: white;
}

p.hotelspecial {
color: white;
margin: 0;
padding: 5px 20px 10px 5px;
font-size: 1.3em;
line-height: 1.4em;
}

p.hotelspecial i {
color: #FFE600;
font-weight: bold;
font-style: normal;
font-size: 1.6em;
}

/* Local Area page */
h2.reverse_local {
margin: 0;
padding: 15px 5px 0 600px;
font-size: 2em;
line-height: 1.4em;
color: white;
}

h2.reverse_local i {
font-style: normal;
color: #FFE600;
}

.bodytext_local {
margin: 0;
padding: 5px 34px 10px 600px;
font-size: 1.3em;
line-height: 1.4em;
color: white;
}

.bodytext_local i, .bodytext_local i{
color: #FFE600;
font-weight: bold;
font-style: normal;
}

.bodytext_local a {
color: #FFE600;
}

ul.bodytext_local {
padding: 5px 5px 5px 616px;
}

.bodytext_local a {
color: white;
font-weight: bold;
}

#local_full {
clear: both;
float: left;
width: 876px;
margin: 0;
padding: 10px 40px;
}

#local_full h2.reverse {
margin: 0;
padding: 10px 0;
color: #DBFD93;
}

#local_full .li1 {
margin: 0;
padding: 3px 0;
}

#local_full .listlast {
padding-bottom: 10px;
}

#local_full .bodytext3 {
float: left;
margin: 0;
padding: 0;
width: 400px;
list-style: none;
}

#local_full .bodytext3 a:hover {
color: #FFE600;
}

#local_left {
float: left;
width: 400px;
margin: 0;
padding: 0;
}

#local_right {
float: right;
width: 400px;
margin: 0;
padding: 0;
}
/* End Local Area Page */

.benefits {
color: #FDFBD1;
margin: 0 0 10px 0;
padding: 10px 20px 10px 20px;
font-size: 1.2em;
line-height: 1.5em;
}

#lefthome{
clear: right;
float: left;
width: 120px;
margin: 0;
}

#righthome {
float: left;
width: 220px
margin:  0;
}

#bottomres {
float: right;
margin: 0;
padding: 10px 20px 10px 0;
}

dt.head {
float: right;
font-family: arial;
font-weight: bold;
font-size: 2.4em;
color: white;
margin: 0;
padding: 14px 30px 0 0;
text-align: center;
}

dt.head i {
color: yellow;
font-style: normal;
}

dd.leftimg {
float: left;
margin: 0;
padding: 0 10px 0 0;
}

dd.rightimg {
float: right;
margin: 0;
padding: 4px;
}

dd.subhead {
float: left;
font-family: georgia, sans-serif;
font-size: 1.4em;
line-height: 1.4em;
color: white;
margin: 0;
padding: 8px 0 0 0;
}

dd.subhead ul {
list-style: none;
margin: 0;
padding: 0;
}

/* ParkPlanner */

h2.reverse_planner {
margin: 0;
padding: 15px 5px 0 480px;
font-size: 2em;
line-height: 1.4em;
color: white;
}

h2.reverse_planner i {
font-style: normal;
color: #FFE600;
}

.bodytext_planner {
margin: 0;
padding: 5px 34px 10px 480px;
font-size: 1.3em;
line-height: 1.4em;
color: white;
}

.bodytext_planner i, a {
color: #FFE600;
font-weight: bold;
font-style: normal;
}

#leftmenu {
float: left;
width: 480px;
color: white;
}

.navphoto {
float: left;
clear: both;
width: 125px;
margin: 0;
padding: 4px 10px;
border: none;
}

.navhover img {
opacity: .7; 
filter: alpha(opacity=70);
}

.navhover:hover img {
opacity: 1;
filter: alpha(opacity=100);
}

.live img {
opacity: 1;
filter: alpha(opacity=100);
}

ul.ul_planner {
margin: 0;
padding: 5px 34px 10px 480px;
list-style: none;
color: white;
line-height: 1.6em;
font-size: 1.4em;
}

.priceone {
color: #0A8A01;
font-weight: bold;
}

.navhead a {
float: right;
width: 215px;
font-size: 1.4em;
color: yellow;
font-family: georgia, sans-serif;
margin: 30px 90px 25px 0;
padding: 3px 50px;
font-weight: bold;
background: #0A8A01;
border: none;
}

.navheader {
float: left;
width: 400px;
margin: 0;
padding: 0;
}

#leftmenu .live a {
background: yellow;
color: #0A8A01;
}

h2.reverse i {
color: #FFE600;
font-style: normal;
}

.navhead a:hover {
color: white;
background: #054B01;
}

#leftmenu ul {
list-style: none;
margin: 0;
padding: 0;
}

/* promos */

#promos {
clear: both;
margin: 0;
padding: 10px 0 10px 40px;
font-size: 1.4em;
}

#promos a {
text-decoration: none;
color: #FFE600;
}

#promos a:hover {
color: white;
}

#promos dl {
float: left;
margin: 10px 5px;
padding: 0;
width: 286px;
height: 105px;
background: #0A8A01;
display: inline; /* fixes IE/Win double margin bug */
}

#promos dl.alt {
background: #054B01;
}

#promos dl.thirddl {
margin: 10px 18px 10px 5px;
display: inline; /* fixes IE/Win double margin bug */
}

#promos dl.thirddlalt {
background: #054B01;
margin: 10px 18px 10px 5px;
display: inline; /* fixes IE/Win double margin bug */
}

#promos dt {
float: right;
width: 210px;
font-weight: bold;
color: #FE9C01;
font-size: 20px;
text-align: center;
margin: 5px 0 0 0;
}

#promos dd.subhead {
float: right;
width: 210px;
color: white;
font-size: 12px;
text-align: center;
line-height: 14px;
font-family: "arial", sans-serif;
margin: 0;
padding: 5px 0 0 0;
}

#promos dd.img {
float: left;
margin: 0;
padding: 0;
height: 100%;/*ie 6 hack*/
}

/* Home: link seo area */
#centermain {
clear: both;
float: left;
width: 933px;
background: white;
margin: 0;
padding: 16px;
border: 1px #054B01 solid;
}

#centermain h1 {
font-weight: normal;
font-size: 1.9em;
margin: 0;
padding: 10px 0 0 0;
color: #0A8A01;
line-height: 25px;
}

#centermain li {
width: 30%;
float: left;
color: grey;
}

#centermain li.li1{
margin: 0;
padding: 0;
}

#centermain img {
float: right;
}

#local, #nearby {
clear: both;
}

/* footer */

#footer {
clear: both;
float: left;
width: 966px;
list-style: none;
background: #0A8A01;
margin: 0;
padding: 0;
}

#footer.home {
border: 1px #054B01 solid;
border-bottom: none;
border-top: none;
width: 965px;
}

#footer li {
color: #FFFFFF;
font-size: 1.8em;
font-weight: bold;
margin: 0;
padding: 10px;
}

.leftfooter {
float: left;
margin: 0;
padding-left: 20px;
}

.rightfooter {
float: right;
}

p.legal {
clear: both;
font-size: 1em;
color: grey;
}

#specials {
	margin: 40px;
	width: 890px;
}
#specials h1, h2, p{
	color: #FFFFFF;
}

#specials p{
	font-size: 13px;
	margin-left: 10px;
}

#specials h1{
	font-size: 27px;
}

#specials img {
	padding: 15px;
	margin-bottom: 40px;
}