﻿html, body {
    margin: 0px;
    height: 100%;
    padding:0;
    font-family: Arial;
    color:White;
    font-size: small;
}



.headerContainer
{
    height: 125px;
}

#background      
{
    width: 100%;      
    height: 100%;      
    position: absolute;      
    margin-left: 0px;      
    margin-top: 0px;      
    z-index: 0; 
}  

.grayText
{
    color:Gray;
    font-size: smaller;
}

.stretch      
{
    width:100%;     
    height:auto; 
} 

.mainContainer
{
    margin: 5px 0px 0px 0px;
    width: 920px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    left: -460px;
    /* border: solid 1px #CCCCCC;*/
    border: solid 2px #FFCC00;
}

.contentBackground
{
    width: 913px; 
    height: auto;
    padding: 0px 0px 0px 7px;
    background-image: url(../images/contentBackgroundGrad.png);
    background-repeat: repeat-x;
    background-color: #666600;
}

.contentForground
{
    width: 890px;
    height: auto;
    padding: 5px 0px 10px 15px;
    background-image: url(../images/contentForground.png);
    background-repeat: repeat-y;
    /* border: solid 1px green;*/
}

.frontPageSection2
{
    width: 920px; 
    height: 239px;
    background-image: url(../images/FrontPageSection2.png);
    background-repeat: no-repeat;
    overflow: hidden;
    /* border: solid 1px red;*/
}

.footer
{
    width: 920px; 
    height: 39px;
    background-image: url(../images/Footer.png);
    background-repeat: no-repeat;
}

/* links begins -----------------------------------------*/
a
{
    color: Gray;
    text-decoration: none;
}
a:hover
{
    font-weight: bold;
}

a.AlmostWhiteLinkText
{
    color: #DDDDDD;
}


/* links ends -------------------------------------------*/

/* Top Menu ----------------------------------------------*/

#topMenuContainer
{
    width: 900px; 
    height: 42px;
    padding: 10px 0px 0px 20px;
    background-image: url(../images/TopMenuBackground.png);
    background-repeat: no-repeat;
}

.topMenuSeperator
{
    float: left; 
    width: 15px;
    height: 30px;
    background-image: url(../Images/TopMenuSeperator.png);
    background-repeat: no-repeat;
}

#btnTopMenuHome, #btnTopMenuReservations, #btnTopMenuMenu, #btnTopMenuSpecialEvents, #btnTopMenuLocation, #btnTopMenuContactUs, #btnTopMenuHistory
{
    height: 30px; 
    cursor: pointer;
}
#btnTopMenuHome 
{
    float: left; 
    width: 60px; 
    background: url(../images/btnTopMenuHome.png) no-repeat;
}
#btnTopMenuHome:hover
{
    text-decoration: underline;
    background: url(../images/btnTopMenuHome_H.png) no-repeat;
}
#btnTopMenuReservations
{
    float: left; 
    width: 110px; 
    background: url(../images/btnTopMenuReservations.png) no-repeat;
}
#btnTopMenuReservations:hover
{
        background: url(../images/btnTopMenuReservations_H.png) no-repeat;
}
#btnTopMenuMenu 
{
    float: left; 
    width: 55px;  
    background: url(../images/btnTopMenuMenu.png) no-repeat;
}
#btnTopMenuMenu:hover
{
    background: url(../images/btnTopMenuMenu_H.png) no-repeat;
}

#btnTopMenuSpecialEvents 
{
    float: left; 
    width: 110px;  
    background: url(../images/btnTopMenuSpecialEvents.png) no-repeat;
}
#btnTopMenuSpecialEvents:hover
{
    background: url(../images/btnTopMenuSpecialEvents_H.png) no-repeat;
}
#btnTopMenuLocation 
{
    float: left; 
    width: 81px; 
    background: url(../images/btnTopMenuLocation.png) no-repeat;
}
#btnTopMenuLocation:hover
{
    background: url(../images/btnTopMenuLocation_H.png) no-repeat;
}
#btnTopMenuContactUs 
{
    float: left; 
    width: 87px;
    background: url(../images/btnTopMenuContactUs.png) no-repeat;
}
#btnTopMenuContactUs:hover
{
    background: url(../images/btnTopMenuContactUs_H.png) no-repeat;
}

#btnTopMenuHistory 
{
    float: left; 
    width: 97px; 
    background: url(../images/btnTopMenuHistory.png) no-repeat;
}
#btnTopMenuHistory:hover
{
    background: url(../images/btnTopMenuHistory_H.png) no-repeat;
}

/* Top Menu ends ----------------------------------------------*/

#ReservationsBack, #HistoryBack, #SpecialEventsBack, #ContactUsBack
{
    width: 835px; 
    padding: 60px 10px 10px 30px;
    background-repeat: no-repeat;
    /* border : solid 1px red;*/
}
/* Reservations -----------------------------------------------*/
#ReservationsBack
{
    height: 430px;
    background-image: url(../images/Involtini_Reservations_Back.jpg);
}
/* Reservations ends ------------------------------------------*/

/* History -----------------------------------------------*/

#HistoryBack
{
    height: 430px;
    background-image: url(../images/Involtini_History_Back.jpg);
}    

/* History ends -------------------------------------------*/

/* Special Events ----------------------------------------*/

#SpecialEventsBack
{
    height: 490px;
    background-image: url(../images/SpecialEvents_Back.jpg);
}

/* Special Events ends -----------------------------------*/

/* Contact Us --------------------------------------------*/
#ContactUsBack
{
    height: 316px;
    background-image: url(../images/ContactUs_Back.jpg);
}
/* Contact Us ends ---------------------------------------*/