*
{
    padding:0;
    margin:0;    
}

body
{
    background-color:#9b9357;
    text-align: center;
    color: #000;
}

#outerWrapper
{
    width: 100%;
    background-image:url("../images/blueLine_bg.jpg");
    background-repeat: repeat-x;
}

#innerWrapper
{
    position: relative;
    background-color:#fef6de;
    margin:auto;
    width: 816px;
    
}
#page
{
    position: relative;
    background-color: #fef6de;
    width: 808px;
    border-right: solid 5px #1c254e;
    border-left: solid 4px #1c254e;
    clear: left;
}

#header
{
    position: relative;
    width: 772px;
    height: 350px;
    padding:0 18px 10px 18px;
}

#headerTop
{
    background-image:url("../images/johnsonHeader.jpg");
    background-repeat:no-repeat;
    position: relative;
    width: 772px;
    height: 155px;
    margin-bottom:9px;
}
#headerBottom
{
    position: relative;
    width: 772px;
    height: 186px;
}
.headerImages
{
    float: left;
    position: relative;
    width: 248px;
    height: 186px;
}
.headerSpacer
{
    position: relative;
    width: 14px;
    height: 186px;
    float: left;
}
#topMenu
{
    position: relative;
    width: 808px;
    height: 30px;
    z-index: 3;
    background-color: #1c254e;
}
#search
{
    background-image:url("../images/search.jpg");
    background-repeat:no-repeat;
    background-color:#1c254e;
    position: relative;
    width: 198px;
    height: 30px;
    float: left;
    Text-align:left;
 }
#searchText
{
    position: relative;
    width: 118px;
    height: 15px;
    top: 7px;
    left: 21px;
    text-align:left;
    text-decoration: none;
}
.searchText
{
    border-style: none;
    position: relative;
    width: 95px;
    height: 12px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    float:left;
}

.searchHyper
{
    position: relative;
    width: 18px;
    height: 15px;
    float:left;
    text-decoration: none;

}

#menu
{
    width: 608px;
    height: 30px;
    position: relative;
    float: left;
    border-left: solid 2px White;
    text-align:left;
}

#mainContent
{
    position: relative;
    width:808px;
    background-color:#fef6de;
    padding:0 0 15px 0;
    z-index:1;
}


#content
{
    position: relative;
    width:808px;
    background-color:White;
    z-index:1;
}

#index
{
    position: relative;
    width:808px;
    z-index:1;
}

#leftContent
{
    background-color: #fef6de;
    position: relative;
    width: 198px;
    float: left;
    padding: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    z-index:3;
    height:100%;
}

#leftMenu
{
    width: 198px;
    position: relative;
    background-color: #1c254e;
    height:100%;
    border-bottom:solid 3px #fef6de;
    z-index:4;
}

#weatherPlugin
{
    width: 198px;
    background-color:#1c254e;
    padding:10px 0 10px 0;

}

#leftContentHome
{
    background-image:url("../images/welcome_bg.jpg");
    background-repeat:no-repeat;
    background-color: #fef6de;
    position: relative;
    width: 238px;
    height:326px;
    float: left;
    padding: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    text-align:left;
    z-index:1;
    margin:15px 0 0 5px;
}

#welcomeHeader
{
}
#welcomeText
{

}
#welcomeWeather
{
    position: relative;
    left: 20px;
    top: 226px;
}

#PlaceHolder
{
    background-color: #fef6de;
    position: relative;
    float: left;
    z-index:1;
}

#rightContent
{
    background-color: #fef6de;
    position: relative;
    width: 590px;
    float: left;
    padding: 0 0 0 10px;
    font-family: Arial, Helvetica, sans-serif;
    z-index:1;
}
#rightContentHome
{
    background-color: #fef6de;
    position: relative;
    width: 510px;
    float: left;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    z-index:1;
}
#calendarContent
{
    background-color: #fef6de;
    position: relative;
    width: 550px;
    float: left;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    z-index:1;
}
.otherContent
{
    background-color: #fef6de;
    position: relative;
    width: 550px;
    float: left;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    z-index:1;
}

.bookingContent
{
    background-color: #fef6de;
    position: relative;
    width: 550px;
    float: left;
    padding: 20px;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 1;
    text-align: left;
}

.clearFloat
{
    clear: left;
    text-align:left;
}

#footer
{
    position: relative;
    width: 816px;
    height: 78px;
    margin:auto;
}
#bottomBorder
{
    background-image:url("../images/footer_inner_bg.jpg");
    width: 816px;
    height: 9px;
    position: relative;
}

#footerMenu
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    width:816px;
}

#print_page
{
    width: 96px;
    height: 27px;
    position: relative;
    top:0;
    left:20px;
    float: left;
    z-index:4;
}

#bottomMenu
{
    position: relative;
    width: 700px;
    padding-top:10px;
    text-align:center;
}
.BMTop
{
    position: relative;
    text-align: center;
}
.BMTopInner
{
    position: relative;
    margin: auto;
}

.BMBottom
{
    position: relative;
    text-align: center;
}
.BMBottomInner
{
    position: relative;
    margin:auto;
}

/*Content Classes*/

.contentTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding-bottom:10px;
}

.content
{
    text-align: left;
}

.hrTitle
{
    border: thin dashed #ff9900;
    color: #ff9900;
    width:100%;
}

.calendarText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
    color: #000000;
}
.dayheaderDiv
{
    position: relative;
    width: 100px;
    float: left;
}
.facheaderDiv
{
    position: relative;
    width: 60px;
    float: left;
}
.booking
{
    position: relative;
    width: 375px;
    float: left;
}


/*Horizontal menu*/

       
.staticMenu
{
    background-color:#1c254e;
    padding: 0;
    z-index:4;
}
.staticMenuItem
{
    height: 30px;
    border-right: solid 2px #fef6de;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #fef6de;
    z-index:4;
    
}

.hoverstyle
{
    background-color:#9b9357;

    z-index:4;
}

.menuItemHor
{
    height: 30px;
    vertical-align: middle;
    text-align: center;
    z-index:4;
}
.menuItemHorInner
{
    padding-top:9px;
    z-index:4;
}

/*Vertical    padding-top:5px;
 menu    height:21px;
*/
.dynMenuVer
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #1c254e;
}

.dynMenuItemVer
{
    font-family: Arial, Helvetica, sans-serif;
    height:31px;
    padding:0 0 0 0;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    Text-align:left;
    color: #FFFFFF;
    background-color: #1c254e;
    z-index:4;
}
.dynHoverstyle
{
    background-color:#9b9357;

    z-index:4;
}

.staticMenuItemVer
{
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    color: #fef6de;
    z-index:4;
}
.menuItemVer
{
    height:21px;
    padding:9px 0 0 0;
    width:100%;
    Text-align:left;
    z-index:4;
}

.dynVerItem
{
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 4;
    padding-right: 5px;
    padding-left: 5px;
}

.level1
{
    text-indent:10px;
    text-align:left;
    z-index:4;
    border-top: solid 3px #fef6de;
    width:198px;
}

.level2
{
    text-indent:20px;
    position: relative;   
    font-family:  Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    text-align:left;
    z-index:4;
    width:198px;
    border-top: solid 1px #fef6de;
}

.level3
{
    font-family:  Arial, Helvetica, sans-serif;
    z-index:4;
    border-top: solid 1px #fef6de;
    text-indent:10px;
}


.staticMenuBottom
{
    z-index: 4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    display: inline;
}

#menuItemBot
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    z-index:4;
}
.menuItemBot
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-transform: lowercase;
    text-decoration: none;
    z-index:4;
}