/* Copyright Notice */
/* This file contains proprietary information of mm Perfect Web Design */
/* Copying or reproduction without prior written approval is prohibited. */
/* Copyright (c) 2000,2001,2002,2003 */
/* Style sheet for mmPerfectWebDesign - Manor Hosue Hotel Website */

/* first some general formatting */
/*DONT FORGET ALL THE TEXT IS IN TD TAGS */
body {
font: 9pt arial, helvetica, sans-serif;
background: white;
color: black;
margin: 0px}

h1 {font-size: 15pt; font-weight: bold; color: black; }
h2 {font-size: 13pt; font-weight: bold; color: purple; }
h3 {font-size: 11pt; font-weight: bold; color: purple; }
h4 {font-size: 9pt; font-weight: bold; color: purple; }
.code {font: 9pt Arial, Helvetica, sans-serif; color: blue; }
td {font: 9pt Arial, Helvetica, sans-serif; color: black; }
.sample {font: 9pt Arial, Helvetica, sans-serif; color: navy; }
.data {font: 9pt Arial, Helvetica, sans-serif; color: maroon; }

hr {
width:90%;
}

span.cin {
font-size: 16px; font-weight: bold; color: red; 
}
/* Navigation Bar Formatting */
A.navbar{color:#000000;text-decoration: none;background: #88aaee;}
A:VISITED.navbar{color:#000000;text-decoration: none;background: #88aaee;}
A:HOVER.navbar{color:#ff0000;text-decoration:none;background: #ffffff;}

td.navbar{font: 9pt Arial, Helvetica, sans-serif; color: black; background: #88aaee;}

/* Default Anchor Settings */
A{color:#0000ff;text-decoration: none;}
A:VISITED{color:#0000ff;text-decoration: none;}
A:HOVER{color:#ff0000;text-decoration:underline;}


/* This is for the dec 2004 menu */
span.f0 {font:  24pt "Times New Roman"; color: #ff0000;}
span.f1 {font:  18pt "Times New Roman"; color: #ff0000;}
span.f2 {font:  24pt "Times New Roman"; color: #008000;}
/*span.f0 {font:  bold 24pt "Times New Roman"; color: #000000;}*/
/* Left Navigation Bar Settings */
a.leftbar, a.leftbar:visited{
color:black;
text-decoration: none;
background-color: #88aaee;
margin: 1px;
border-style: solid;
border-width: 3px;
border-color: #77aaff #0e215b #0e215b #77aaff;
width: 90%;
visibility: visible;
display: block }

a.leftbar:hover {
border-color: #0e215b #77aaff #77aaff #0e215b;
color:white;
background-color: #88aaee;
text-decoration: none;}

.attractionslist {
text-align:center;
}

span#band {
color:blue;
font-style:italic;
font-size:18px;
}
.barpics {
width:200px;
}

.barsnacktitle {
font-size: 16px;
width:50%;
margin-right:auto;
margin-left:auto;
font-weight:bold;
}

.barsnackitem {
font-size: 16px;
width:50%;
margin-right:auto;
margin-left:auto;
}

.barsnackdesc {
text-align:left;
width:75%;
float:left;
}

.barsnackprice {
text-align:right;
width:15%;
float:right;
}

.leftbardis {
text-align:center;
color:white;
background-color: #88aaee;
margin: 1px;
border-style: solid;
border-width: 3px;
border-color: #0e215b #77aaff #77aaff #0e215b;
width: 90%;
visibility: visible;
}

.leftbartitle {
text-align:center;
color:Red;
background-color: #88aaee;
margin: 1px;
border-style: solid;
border-width: 3px;
border-color: #0e215b #77aaff #77aaff #0e215b;
width: 90%;
visibility: visible;
}

#imageblock {
width:90%;
text-align: center;
margin-right: auto;
margin-left: auto;
}

.imageblockclass {
width:90%;
text-align: center;
margin-right: auto;
margin-left: auto;
}

.outsideimage {
width:150px;
border:0;
margin:2px;
}

#bpolinkimage {
border:0;
width:150px;
}

.ind {
color:white;
font-weight:bold;
}

#header { 
border: 0px solid green;
background-color: white; 
width: 1200px; 
height: 48px;
border-bottom:1px solid black;
margin-bottom:5px;
padding-bottom:5px;}

	#headerleft {
	border: 0px solid red;
	text-align: left;
	float: left;
	width: 150px;
	}

	#headerblock {
	margin-top:20px;
	border: 0px solid red;
	float: left;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
    width: 800px;
	}
		#headerblockleft {
		text-align: right;
		border: 0px solid white;
		float: left;
		width: 15%;
		}

		#headerblockmiddle {
		float: left;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		width:70%;
		font-family: helvetica;
		font-weight: bold;
		font-size: 28px;}

				#headerblocktitletop {
				text-align: center;
				}

				#headerblocktitlebottom {
				font-weight: normal;
				font-size: 12px;
				}

		#headerblockright {
		text-align:left;
		border: 0px solid white;
		float: left;
		width: 15%;
		}

	#headerright {
	text-align:right;
	/*border: 1px solid red;*/
	float: left;
	width: 150px;
	}

.headersideimages {
width: 150px;
border: 1px dotted red;
border:0;
}

.aa4stars {
vertical-align: middle;
}

#subheader {
clear: left;
width: 100%;
border: 0px solid red;
text-align: center;
}

#navbar { 
color: #99c; 
font-size: 10px; 
font-family: Verdana, Geneva, Arial, sans-serif; 
background-color: #fc6; 
text-align: center; 
margin-top: 3px; 
margin-bottom: 3px; 
padding-top: 3px; 
padding-bottom: 4px; 
width: 100% }

#contentwrapper {
margin: 1px;
width: 1200px;
border: 0px dotted black;
}
	#leftnav {
	width: 150px;
	border: 0px dotted red;
	float: left;
	}

	#content { 
	float: left;
	border: 0px dotted green;
	width: 900px; 
	margin-right: auto; 
	margin-left: auto }

	#rightlinks {
	width: 150px;
	border: 0px dotted blue;
	float: left;
	text-align:right;
	}

	.rightpara {
	width: 150px;
	}

/* These would allw a 3 column page
 .col1 {
	font-weight: bold;
    font-size: 11px;
    line-height: 28px;
    text-align: right;
    float: left;
    width: 100px;
    height: auto;
    padding-right: 15px; }

.col2 {
	border-left: 1px dotted red;
    padding: 1px 10px 3px 15px;
    background-color: rgb(255, 255, 243);
    float: left;
    height: auto;
    width: 350px; }

.col3  {
	font-size: 10px;
    float: left;
    width: 120px;
    height: auto;
    margin-left: 15px; }

	make sure nxt elemt has clear:left
*/

#mainpic {
border:1px solid red;
width:400px;
height:222px;
border:0;
margin-right: auto; 
margin-left: auto; 

}
#mainpicdiv {
width:100%;
text-align:center;
}

#dadpic {
width:100px;
border:0;
}

#valx {
border:0;
width:88px;
height:31px;
}

#valc {
border:0;
width:88px;
height:31px;
}

.sectiontitle {
color: red;
font-weight: bold;
}

.comicbiggreen {
font-family: "comic sans ms", arial, sans-serif;
border: 0px solid blue;
width:100%;
text-align: center;
font-weight: bold;
color: green;
font-size: 1.2em; }

.spacer {
clear: left;
width: 100%;
height: 16px; }

.title {
border: 1px solid blue;
width:60%;
height:20%;
margin-right: auto; 
margin-left: auto; 
background-color: #dddddd; }

.tittext {
width:100%;
font-family: "comic sans ms";
font-size: 2em;
color:red;
text-align: center; }

.titsubtext {
width:100%;
font-family: "comic sans ms";
font-size: 1.2em;
color:blue;
text-align: center; }

.titsub2text {
width:100%;
font-family: "comic sans ms";
font-size: 0.8em;
color:blue;
text-align: center; }

.main {
border: 1px solid blue;
width:60%;
margin-right: auto; 
margin-left: auto; 
}

.pagetitle {
font-size: 30px;
font-family:arial;
font-weight: bold;
color: black;
width:50%;
margin-top:10px;
margin-right:auto;
margin-left:auto;
text-align:center;
}

.partytext {
font-size:20px;
font-weight:bold;
width:50%;
margin-top:10px;
margin-right:auto;
margin-left:auto;
text-align:center;
}

.pricewrapper {
width:300px;
margin-right:auto;
margin-left:auto;
text-align:center;
}

.pricelist {
width:100px;
float:left;
}

.priceamt {
width:100px;
}
.imagepic {
margin: auto; 
width: 100%; }

.subtitletext {
margin-top:25px;
margin-left:50px;
margin-right:50px;
font-weight:bold;
font-size:16px;
text-align:center;
/*border:1px solid black;*/
width:800px;
}

.centretext,.newstitle,.locationcentretext {
margin-right:auto;
margin-left:auto;
text-align:center;
}

.newstitle {
color:red;
text-decoration:underline;
font-weight:bold;
}

.locationcentretext {
color:blue;
font-size: 20px;
}
#mailreadhead,#maildatehead,#mailtimehead,#mailsenderhead,#mailsubhead {
float:left;
font-weight:bold;
}

#mailreadhead {width:40px;}
#maildatehead {width:75px;}
#mailtimehead{width:75px;}
#mailsenderhead{width:200px;}
#mailsubhead{width:200px;}
          
.mailread, .maildate, .mailtime, .mailsender, .mailsub, .maildel, .mailunread{
float:left;
font-weight:bold;
}

.mailread {clear:left;width:40px; font-weight:bold; color:red;font-style:italic;}
.maildate {width:75px;}
.mailtime{width:75px;}
.mailsender{width:200px;}
.mailsub{width:200px;}
.maildel{width:60px;}
.mailunread{width:100px;color:green;}

#nomess {
font-weight:bold;
width:700px;
text-align:center;
border:1px solid black;
background-color:#eeeeee;
line-height:75px;
margin-top:25px;}

#trashlog {
width:700px;
text-align:center;
line-height:75px;
margin-top:25px;
}

.maillabel {
float:left;
font-weight:bold;
width:200px;
}

.maildata {
width:250px;
}

#mailtext {
margin-top:25px;
clear:left;
}


.menu {
font-family: marriage,"commercialscript bt", helvetica,"sans serif";
}

.menulist {
text-align:center;
}

.menutitle {
font-size:30px;
width:75%;
margin-top:25px;
margin-right:auto;
margin-bottom:25px;
margin-left:auto;
text-align:center;
}

.menuitems {
font-size: 20px;
width:50%;
margin-top:10px;
margin-right:auto;
margin-left:auto;
}

.menudesc {
text-align:left;
width:75%;
float:left;
}

.menuprice {
text-align:right;
width:15%;
float:right;
}

.menuveggie {
width:5%;
font-style:italic;
float:left;
text-align:left;
font-family:"times new roman","sans serif";
color:red;
}

.menucomments {
font-size: 20px;
width:50%;
margin-top:10px;
margin-right:auto;
margin-left:auto;
text-align:center;
}

.infolabel {
width:250px;
float:left;
text-align:right;
margin-left:90px;
margin-right:3px;
}

.infodata {
width:250px;
text-align:left;
margin-left:3px;
}

.treattitle {
font-size:24px;
width:400px;
text-align:left;
}

.treatsubtitle {
width:400px;
font-size:16px;
text-align:left;
}

.treatdata {
width:400px;
font-size:12px;
text-align:left;
}



#footer {
/* This wold stick trhe nav bar to the bopttom of the page
but unless everything else is position absolutely with perces 
then a short browser ior long page will put the footer over
the content
position: absolute;
bottom: 5px;*/
/*margin-right: auto; 
margin-left: auto; */
padding: 3px;
background-color: #dddddd;
border-top: 1px solid black;
clear: left;
width:1200px; 
height: 24px }

#footer_xhtml11 {
float: left;
background-color: #dddddd;
}

#footer_css {
float: left;
background-color: #dddddd;
}

#footertext {
float: left;
color: black;
text-align: left;
background-color: #dddddd;
}

span.error {
color:red;
font-weight:bold;
}


#decmengif {
height:745px;
border:0;
}

#xmaspara {
width:550px;
margin-right: auto; 
margin-left: auto; 
text-align:center;
}

#xmashollyleft {
width:77px;
float:left;
vertical-align:middle;
}

#xmastextwrapper {
float:left;
width:396px;
margin-right:auto;
margin-left:auto;
width:70%;
}

#xmashollyright {
width:77px;
float:left;
vertical-align:middle;
}
/* Chrsitmas Day styles*/

#xmas2gif {
margin-left:126px;
width:539px;
height:72px;
border:0;
}

#xmas1gif {
float:left;
width:126px;
height:696px;
border:0;
margin-right:25px;
}

#xmas3gif {
width:493px;
height:396px;
border:0;
}

#xmasmaintext {
margin-left:25px;
}

  span.f0 {font:  bold 18pt "Arial"; color: #000000;}
  span.f1 {font:  bold 18pt "Arial"; color: #ff0000;}
  div.f2 {clear:left; text-align:center;font:  24pt "Times New Roman"; color: #000000;}