/*
Original design: Learn CSS (step 1 - Oct 26, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/learn-css/
and
http://andreasviklund.com/learn/tutorial-building-your-first-website-using-a-free-website-template-part-1/
*/


 /*   *****************************************************     
      ************* This is the CSS RESET code.************
      ***************************************************** 
 
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* {
	text-decoration: none;
	font-size: 1em;
	outline: none;
	padding: 0;
	margin: 0;
	}
code, kbd, samp, pre, tt, var, textarea, 
input, select, isindex, listing, xmp, plaintext {
	white-space: normal;
	font-size: 1em;
	font: inherit;
	}
dfn, i, cite, var, address, em { 
	font-style: normal; 
	}
th, b, strong, h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; 
	}
a, img, a img, iframe, form, fieldset, 
abbr, acronym, object, applet, table {
	border: none; 
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
caption, th, td, center { 
	vertical-align: top;
	text-align: left;
	}
body { 
	background: white; 
	line-height: 1; 
	color: black; 
	}
q { 
	quotes: "" ""; 
	}
ul, ol, dir, menu { 
	list-style: none; 
	}
sub, sup { 
	vertical-align: baseline; 
	}
a { 
	color: inherit; 
	}
hr { 
	display: none; 
	}
font { 
	color: inherit !important; 
	font: inherit !important; 
	color: inherit !important; /* editor's note: necessary? */ 
	}
marquee {
	overflow: inherit !important;
	-moz-binding: none;
	}
blink { 
	text-decoration: none; 
	}
nobr { 
	white-space: normal; 
	}

/*    *****************************************************     
      ************* End of the CSS RESET code.*************
      ***************************************************** */



body {background:#111 url(imgs/felt.gif) top center fixed; font:83% tahoma,verdana,sans-serif; color:#000000; line-height:1.7em;}/*Main page text colour etc*/

a {color:#0000bd; text-decoration:none;}/*Text link colour etc*/
a:hover { color:#8f8fff;}


h1 {font-size:2.6em; font-weight: bold; margin:0; padding:20px 0 0 20px;}
h2 {font-size:1.8em; font-weight: bold; margin:0 0 10px; padding:30px 0 0 30px;}
h2.alternative {font-size:1.8em; font-weight: bold; text-decoration-line: underline; text-align: center; margin:0 0 10px; padding:30px 30px 25px 20px;}
h3 {font-size:1.3em; font-weight: bold; margin:0 0 10px; padding:30px 0 0 30px;}
h4 {color:#ff0000;font-size:1.8em; font-weight: bold; margin:0 0 10px; padding:30px 0 0 30px;}
h5 {color:#ff0000;font-size:1.5em; font-weight: bold; margin:0 0 10px; padding:30px 0 0 30px;}
p,ul,ol {margin:0 50px 0 0; padding:0;background-image:}

.par {
  padding-left: -22px ;
  text-indent: 22px ;
} 


#wrap {background:#f0f6ff ; margin:40px auto; width:960px; height:auto ; box-shadow: 0 0 10px black; border-radius:5px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 3px solid #700f00;}

#header {background-color:transparent; background-image: url(imgs/header.gif); height:140px; margin-bottom:20px;}
#header h1, #header h1 a {color:#eee; line-height:1em;}
#header p {padding:0 0 0 40px; margin:0; font-size:1.6em;}

#header1 {background-color:transparent; background-image: url(imgs/AR882.jpg); height:140px; margin-bottom:20px;}
#header1 h1, #header1 h1 a {color:#eee; line-height:1em;}
#header1 p {padding:0 0 0 40px; margin:0; font-size:1.6em;}

#header2 {background-color:transparent; background-image: url(imgs/dishes.jpg); height:140px; margin-bottom:20px;}
#header2 h1, #header2 h1 a {color:#eee; line-height:1em;}
#header2 p {padding:0 0 0 40px; margin:0; font-size:1.6em;}

#header3 {background-color:transparent; background-image: url(imgs/AVO8mk2.jpg); height:140px; margin-bottom:20px;}
#header3 h1, #header1 h1 a {color:#eee; line-height:1em;}
#header3 p {padding:0 0 0 40px; margin:0; font-size:1.6em;}

#header4 {background-color:transparent; background-image: url(imgs/AVO8mk2.png); height:140px; margin-bottom:20px;}
#header4 h1, #header1 h1 a {color:#eee; line-height:1em;}
#header4 p {padding:0 0 0 40px; margin:0; font-size:1.6em;}



.disclaim a img { display:none; }
.disclaim a:hover img { display: block;
               position: absolute;
               left: 50%;
               margin-left: -480px;
               z-index: 2
}



/*Horizontal Navbar  */
offscreen {position: absolute; top: -30em; left: -300em;}
ul.container  {list-style: none; width: 95%; padding-start: 0px; margin-before: 0px; margin-after: 0px;}

ul.container > li {background-color: #5050b4;text-align: center; text-padding: 10px; text-decoration: none; color:#1b1b79; font-weight: bold; font-size: medium;}
ul.container > li a {color: #d1d1f5;}
ul.container > li:hover {background: #7b7be5;}
ul.container > li a:hover { background: #7b7be5;color:#000000; position: relative;}
.centered {text-align: center;}
.centered > * {display: inline-block;}
ul.table a {display: table-row;}
ul.table > li {display: table-cell;}
.centered ul.table > li {padding-left: 1em; padding-right: 1em;}
ul.table {table-layout: fixed; width: 95%;margin-left: 2.5%;box-shadow: 0 0 5px black;}





/* Multi Level Side bar menu */
#navigation {clear:both; float:left; margin:20px; padding:50px 0 0 0; width:140px;}
#navigation { font-size:0.95em;font-weight: bold; width:110px; }
#navigation ul { margin:0px; padding:0px; }
#navigation li { list-style: none; } 
 
ul.top-level { background:#5050b4; }/*Button colour*/
ul.top-level li {
 border-bottom: #fff solid;
 border-top: #fff solid;
 border-width: 1px;
}
 
#navigation a {
box-shadow: 0 0 5px black;border-radius: 5px;
 color: #d1d1f5;
 cursor: pointer;
 display:block;
 height:50px;
 line-height: 25px;
 text-indent: 5px;
 text-decoration:none;
 width:100%;
}
 
#navigation a:hover{
 text-decoration:underline;
}
 
#navigation li:hover {
 background: #7b7be5;/*Button colour*/
 position: relative;
}

ul.sub-level {
    display: none;
}
 
li:hover .sub-level {
    background: #5050b4;/*Button colour*/
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 65px;
    top: 5px;
}
 
ul.sub-level li {
    border: none;
    float:left;
    width:150px;
}

/*Second Level*/
#navigation .sub-level {
    background: #5050b4;
}
 
/*Third Level*/
#navigation .sub-level .sub-level {
    background: #09C;
}

/*RESET STYLES*/
li:hover .sub-level .sub-level {
    display:none;
}
 
.sub-level li:hover .sub-level {
    display:block;
}

/*CONTAINER & SPACER STYLES FOR CONTACT FORM POSITION ON PAGE*/
#contactcontain {display: inline-block;
                 width:400px;
                 position: absolute;
                 left: 50%;
                 padding:50px 0 0 0;               
                 margin-left: -180px;
                 margin-top: 15px;
                 float:right; 
}

#spacer {position:center;
         width:860px;
         height:600px;
         margin:5px 10px 10px 50px;
         border: none
}


#photocontain {width:400px;margin:50px 0 10px 0;float:right;}
#photo {height:300px;width:400px;}
#photocaption {width:150px; font:bold Arial, Helvetica, sans-serif;line-height:1.5;text-align:center; border-bottom:1px dotted #555; margin:0 0 30px 0;}



/*BK280 THUMBNAIL SIDE MENU*/
#sidebar {clear:both; float:left; margin:20px; padding:0; width:140px;}
#sidebar h2 {font-size:1.2em; color:#c33; margin:20px 0 5px 0;}
#sidebar p {font-size:0.9em; color:#ccc;}
#sidebar ul {list-style:none;}
right
ul.vmenu {padding:0; margin:0 0 20px 0;}
ul.vmenu li a {color:#337; display:block; padding:5px 10px 5px 0; font-size:1.3em;}
ul.vmenu li a:hover {color:#eee;}
ul.vmenu li a.current {color:#dcb975;}
ul.vmenu ul {margin:0 0 0 20px;}
ul.vmenu ul li a {padding:2px 0 2px 0; font-size:1em;}

ul.vtable {display: table-row;}
ul.vtable > li {display: table-cell;}

.centered ul.vtable > li {padding-left: 1em; padding-right: 1em;}

ul.vtable.even {table-layout: fixed; width: 100%;}



#main {float:center;width:760px; padding-bottom:1px; margin:0 0 20px 0;}
#main {text-align: left;}
#main a {padding-bottom:1px; border-bottom:1px dotted #555;}
#main a:hover, #footer a:hover {border-color:#ccc;}
#main1 { padding-left:150px; padding-right:100px;}






/*CONTAINER FOR SIDE BY SIDE IMAGES WITH CAPTIONS*/
.picbox {float:left; position:relative; border:none; margin:0 60px 0 60px; padding:30px; background:none; width:500px; height:220px; border-radius:5px; z-index:1}
.picbox img {display:inline;}
.picbox img1 {float:left; position:relative; border:2px solid #000000; box-shadow: 0 0 5px black; border-radius:5px;}
.picbox img2 {position:absolute; top:0; left:290px; border:2px solid #000000; box-shadow: 0 0 5px black; border-radius:5px;}
.picbox .caption1 { position: relative; width: 207px; height: 50px; bottom: 0px; left: 0px; color: #000000; text-align:center; text-decoration: none; font-weight:bold;}
.picbox .caption2 { position: relative; width: 207px; height: 50px; bottom: 0px; left: 0px; color: #000000; text-align:center; text-decoration: none; font-weight:bold;}



/*HOME BUTTON ON CONTACT PAGE
MAP BUTTON ON LITTLE DRIFFIELD MAP PAGE*/

#buttoncontain {
    clear:both;}

#buttoncontain {
position:center;
         width:956px;
         height:60px;         
         border: none;
}

.button {
  clear:both;
  color:#ffffff; 
  padding:80px 0 0 0;
  width:50px;
}

.button a {
-webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  width:75px;
  position:relative;
  left:420px;
  margin:10px 0 0 0;
  font-family: Arial;
  font-size: 24px;
  text-decoration: none;
  color:#ffffff;
  list-style-type: none;
  background: #5050b4;
  padding: 10px 20px 10px 20px;
  border: solid #1f628d 3px;
}
 
.button a:hover{
  text-decoration:none;
  color:#000000;
  background: #7b7be5;/*Button colour*/
}
 







#footer {clear:both;}
#footer {margin:40px auto; width:960px; height:auto;}

#footer p {color:#888; margin-bottom:20px; padding:10px 10 0 15px; text-align:right;}
#footer a {color:#888; padding-bottom:1px; border-bottom:1px dotted #555;}
#footer a:hover {color:#8f8fff;}


/*BACK TO TOP BUTTON*/
 #backtop {
	        position: fixed;
            left:auto;right: 30px;top:auto;bottom: 30px;
	        outline: none;
            overflow:hidden;
            color:#fff;
            text-align:center;
            background-color:#5050b4;
            height:45px;
            width:50px;
            line-height:40px;
            font-size:24px;
padding-bottom: 7px;
            border-radius:10px;
            cursor:pointer;
            transition:all 0.3s linear;
            z-index:999999;

            opacity:1;
            display:none;
        }
        #backtop:hover {
            background-color:#7b7be5;
        }
        #backtop.mcOut {
            opacity:0;
        }