#indexHeading h1{font-size: 1.3em; text-align: left;}


.promotionals{background-color: #fff; /* for IE */ 
    opacity:0.8;
    filter:alpha(opacity=80); margin: 0; padding: 10px 0;}


.cookingDemo{width: 220px; margin: 0 auto;}
 .cookingDemo a:hover{
    margin-top: -200px;
     /* for IE */ 
    opacity: 0.5;
    filter:alpha(opacity=50); 
    }


.newLink{color: #fff; margin-top: 15px; width: 200px;}

.newLink a{text-decoration: none; }
.newLink p{color: #fff; text-align: right; margin-top: -20px; font-size: 1.2em;}

#bolderText{font-weight: 500;}

/* the links page */
.linkDiv{margin: 20px;}
.linkDiv h4{font-size: 1.2em; margin-left: 0;}
.linkDiv h3{font-size: 1.5em; margin-left: 20px;}
.linkImg{padding: 10px; margin-left: 20px;}
.linkText{float: right; margin: 30px 50px 30px 20px; font-family: verdana; color: #391213; font-size: .9em;}

body
{
margin: 0;
padding: 0;
}

#boxColour{background-color: #ddd; color: #300; font-size: 1em;}
#boxColour:focus{background-color: #f0f0f0; }


.roomImg p{text-align: right; margin-top: 0px;}
.roomImg img{border: solid 10px #adadad; width: 170px; color: #391213; margin: 10px 30px 0px 20px;}
    
.descript{width: 230px; padding: 0px 30px; color: #391213; font-size: 1em; font-family: tahoma; }
     
.top a, .top a:visited{float: right; color: #600; margin-right: 30px;}

.otherMenus a{color: #600; float: right; font-style: italic;  margin-right: 30px; font-size: 1.2em; margin-top: -25px;}
.menus{
    padding: 10px 30px;
    font-size: 1em;
    font-family: tahoma;
    background-color: #fff;
    color: #391213;
    font-style: italic; 
    margin: 0;
    }

.menus h3{font-style: normal; }
.menus h5{font-style: normal; }
.menus span{float: right; color: #600; font-style: normal; }

img{
    border: none;
    }

a {color: #391213;}

 

 /***********************************************

* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)

* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts

* This notice must stay intact for legal use

***********************************************/



/* ALL THE NAVIGATION STUFF */   
.glossymenu{
    margin:  25px 0;
    padding: 0;
    width: 200px; /*width of menu*/
    }

.glossymenu a.menuitem{
    background-color: #886c6c;
    font: bold 14px Verdana, "Trebuchet MS", Helvetica, sans-serif;
    color: #fff;
    display: block;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    width: 200px;
    padding: 10px 0px;
    padding-left: 47px;
    text-decoration: none;
    margin: 0;
    }

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
    color: #fff;
    border: none;
    width: 200px;
    padding: 10px 0px;
    padding-left: 47px;
    text-decoration: none;
    margin: 0;
  
    }

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
    
    }

.glossymenu a.menuitem:visited{
    background-color: #886c6c;
    border: none;

    }

.glossymenu a.menuitem:hover{
    background-color: #fff; 
    color: #886c6c;
    border: none;
    }

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
    background-color:  #c8babb;
    margin: 0;
    color: #c0c0c0;
    width: 200px;
    padding: 0 0 0 50px;
    border-bottom: solid 2px #4b2e2a; 
    border-top: solid 2px #4b2e2a;
    }

.glossymenu div.submenu ul{ /*UL of each sub menu*/
    list-style-type: none;
    width: 200px;
    padding: 10px 0 0 50px;
  
    margin: 0 0 0 -150px;
    }


.glossymenu div.submenu ul li{
    /* use this if you want a border between submenu items */
    width: 200px;
    padding: 0;
    padding-left: 50px;
    margin: 0px;
    }

.glossymenu div.submenu ul li a{
    display: block;
    font: normal 15px Tahoma, "Trebuchet MS", Helvetica, sans-serif;
    color: #515151;
    width: 150px;
    text-decoration: none;
    padding: 5px 0;
    padding-left: 100px;
    margin: 0;
    }

.glossymenu div.submenu ul li a:hover{
    background-color: #fff;
    color: #6e6e6e;
    text-decoration: none;
    padding: 5px 0 0 100px;
 
    font-size: 18px;

    }  

 .footer{
     background-color: #e8e8e0;
     border-top: double 3px #600;
     color: #2d2d2d;
     font-size: .8em;
     text-align: right;
     margin: 0;
     position: absolute;
     bottom: 0;
     width: 550px;
    }


body{
    margin: 0;
    padding: 0;
    background-color: #5b2627; 
    }


.clearAll{clear: both;}

.wrapper{
    width: 800px;
    margin: 0 auto;
    padding: 0;
    margin-top: 0px;
    }

.header{
    margin: 0;
    padding: 0;
    height: 120px;
    background-color: #410f0e; 
    background-image: url(images/redBack.gif);
    background-repeat: repeat; 
    }  

.middleBand{
    background-color: #441819;
    height: 199px; 
    margin: 0;
    padding: 0;
    background-image: url(images/rissons3.jpg);
    background-repeat: repeat; 
    border-bottom: dashed 2px #420f0e;
    border-top: dashed 2px #420f0e;  
    }

/* awards logo */
.awards{
    top: 340px;
    position: absolute; 
    z-index: 20;
    }

/* vertical band */

.vertBand{
    padding: 0;
    margin: 0;
    width: 250px;
    height: 378px;
  
    background-color: #958c8c;
    position: absolute;
    top: 0;
    z-index: 10;

      /* for IE */ 
    opacity:0.4;
    filter:alpha(opacity=40);
    }    

.leafImage{
    float: right; 
    position: relative; 
    z-index: 30; 
    left: 100px;
    margin-top: -350px;
    }

.logo{
    position: absolute;   
    z-index: 30;
    margin: 20px 0 5px 30px; 
    }    

.flashText{
    margin-top: -50px;     
    float: right;
    margin-right: 60px;
    }    

.legend{
    margin: 0 auto;
    width: 800px;
    height: 700px;
    padding: 0;
    }

.legendText{
    width: 550px;
    height: 700px;
    position: absolute;
    top: 438px;
    margin: -62px 0 0 250px;
    background-color: #fff; 

    }

.legendText p{
    padding: 5px 30px;
    font-size: 1em;
    font-family: tahoma;
    background-color: #fff;
    color: #391213;
    }

#footerText{background-color: #e8e8e0; }

.legendText h4, h3{
      color: #782527;
      margin-left: 30px;
    }

.legendText h3{text-decoration:  underline; }

.legendText #contactText{
    color: #391213;
    font-weight: normal;
    }    

.shaded{
    width: 250px;
    height: 702px;
    background-color: #886c6c;
    position: absolute;
    top: 377px;
    }

h1{
    font-family: 'monotype corsiva', ariel;
    color: #762927;
    font-size: 30px;
    background-color: #e8e8e0;
    width: 550px;
    height: 30px;
    position: absolute;
    top: 325px;
    margin: 0;
    margin-left: 250px; 
    text-align: center;
    padding: 10px 0;
    }