/* CSS Document */

body {font:14px Arial, Helvetica, sans-serif; line-height:21px; background-image:url(../img/bg.jpg); background-repeat:repeat-y repeat-x; background:#7b531c;}
a {color:#97662c}
a:hover {text-decoration:none}

#maincontainer{width:883px; margin:0px auto; background:#F5ECDD; margin-top:-10px; }
.shadow {-moz-box-shadow: 3px 3px 4px #352106; -webkit-box-shadow: 3px 3px 4px #352106; box-shadow: 3px 3px 4px #352106; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#352106')"; /* IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#352106'); }

#contentwrapper{float:left; width:100%; }

#border {background-image:url(../img/top_border.jpg);  height:6px; display:block; clear:both;  }

#masthead{background:#97662c; height:156px; display:block; clear:both; background-image:url(../img/walkaboutinn-head.jpg); }
 
.title {font:bold 18px "Myriad Pro", "Trebuchet MS", Arial;  color:#8C6F41;}
.titlesub {font:bold 12px "Myriad Pro", "Trebuchet MS", Arial; font-style:italic; color:#663300;}

#walkabout{width:873px; background-image:url(../img/navbg.jpg); background-repeat:repeat-x; height:25px; margin:0; padding:0; font:16px "Myriad Pro", "Trebuchet MS", Arial; color:#663300; text-align:right; padding-right:10px; padding-top:5px }

#nav { width:196px; display:block; border-bottom:1px solid #CFA979; margin-left:10px;}
#nav ul {padding:0; margin-left:30px;}
#nav li{list-style-image:url(../img/bedandbreakfast.jpg); height:36px;}
#nav li a {text-decoration:none; color:#663300; font-weight:bold; font:19px "Myriad Pro", "Trebuchet MS", Arial;   padding:7px 0px 0px 10px; position:absolute;  }
#nav li a:hover {color:#A18555;}

#leftcolumn{margin-right:667px; border-right:1px solid #CFA979; margin-bottom:10px;}
#leftcolumn h1 {font:20px "Myriad Pro", "Trebuchet MS", Arial;  color:#027e47; margin-left:15px;}
#leftcolumn h2 {font:15px "Myriad Pro", "Trebuchet MS", Arial;  color:#8C6F41; margin:-7px 0px -10px 15px;}
#leftcolumn p {margin-left:15px; margin-right:10px;} 
.special ul {margin-top:0px; margin-left:-20px} 
.special ul li {list-style:none}

#maincolumn{float:left; width:647px; margin-left:-667px; padding-left:20px; }
#maincolumn p {margin-right:20px;} 
.main_photo {border:1px solid #97662C; padding:5px;}


#footer{clear:left; color:#6A4C00; width:863px; margin:0px 10px 0px 10px; font:11px Arial, Helvetica, sans-serif; padding:6px 0; border-top:1px solid #CFA979; height:45px }
#footer a{text-decoration:none; color:#6A4C00; }
#footer a:hover{text-decoration:underline; } 

.bottom_nav {width:auto; height:auto;  font-size:11px; padding-left:0px;  float:right; text-align:right; padding-top:10px; line-height:15px  }
.bottom_nav a {padding:8px; font-weight:normal; text-decoration:none;}

.copyright {width:auto; height:auto; font-size:11px; padding-right:0px; font-weight:bold; padding-top:10px }
.logo {margin-right:10px; margin-top:-10px}

h1 {color:#026B36; font:26px "Myriad Pro", "Trebuchet MS", Arial; }
h1 span {color:#000; font-size:13px; font-style:italic; font-weight:normal}
h2 {color:#8C6F41; font:22px "Myriad Pro", "Trebuchet MS", Arial; padding-top:15px;  }
h2.special {margin-bottom:-12px; margin-top:20px}
h3 {color:#8C6F41; font:18px "Myriad Pro", "Trebuchet MS", Arial;  }


#association {width:890px; display:block; margin:auto; margin-bottom:20px; margin-top:15px}
#association img {margin:3px 10px} 

#wharton {width:890px; display:block; margin:auto; height:20px; padding-right:10px; margin-top:10px}
#designs {float:right; width: 310px; text-align:right; color:#ffffff; font-size:11px}
#designs a {color:#ffffff;}

img.amenities {margin-right:40px; border:1px solid #97662c; margin-top:10px}

.revMain {float:right; margin:20px}

.rooms {margin-bottom:10px}

.gallery {margin:10px; border:2px solid #7f653e; }

#slideshow {margin:0px 30px; border:2px solid #7f653e; width:364px; height:241px; float:right; padding:0px 0px;}
/* Contact Form Styles */

#myform {width: 200px;}

.cssform p{
width: 200px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 50px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -50px; /*width of left column*/
width: 50px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 170px;
}

.cssform textarea{
width: 250px;
height: 150px;
}