/*------------------------------------------------
CSS for Walton House Bed & Breakfast

Version:	3.0 May 07
Author:		Nick Lancaster
Email:		n.lancaster@mac.com
-----------------------------------------------*/

/* General Styles
-----------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}


body
{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	background: url(images/wrapperbackground.jpg) repeat-x fixed;
	
}


h1
{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
	padding: 10px 0 0 0;

}

h1#acc
{
	background: transparent url(images/banner_sm.jpg) no-repeat center;
}

h1#acc2
{
	background: transparent url(images/banner_sm.jpg) no-repeat center;
}

h1#hist
{
	background: transparent url(images/banner_sm.jpg) no-repeat center;
}

h1#local
{
	background: transparent url(images/banner_sm.jpg) no-repeat center;
}

h1#cont
{
	background: transparent url(images/banner_sm.jpg) no-repeat center;
}

h1#attractions
{
	background: transparent url(images/banner_sm.jpg) no-repeat center;
}

h2
{
	
	margin-top: 10px;
	font-size: 1.5em;
	margin-bottom: 15px;
	font-weight: bold;
	
}

h3
{
	
	text-align: center;
	font-size: 12px;
	margin-top:10px;

}


h4
{
	color: #000000;
	text-align: center;
	font-size: 12px;

}




a
{
	text-decoration: none;
	color: #fff;
	margin: 0;
	padding: 0;
}

a.external:link {line-height: 24px; color: #fff; font-size: 16px; font-weight: bold; }
a.external:visited {line-height: 24px; color: #fff; font-size: 16px; font-weight: bold; }


ul
{
	margin: 0px;
	padding: 0px;
}

li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.text
{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
	padding: 0px 0 0 0;
}
.textbullets
{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 5px;
	padding: 0px 0 0 0;
}


.boldText
{
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 0 0;
}
.bigText
{
	color: #1360A5;
	margin: 10px 0 0;
	padding: 0 0 10px 0;
	font-size: 18px;
	line-height: 29px;
	font-weight: normal;
	
}
.hide
{
	display: none;
}

/* Specific Div's
-----------------------------------------------*/
#wrapper
{
	width: 750px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

#banner
{
	margin: 0;
	padding: 0;
}

/* Content area
-----------------------------------------------*/

.clear
{
	clear: both;
	height: 0px;
	width: 100%;
}

#content
{
	width: 750px;
	margin: 0 0 0 0;
	padding: 0;
}

#specialsContent
{
	width: 750px;
	margin: 0 0 0 40px;
	padding: 0;
}


/* Position left content
-----------------------------------------------*/

#left
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	width: 402px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 382px;
}

#specialsLeft
{
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0px;
	width: 422px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 402px;
}

#findusLeft
{
	float: left;
	margin: 0 10px 10px 10px;
	padding: 0 10px 0px 10px;
	width: 430px;
}

#findusRight
{
	float: right;
	margin: 10px 10px 0 0;
	padding: 10px 10px 10px 10px;
	background-color: #e6d1a8;
	width: 240px;
	border-style: double;
border-width: 4px;
border-color: #c99c44;
}

.rightheader
{
font-size:1.3em;
text-transform: uppercase;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
}

.findusrighttext
{
font-size: 14px;
line-height: 24px;
text-align: center;
margin-bottom: 10px;
}

.condensedtext
{
font-size: 14px;
line-height: 1.2em;
text-align: center;
margin-bottom: 0px;
}

#specialsUnderline
{
	border-bottom: 1px solid #000;
	margin: 0 25px 0 20px;
}

#mapLeft
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	width: 680px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 680px;
}


#left a
{
	color: #000066;
	font-weight: bold;
}

#mapLeft a
{
	color: #000066;
	font-weight: bold;
}

#specialsContent a
{
	color: #000066;
	
}
#specialsContent a:hover
{
	text-decoration: underline;
}



#rightTopContact a
{
	color: #000066;
}

#sbws a
{
	color: #000066;
	font-weight: bold;
}

#left a:hover
{
	text-decoration: underline;
}

#mapLeft a
{
	color: #000066;
}

#mapLeft a:hover
{
	text-decoration: underline;
}

/* Position right content
-----------------------------------------------*/

#right
{
	float: right;
	margin: 0 20px 0 0;
	padding: 0 0 30px;
	background: url(images/bottom_grad.jpg) no-repeat bottom;
	width: 320px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 290px;
}

* html body #right
{
	margin: 0 10px 0 0;
}

.ind
{
	margin: 0 10px 0 0;
	padding: 0;
}

#right ul
{
	margin: 0px;
	padding: 0px;
}

#right li
{
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 8px 0 0 20px;
}
#rightSpecials
{
	float: right;
	margin: 0 85px 0 0;
	padding: 40px 0 30px;
	width: 260px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 240px;
}

#rightImages
{
	float: right;
	margin: 10px 20px 0 0;
	padding: 10px 15px 10px 5px;
	background-color: #e6d1a8;
	border-style: double;
border-width: 4px;
border-color: #c99c44;

	width: 272px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 252px;
}

#rightTopContact
{
	float: right;
	margin: 0 20px 0 0;
	padding: 10px 15px 0 5px;
	background-color: #e6d1a8;
	width: 272px;
	border-style: double;
border-width: 4px;
border-color: #c99c44;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 252px;
}


#rightTopAccommodation
{
	float: right;
	margin: 0 20px 0 0;
	padding: 10px 15px 0 5px;
	background-color: #fff;
	width: 272px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 252px;
}


.righttext
{
	font-size: 28px;
	line-height: 24px;
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
	color: #000066;
}

#rightAddThis
{
	float: right;
	margin: 0 20px 0 0;
	padding: 10px 10px 10px 10px;
	width: 280px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
}


#rightCaption
{
	float: right;
	
	text-align: center;
	width: 260px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 240px;
	text-align:center;
	margin-top:5px;
}



* html body #rightImages
{
	margin: 0 10px 0 0;
}

#mapImages
{
	float: left;
	margin: 0 20px 0 0;
	padding: 10px 10px 0;
		width: 604px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 604px;
}

* html body #mapImages
{
	margin: 0 10px 0 0;
}



#rightLocal
{
	margin: 0 20px 0 0;
	padding: 10px 10px 0;
	background: url(images/smbg_grad.jpg) repeat-x;
	width: 280px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 260px;
}

* html body #rightLocal
{
	margin: 0 10px 0 0;
}

/* Right panel images
-----------------------------------------------*/

.lftsmall
{
	float: left;
	margin: 0;
	padding: 0 10px 10px 0;
	width: 135px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 125px;
}

.small
{
	float: left;
	width: 125px;
	margin: 0;
	padding: 0 0 10px 0;
}

.large
{
	width: 260px;
	margin: 0;
	padding: 0 0 10px 0;
}

.large
{
	width: 260px;
	margin: 0;
	padding: 0 0 10px 0;
}

.withborder
{
	border:1px solid #bdb76b;

}
.midwithborder
{
	border:1px solid #bdb76b;
	margin-top:10px;

}


.largeTop
{
	width: 260px;
	margin: 0  0 0;
	padding: 0 0 10px 0;
}


.map
{
	width: 604px;
	margin: 0;
	padding: 0 0 10px 0;
}

.map
{
	margin:20px 0 0 20px;
	padding: 0;
}

h2#star
{
	clear: both;
	display: block;
	width: 293px;
	height: 105px;
	float: left;
	margin: 20px 0 0 30px;
	padding: 0;
	background: transparent url(images/four_star.gif) no-repeat;
	text-indent: -9999px;
	border: none;
}

h2#check
{
	margin: 0 10px 0 0;
	padding: 0;
	background: transparent url(images/checklist.jpg) no-repeat center;
	width: 285px;
	height: 69px;
	text-indent: -9999px;
	border: none;
}
	

* html body .star
{
	margin: -150px 14px 0 0;
}

/* Room buttons
-----------------------------------------------*/

#rooms
{
	margin: 10px 0 0;
	padding: 5px;
	background: url(images/rm_lbg.jpg) no-repeat center -5px;
}

#rooms ul
{
	margin: -5px 0 0;
	padding: 10px 0 20px;
}

#rooms ul li a
{
	color: #fff;
	font-size: 12px;
	line-height: 38px;
	margin: 0;
	padding: 8px 11px 8px 45px;
	background: url(images/room_bgs.jpg) no-repeat left 0px;
}

#rooms ul li a.mill
{
	padding: 8px 20px 8px 45px;
}

#rooms ul li a:hover
{
	text-decoration: none;
	background: url(images/room_bgsh.jpg) no-repeat left 0px;
}

/* Forward button
-----------------------------------------------*/

#left ul li a.forward
{
	display: block;
	font-size: 14px;
	margin: 20px 0 0;
	padding: 0 15px 0 0;
	color: #000;
	text-decoration: none;
	background: url(images/arrow_blackfwd.jpg) no-repeat 40px;
}

#left ul li a.forward:hover
{
	color: #94202f;
	background: url(images/arrow_redfwd.jpg) no-repeat 40px;
}

/* Back button
-----------------------------------------------*/

#left ul li a.back
{
	display: block;
	font-size: 14px;
	margin: 20px 0 0;
	padding: 0 0 0 15px;
	color: #000;
	text-decoration: none;
	background: url(images/arrow_black.jpg) no-repeat left;
}

#left ul li a.back:hover
{
	color: #94202f;
	background: url(images/arrow_red.jpg) no-repeat left;
}

/* Footer
-----------------------------------------------*/

#footer
{
	width: 710px;
	margin: 10px 20px 0;
	padding: 0;
	border-top: 1px solid #000;
}

#footer a#logo
{
	display: block;
	float: left;
	margin: 20px 0 0 20px;
	padding: 0;
	background: transparent url(images/wh_logo4star.gif) no-repeat center;
	width: 73px;
	height: 94px;
	text-indent: -9999px;
}

#hosts
{
	float: left;
	margin: 0 0 0 20px;
	padding: 18px 20px 10px;
height: 95px;
/*	
	width: 280px;

*/
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 265px;
}

address
{
	font-style: normal;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

#hosts a
{
	color: #000;
}

#hosts a:hover
{
	text-decoration: underline;
}

#h4Links
{
	text-align: center;
	margin: 10px 0 10px 0;
	

}

#h4Links a
{
	color: #000000;
}

#h4Links a:hover
{
	text-decoration: underline;
}

/* Download buttons
-----------------------------------------------*/

#download
{
	float: right;
	margin: 0;
	padding: 7px 5px 0 0;
	width: 285px;
	height: 120px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 280px;
	height: 120px;
}

ul li.base a
{
	clear: both;
	display: block;
	background: none;
	margin: 5px 0 0 15px;
	padding: 3px 0 0;
	background: transparent url(images/pdf_button.gif) no-repeat center;
	width: 252px;
	height: 33px;
	text-indent: -9999px;
}

ul li.base a#lk
{
		background: transparent url(images/links.gif) no-repeat center;
}

ul li.base a#dist
{
		background: transparent url(images/distances.gif) no-repeat center;
}



#dateModified {
	float: left;
	padding-left: 100px;
	width: 250px;
}

#datesbws {
	width: 730px;
}

#sbws {
	float: right;
	padding-right: 30px;
	text-align: right;
	margin-right: 70px;
	width: 300px;
}


table#test {
   
    width: 680px;
}
table#test td {
    padding: 5px;
    border: double #657383 1px;
}
.data {
    color: #000000;
    text-align: center;
    width: 185px;
}
.toprow {
    font-style: italic;
    text-align: center;
	font-weight: bold;
    
}
.leftcol {
    font-weight: bold;
    text-align: center;
    width: 170px;
    
}
.rightcol {
    font-weight: bold;
    text-align: center;
    width: 140px;
    
}



#rounded-corner
{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	font-weight: normal;
	margin: 10px;
	width: 730px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	width: 730px;
	color: #0000ff;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 6px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #0000ff;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}

/* rates table */

#box-table-rates
{
	line-height: 1.2em;
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	width: 710px;
	text-align: center;
	border-collapse: collapse;
}
#box-table-rates th
{
	font-weight: bold;
	font-size: 14px;
	padding: 8px;
	background: #d4dacd;
	border-top: 1px solid #000066;
	border-bottom: 1px solid #fff;
}
#box-table-rates th.white
{
	font-weight: bold;
	font-size: 14px;
	padding: 2px 8px 2px 0px;
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#box-table-rates td
{
	padding: 8px;
	background: #fafbf9; 
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
}
#box-table-rates tr:hover td
{
	background: #edf0ea;
	color: #000066;
}

#imageholder
{
width:750px;
}
.nudge
{
margin-left: 0px;
}
.blueborder
{
	border: 1px solid #000066;

}

.breakfast
{
width:500px;
margin-left: 80px;
}

.breakfastleft
{
float: left;
width:450px;
font-weight: bold;
	font-size: 14px;
	line-height: 24px;

}

.breakfastright
{
	font-size: 14px;
	line-height: 24px;
font-weight: bold;
float: right;
width:50px;
}

.huonmanor
{
width:400px;
margin-left: 0px;
	border-style: dotted;
border-width: 1px;
border-color: #000;

}

.huonmanorleft
{
float: left;
width:90px;
margin-left: 10px;
font-weight: bold;
	font-size: 14px;
	line-height: 24px;

}

.huonmanorright
{
	font-size: 14px;
	line-height: 24px;
float: right;
text-align: center;
width:300px;
}


#spacer
{
	float: right;
	margin: 0 20px 0 0;
	padding: 10px 15px 0 5px;
	width: 272px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 252px;
}