body {
	margin: 0;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #330033;
	background-image: url(images/background-lrg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

h1 {
	font-size: 22px;
	color: #996699;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #b18558;
	font-weight: normal;
	margin-bottom: 4px;
}
h2 a {
	font-size: 22px !important;
	color: #b18558 !important;
}
h3 {
	font-size: 16px;
	color: #663366;
}

h4 {
	font-size: 14px;
	color: #996699;
}
h5 {
	font-size: 14px;
	font-style: italic;
	color:#009999;
}
.topinfo {
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 2px 0 6px;
}
#wrap {
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#layout {
	width: 780px;
	border: 1px solid #ffffff;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-color: #f9ddbb;
}

.right {
    float: right;
}

.left {
    float: left;
}

#header { /* Header Background Image */
	width: 780px;
	height: 126px;
	background: #663366 url(images/header.jpg) no-repeat left top;
}

#header #logoHomeLink a{ /* Header Logo Link */
	display:block;
	text-decoration:none;
	position:absolute;
	width : 450px;
	height: 126px;
	margin-left: 0px;
	margin-top: 0px;
}

#header #logoHomeLink span { /* Header Logo Text Hide */
	display: none;
}

#header #contactInfo { 
	clear: both;
	float: right;
	text-align: left;
	color:#ffffcc;
	font-size: 12px;
}

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

#header #contactInfo ul li {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-top: 6px;
}

#header #contactInfo ul li strong {
	color:#cc9966;
}

#header #contactInfo ul li.resLink a {
	font-size: 14px;
	color: #330033;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 170px;
	height: 38px;
	background-color:#FFCC66;
	text-align: center;
	padding: 2px;
	margin-bottom: 6px;
	position: relative;
}
#header #contactInfo ul li.resLink a:hover {
	color: #663366;
	background-color:#FFFFFF;
}

.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav ul li {
	float: left;
}
.nav ul li a {
	display: block;
}
.nav ul li a:hover {
	text-decoration: underline;
}

#topNav {
	width: 780px;
	height: 33px;
	color: #cc9966;
	background: #330033 url("images/navbg.gif") repeat-x left top;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

#topNav a {
	font-size: 11px;
	color: #ffffcc;
	text-decoration: none;
	background: url("images/navdivider.gif") right no-repeat;
	position: relative;
	z-index: 999;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 8px;
}
#topNav a:visited {
	color: #cc9966;
	text-decoration: none;
}
#topNav a:hover {
	color: #ffffcc;
	text-decoration: underline;
}
#topNav a:active {
	color: #ffffff;
	text-decoration: underline;
}
#topNav ul li.lastOne a {
	background: none;
}

#home #topPic {
	background: #663366 url(images/homepagepic1.jpg) no-repeat left top;
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
}
#rooms #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/rooms_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#features #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/features_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#reservations #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/reservations_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#area #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/area_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#breakfast #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/breakfast_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#comments #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/comments_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#directions #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/directions_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#history #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/history_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#specials #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/specials_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#weddings #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/weddings_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#officiant #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/officiant_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#dans #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/dans_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#biking #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/biking_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bio #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/bio_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#events #topPic {
	width: 780px;
	height: 350px;
	border-top: 1px solid #ffffff;
	background-color: #663366;
	background-image: url(images/events_780x350.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#content {
	display: table;
	width: 780px;
	clear: both;
	background: #f9ddbb url("images/contentbg.gif") top repeat-x;
}
#content .main {
	width: 500px;
	float: left;
	display: table;
	line-height: 20px;
	color: #330033;
	padding-top: 28px;
	padding-right: 10px;
	padding-bottom: 16px;
	padding-left: 18px;
}
#content .main a:link {
	color: #663366;
}
#content .main a:visited {
	color: #330033;
}
#content .main a:hover {
	color: #663399;
}
#content .mainWide {
	width: 736px;
	float: left;
	display: table;
	line-height: 20px;
	color: #330033;
	padding-top: 28px;
	padding-right: 10px;
	padding-bottom: 16px;
	padding-left: 18px;
}
#content .mainWide a:link {
	color: #663366;
}
#content .mainWide a:visited {
	color: #330033;
}
#content .mainWide a:hover {
	color: #663399;
}
#content .sidebar {
	width: 210px;
	text-align: center;
	float: right;
	display: table;
	color: #663366;
	font-size: 11px;
	padding-top: 36px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 18px;
}
#content .sidebar #image {
	margin-top: 0px;
	margin-bottom: 12px;
}
#content .sidebar .backgroundDark {
	background-color: #CDAA7A;
	margin: 2px;
	padding: 5px;
}
#content .sidebar p {
	color: #330033;
}

#content .sidebar a:link {
	color: #663366;
}
#content .sidebar a:visited {
	color: #330033;
}
#content .sidebar a:hover {
	color: #663399;
}
#footer {
	width: 780px;
	height: 90px;
	background: url(images/footerbg.jpg) no-repeat left top;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
}

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

#footer .contactInfo {
	float: right;
	width: 540px;
	height: 85px;
	color: #ffffff;
	font-size: 11px;
	padding-top: 12px;
	height: 72px;
}
#footer .contactInfo a {
	color: #ffffff;
}

#footer .contactInfo #contactLeft {
	padding-right: 200px;
	text-align: right;	
	line-height:14px;
}
#footer .contactInfo #contactRight {
	float: right;
	height: 5.5em;
	line-height:14px;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 28px;
}
#footer .contactInfo #contactRight strong {
	color: #cc9966;
	font-weight: bold;	
	line-height: 1.35em;
}

#footer .gcLink { /* Gift Certificate Link Image */
	float:left;
	display: block;
	width: 232px;
	height: 83px;
	margin-top: 3px;
	margin-left: 2px;
	background-image: url(images/gift_certificates.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footer .gcLink span { /* Gift Certificate Text Hide */
  display: none;
}

#footer .gcLink a {
	display: block;
	color:#ffcc66;
	width: 250px;
	text-decoration: none;
	font-size: 14px;
	height: 81px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
}


#copyright {
	clear: both;
}

#content .main #news {
	margin-left: -18px;
}
#content .main #news li {
	list-style-type: square;
	margin-bottom: 6px;
}

#low {
	width: 780px;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #EDEDC8;
	font-size:10px;
	margin-top: 2px;
}

#low a {
	text-decoration: none;
	color: #cc9966;
}

#low a:hover {
	text-decoration: underline;
}
.low {
	width: 780px;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #EDEDC8;
	font-size:10px;
	margin-top: 2px;
}

.low a {
	text-decoration: none;
	color: #cc9966;
}

.low a:hover {
	text-decoration: underline;
}
#lowerNav {
	font-size: 10px;
	width: 780px;
	height: 28px;
	clear: both;
}

#lowerNav ul li a {
	display: block;
	padding: 3px 10px;	
	background: url("images/lownavdivider.gif") right no-repeat;
}


#lowerNav ul li.lastOne a {
	background: none;
}

#specialsBox a {
	display: block;
	width: 200px;
	height: 30px;
	background-color:#330033;
	text-align: center;
	padding: 2px;
	padding-top: 8px;
	margin-bottom: 6px;
	font-size: 18px !important;
	color: #FFCC66 !important;
	font-weight: bold !important;
	text-decoration: none !important;
	border: 2px outset #663366;
	vertical-align: middle;
}
#specialsBox a:hover {
	background-color:#663366 !important;
	color: #FFFFFF !important;
}

#contactUsBox a {
	display: block;
	width: 200px;
	height: 42px;
	background-color:#330033;
	text-align: center;
	font-size: 14px !important;
	color: #F5C992 !important;
	font-weight: bold !important;
	text-decoration: none !important;
	border: 2px outset #660033;
	vertical-align: middle;
	padding-top: 6px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-top: 20px;
	margin-right: 0px;	
	margin-bottom: 2px;
	margin-left: 2px;
}
#contactUsBox a:hover {
	background-color:#663366 !important;
	color: #FBE9D2 !important;
}
#seeReviewBox a {
	display: block;
	width: 200px;
	height: 38px;
	background-color:#006666;
	text-align: center;
	padding-top: 6px;
	margin-bottom: 6px;
	font-size: 14px !important;
	color: #CCCCCC !important;
	font-weight: normal !important;
	text-decoration: none !important;
	border: 2px outset #003333;
	vertical-align: middle;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
#seeReviewBox a:hover {
	background-color:#009999 !important;
	color: #FFFFFF !important;
}
#joinFacebookBox a {
	display: block;
	width: 200px;
	height: 34px;
	background-color:#D9E1F0;
	text-align: center;
	padding-top: 6px;
	margin-bottom: 6px;
	font-size: 12px !important;
	color: #324A74 !important;
	font-weight: normal !important;
	text-decoration: none !important;
	border: 2px outset #486CAB;
	vertical-align: middle;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
#joinFacebookBox a:hover {
	background-color:#FFFFFF !important;
	color: #4E6FB1;
}
#seePicsBox a {
	display: block;
	width: 200px;
	height: 38px;
	background-color:#F5C992;
	text-align: center;
	padding-top: 6px;
	margin-bottom: 6px;
	font-size: 14px !important;
	color: #330033 !important;
	font-weight: bold !important;
	text-decoration: none !important;
	border: 2px outset #330033;
	vertical-align: middle;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
#seePicsBox a:hover {
	background-color:#FCEFE0 !important;
	color: #660066;
	border-top-color: #660066;
	border-right-color: #660066;
	border-bottom-color: #660066;
	border-left-color: #660066;
}
#reserveBox a {
	display: block;
	width: 200px;
	height: 48px;
	background-color:#ffcc66;
	text-align: center;
	padding: 2px;
	padding-top: 4px;
	margin-bottom: 6px;
	font-size: 16px !important;
	color: #330033 !important;
	font-weight: bold !important;
	text-decoration: none !important;
	border: 2px outset #663366;
	vertical-align: middle;
}
#reserveBox a:hover {
	background-color:#ffffff !important;
	color: #663366 !important;
}
.img_right {	
	float: right;
	margin: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 18px;
	padding-bottom: 10px;
}
.img_left {
	float: left;
	margin: 2px;
	padding-top: 2px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 2px;
}
.attention {
	font-weight: bold;
	color: #CC0000;
}
.attention a {
	font-weight: bold;
	color: #CC0000 !important;
}
.attentionBox {
	padding: 4px;
	border: 1px dashed #660033;
}
.small_text {
	font-size: 10px;
	line-height: normal;
}
.small_text a {
	font-size: 10px;
	line-height: normal;
}
.largeText {
	font-size: 16px;
	font-weight: bold;
}
.largeText a {
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	text-decoration: none;
}
.pullquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}
.pullquoteSmall {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	line-height: 20px;
	float: right;
	width: 200px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-align: center;
}
#buttonRoomsRates { /* Rooms & Rates Button */
	display: block;
	width: 206px;
	height: 100px;
	margin-bottom: 30px;
	background-image: url(images/button-rooms-rates.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#buttonRoomsRates:hover { /* Rooms & Rates Button Rollover */
	background-image: url(images/button-rooms-rates-over.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#buttonRoomsRates span { /* Rooms & Rates Text Hide */
  display: none;
}
#bbAward { /* BedAndBreakfast.com Award Link Image */
	display: block;
	width: 154px;
	height: 88px;
	background-image: url(images/bb-winner-badge.jpg);
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 30px;
}
#bbAward:hover { /* BedAndBreakfast.com Link Rollover Image */
	background-image: url(images/bb-winner-badge-over.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#bbAward span { /* BedAndBreakfast.com Link Text Hide */
  display: none;
}
#awardLink { /* Best of Madison Link Image */
	display: block;
	width: 154px;
	height: 73px;
	background-image: url(images/best-mad-vari.gif);
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 30px;
}
#awardLink:hover { /* Best of Madison Link Rollover Image */
	background-image: url(images/best-mad-bkgr.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#awardLink span { /* Best of Madison Link Text Hide */
  display: none;
}
#assocLink { /* Wisconsin B&B Assoc Link Image */
	display: block;
	width: 154px;
	height: 84px;
	background: url(images/wis-bnb-vari.gif) no-repeat 0 0;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 30px;
}
#assocLink:hover { /* Wisconsin B&B Assoc Link Rollover Image */
    background: url(images/wis-bnb-new-logo-bkgr.gif) no-repeat 0 0;
}
#assocLink span { /* Wisconsin B&B Assoc Link Text Hide */
  display: none;
}
.boxHighlight {
	background-color: #fceedd;
	padding: 5px;
	margin-top: 2px;
}