body
{
    padding: 0px;
    margin: 0px;
    background-color: #613822;
    text-align: center;
    background-image: url( 'page_images/repeating_background.jpg');
    background-repeat:repeat-x;

}
/* ************************ PAGE TEMPLATE ***************** */
.topRow
{
    /*  border: solid 1px blue; */
    /*   width: 1024px;*/
    /*  position: relative;
        left: 0px;
        top: 0px; */
    height: 157px;
}
.topright
{
    /* This element appears FIRST in the cascade, but appears SECOND on the page, in the upper RIGHT corner, after the .topleft element*/
    /* border: solid 1px blue; */
    padding-left: 600px; 
    
    position: relative;
    top: 40px;
    height: 100px; 
    
   /* margin-left: 700px;*/
    /* position: relative;
    top: -100px; */
    
    /*   margin-left: 700px; */
     
    /* float: right; */
   
    /*   margin-left: 300px; */
    /* width: 810px; */
}
.topleft
{
    /* This element is positioned SECOND in the cascade, but appears FIRST, in the upper LEFT corner */
   /* border: solid 1px green; */
   width: 260px;
   padding-top: 5px;
   
   position: relative;
   top: -100px;
   height: 100px;
 /* margin-right: 800px; */
  padding-right: 800px;
}
.bannerText 
{
    text-align: right;    
}
#middlerow
{
    height: 450px;
    /* width: 1024px; */
  
    position: relative;
    top: 0px;
     left: 0px; 
     margin-left: 18px;
}

/* ************* Navigation Bar **********************/
.navMenu
{
  /* border: solid 1px purple;*/
    height: 446px;
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0;
    margin: 0;
    background-image: url( 'page_images/navigation_bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}
.navCell
{
    padding-right: 10px;
}
#activeButton
{
    padding-top: 15px;
    height: 70px; 
   
 }
.navButton
{
   
    height: 23px; 
}
.navSpacer
{
     height: 230px; 
}
/* ************* End Navigation Bar **********************/
.middle
{
   /* border: solid 1px red; */
   background-image: url( 'page_images/vertical_bar.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   height: 450px;
  
  
   /*width: 700px;*/
}
.maincontent
{
  /* border: solid 1px red; */
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
   color: #FFFFFF; 
    margin-left: 10px;
    text-align: left;

    min-height: 400px;
}
.backgroundPanel
{
   /* This is only visible on some pages - it is applied in the page, not masterpage */
   
    background-position: center top;
    background-image: url( 'content_images/center_box.jpg');
    background-repeat: no-repeat;
    height: 450px;
  /*   width: 700px;*/
    position: relative;
     top: 3px; 
    left: 15px; 
}
.panelContent
{
   /* border: solid 1px blue;*/
    padding-top: 20px;
}
.pageContent
{
    /* this style applies to the DIV that displays page content, in all pages that do not have .backgroundPanel */
  /*  border: solid 1px orange;*/
    padding-left: 30px;
    padding-top: 5px;
    width: 600px;
}


.middleright
{
   /* border: solid 1px #FFFFFF; */
    height: 450px;
    position: relative;
    top: 3px;
    left: 15px;
   
}
#bottomRow
{
   /* border: solid 1px green;*/
    padding-top: 20px;
    margin-left: 120px;
}
/* ************************ PAGE TEMPLATE ***************** */
/* ************************ ELEMENTS *********************** */
img {border: 0;}
/* ************************ ELEMENTS *********************** */
/* ************** TEXT STYLES ************************* */
h1
{
     font-family: Times New Roman, serif;
     font-size: 20px;
     text-align: left;
     margin-top: 10px;
}
.directionsHeading
{
    font-family: Times New Roman, serif;
    font-style: italic;
    font-weight: bolder;
    margin-top: 3px;
    margin-bottom: 0px;
}
.directionsText
{
   font-family: Times New Roman, serif;
   font-size: 14px;
   margin-left: 10px;
   margin-top: 3px;
}
ul.directionsText li
{
    line-height: 16px;
    margin-right: 3px;
}
.contactText
{
   font-family: Times New Roman, serif;
   font-size: 18px;
   margin-left: 10px;
   padding-top: 30px;
   margin-top: 3px;
   text-align: center;
}
.iframe
{
    background-image: url ('content_images/center_box.jpg');
     background-repeat: no-repeat;
    background-position: center center;
    background-color: Transparent;
    border: 0;
   
}


/* ************** End TEXT STYLES ************************* */
/**************** PHOTO GALLERY ****************** */
.galleryImages
{
    width: 100px;
    height: 120px;
}
.galleryLinks
{
    
    border: solid 1px blue;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    text-decoration: none;
    font-variant: small-caps;
    white-space: nowrap;
    border: medium outset #7A4831;
    padding: 6px;
    background-color: #77462F;
    height: 50px;
    color: #291610;
}
.galleryLinks:hover
{
    border: medium inset #7A4831;
}
.galleryLinksWrapper
{
    /* border: solid 1px green;*/
    padding: 8px;
    display: block;
    height: 30px;
    text-align: center;
    margin-top: 15px;
}
.galleryPadding
{
    padding: 10px 14px 14px 20px;
}
.galleryButton
{
    height: 80px;
    display: block;
    margin-top: 10px;
    white-space: nowrap;
}
/************************************************/
/************  slideshow Styles    **************/
/**********(applies to many pages)***************/


.playButton
{
    font-size: x-small;
    height: 25px;
    width: 100px;
    white-space: pre-wrap;
}
.prevButton
{
    font-size: x-small;
    height: 25px;

}
.nextButton
{
    font-size: x-small;
    height: 25px;
}
/*this is so the page "stays still" when animation is played*/
.slideImageWrapperWrapper
{ 
    width: auto;
    height: 325px;
    display: block;
}
.slideImageWrapper
{
    padding: 0px;
    margin: 0px;
    width: 404px; /*taken from image width */
    border: solid 3px orange;
    display: block;
}
.slideImage
{
    margin: 0px;
    padding: 0px;
}
.slideTitleTD
{
    height: 20px;
    text-align: center;
}
.slideImageTD
{
    text-align: center;
    width: 430px;
}
.slideInfoTD
{
    padding: 0px 2px 2px 10px;
    overflow: hidden;
    vertical-align: top;
    width: 400px;
}
.slideControlsTD
{
    text-align: center;
    overflow: hidden;
}
.slideTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-style: italic;
    color: #FF8000;
    font-weight: bold;
    display: inline;
}
.slideDescription
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #FFFFFF;
    text-align: justify;
    text-indent: 2px;
    font-weight: bold;
}
/**************** PHOTO GALLERY ****************** */