html { min-height: 100%; margin-bottom: 1px; }

BODY {
margin-top: 10px;
padding: 0px;
color: #000000;
font-family: verdana, arial, geneva;
font-size: 11px;
line-height: 135%;
background-color: #d3381c;
}

#outerwrapper {
width: 970px;
min-height: 650px;
margin-top: 0px;
margin-left: -20px;
margin-bottom: 0;
padding: 0px;
margin-left: auto;
margin-right: auto;
background: #1f366c;

}



#wrapper {
width: 949px;
min-height: 650px;
margin-top: 0px;
margin-left: -20px;
margin-bottom: 0;
padding: 0px;
margin-left: auto;
margin-right: auto;
border: 10px solid #1f366c;
background: url(layouts/1.jpg);
}

#bwrapper {
width: 949px;
min-height: 700px;
margin-top: 0px;
margin-left: -20px;
margin-bottom: 0;
padding: 0px;
margin-left: auto;
margin-right: auto;
border: 10px solid #1f366c;
background: url(layouts/1.jpg);
}

#outerwrapper2 {
width: 970px;
min-height: 800px;
margin-top: 0px;
margin-left: -20px;
margin-bottom: 0;
padding: 0px;
margin-left: auto;
margin-right: auto;
background: #1f366c;

}



#wrapper2 {
width: 949px;
min-height: 800px;
margin-top: 0px;
margin-left: -20px;
margin-bottom: 0;
padding: 0px;
margin-left: auto;
margin-right: auto;
border: 10px solid #1f366c;
background: url(http://www.rowantreehoteloban.co.uk/images/2.jpg);
}

#outerwrapper3 {
width: 970px;
min-height: 870px;
margin-top: 0px;
margin-left: -20px;
margin-bottom: 0;
padding: 0px;
margin-left: auto;
margin-right: auto;
background: #1f366c;

}


#wrapper3 {
width: 949px;
min-height: 870px;
margin-top: 0px;
margin-left: -20px;
margin-bottom: 0;
padding: 0px;
margin-left: auto;
margin-right: auto;
border: 10px solid #1f366c;
background: url(http://www.rowantreehoteloban.co.uk/images/2.jpg);
}


#sushi {
width: 668px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
margin-left: 260px;;
}

#sms {
width: 960px;
margin-top: 20px;
margin-bottom: 10px;
padding: 0;
margin-left: auto;
margin-right: auto;
}

#form {
position: absolute;
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
margin-left: 257px;
float: left;
}


ul									{ list-style: none; }


/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; margin-top: 20px; margin-left: 210px; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #ffa500; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ccc; }
ul.dropdown li a                    { display: block; padding: 4px 22px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 150px; padding: 2px; visibility: hidden; position: absolute; top: 100%; left: -20; }
ul.dropdown ul li 					{ font-weight: normal; background: #f8e6a7; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



#top {
width: 968px;
height: 100px;
margin-top: 0px;
padding: 0px;

}


#second {
width: 968px;
height: 50px;
margin-top: 0px;
padding: 0px;

}

#left {
min-height: 530px;
margin-left: 0px;
width: 170px;
background-color: #4b7873;
float: left;
}


#main {

background-color: #e6eeed;
background: url(images/mainbackgreen.jpg);

}



#middle {
position: absolute;
margin-left: 180px;
width: 490px;
text-align: center;
}

#middle2 {
position: absolute;
margin-left: 240px;
width: 490px;
text-align: center;
}

#links {
margin-left: 240px;
margin-right: 20px;
}

#form {
width: 500px;
height: 700px;
}



H1 {
color :  #1f366c;
font-size : 24px;
margin-top: 94px;
margin-left: 260px;
margin-right: 20px;
margin-bottom: 2px;
padding: 0px;
font-family :  Verdana, Arial, Helvetica, Sans-Serif;
}


H2 {
color :  #666666;
font-size : 14px;
margin-top: 0px;
margin-left: 560px;
margin-bottom: 0px;
padding: 0px;
font-family : Verdana, Arial, Helvetica, Sans-Serif;

}

H2.cal {
width: 290px;
color :  #000000;
background-color: #b9ceb5;
font-size : 14px;
margin-top: 0px;
margin-left: 1px;
margin-bottom: 0px;
padding: 4px;
border-left: solid #69818d 1px;
border-top: solid #69818d 1px;
border-bottom: solid #69818d 1px;
font-family : Arial, Helvetica, Sans-Serif;

}

H2.page2 {
width: 580px;
color :  #efefef;
background-color: #586f7c;
font-size : 14px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 4px;
border-left: solid #69818d 1px;
border-top: solid #69818d 1px;
border-bottom: solid #69818d 1px;
font-family : Arial, Helvetica, Sans-Serif;

}

H3 {
color :  #666666;
font-size : 14px;
margin-top: -14px;
margin-left: 192px;
font-family : Arial, Helvetica, Sans-Serif;

}



P { 
font-size : 10pt;
font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 130%;
color: #111111;
margin-top: 10px;
margin-left: 260px;
margin-right: 20px;
margin-bottom: 10px;
 } 
 
 
 P.middle { 
font-size : 10pt;
font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 130%;
color: #111111;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
 } 
 
 
 
ul.normal { 

 } 
 
 li. normal {
 
 }
 
 ul.normal
{
list-style-type: none;
padding: 0px;
font-size : 10pt;
font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
text-align: justify;
line-height: 130%;
color: #111111;
margin-top: 10px;
margin-left: 240px;
margin-right: 20px;
margin-bottom: 10px;
}

li.norm
{
background-image: url(images/dot.gif);
background-repeat: no-repeat;
background-position: 0px 0px; 
padding-left: 24px; 
}



 img.right {
 float: right;
 clear: right;
border-left: solid #69818d 0px;
border-bottom: solid #69818d 0px;
 margin-top: 22px;
 margin-right: 20px;
 margin-left: 20px;
 margin-bottom: 0px;
 }

 img.right2 {
 float: right;
 clear: right;
border-left: solid #69818d 0px;
border-bottom: solid #69818d 0px;
 margin-top: 2px;
 margin-right: 20px;
 margin-left: 20px;
 margin-bottom: 0px;
 }
 
  img.right3 {
 float: right;
 clear: right;
border-left: solid #69818d 0px;
border-bottom: solid #69818d 0px;
 margin-top: -12px;
 margin-right: 20px;
 margin-left: 20px;
 margin-bottom: 10px;
 }
 
 
a:link { color: #222222;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:visited { color: #222222;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}

a:hover { color: #afcae5;
font-size: 10pt;
font-weight:bold;
font-family: arial,geneva;
text-decoration: none;
}


.address  {
margin: 0;
height: 90px;
width: 120px;
background: url(images/greenblok.gif);
color: #bcc9d3;
font-size: 10pt;
padding-left: 20px;
padding-bottom: 0px;
font-family : Verdana, Arial, "Times New Roman", Times, serif;
}

.address2  {
color: #bcc9d3;
font-size: 10pt;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 5px;
font-family : Verdana, Arial, "Times New Roman", Times, serif;
}




a:link.menu { color: #433532;
font-size: 12pt;
font-family: Verdana, arial,geneva;
font-weight: bold;
text-decoration: none;
}

a:visited.menu { color: #433532;
font-size: 12pt;
font-family: Verdana, arial,geneva;
font-weight: bold;
text-decoration: none;
}

a:hover.menu { color: #a34a3c;
font-size: 12pt;
font-family: Verdana, arial,geneva;
font-weight: bold
text-decoration: none;
}

a:link.lp { color: #1f366c;
font-size: 11pt;
font-family: Verdana, arial,geneva;
font-weight: bold;
text-decoration: none;
}

a:visited.lp { color: #1f366c;
font-size: 11pt;
font-family: Verdana, arial,geneva;
font-weight: bold;
text-decoration: none;
}

a:hover.lp { color: #264fac;
font-size: 11pt;
font-family: Verdana, arial,geneva;
font-weight: bold
text-decoration: none;
}


table#menur {    width: 380px;
}

table#menur td {    text-align: left;
}


.starters   {
color: #d96c00;
font-size: 12pt;
font-family : Verdana, Arial, "Times New Roman", Times, serif;
font-style: italic;
font-weight: bold;
text-align: center;
}