body
{
    margin: 0; padding: 0; font-size: 0.75em;
    background: #ffffff;
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

a { color: #990000; text-decoration: underline; }

a:hover { text-decoration: none; }

p
{
    color: #492618; font-size: 1em; line-height: 1.4em;
    margin: 0; padding: 0 10px 20px 10px;
}

p.alternateColour { color: #990000; }

p#obergineLink { margin: 6px 0 0 0; font-size: 0.9em; display: block; float: right; } 
p#designLink { margin: 6px 0 0 0; font-size: 0.9em; display: block; float: left; } 

div#container 
{
    background: #FFF5E2 url('../images/misc/Layout_BodyBG.gif') 0 0 repeat-y;
}

div#header 
{
    margin: 0; padding: 0 0 0 105px; height: 143px;
    background: #492618 url('../images/navigation/Header_Logo.gif') 0 0 no-repeat; 
    border-bottom: solid 1px #FFF5E2; position: relative;
}
    
    div#header div 
    { 
        padding: 20px 0 0 55px; margin: 0; height: 123px;
        background: transparent url('../images/navigation/Header_Background.gif') 0 0 repeat-x;
    }

        div#header div a#headerTitleLink
        {
            display: block; width: 578px; height: 53px;
            background: transparent url('../images/navigation/Header_Title.gif') 0 0 no-repeat;
            text-indent: -2000px; padding: 0; margin: 0 0 5px 0;
        }
        
        div#header div address
        {
            display: block; width: 322px; height: 16px; float: left;
            background: transparent url('../images/navigation/Header_Address.gif') 18px 0 no-repeat;
            text-indent: -2000px; padding: 0; margin: 0;
        }
        
        div#header div p
        {
            display: block; width: 237px; height: 16px; float: left;
            background: transparent url('../images/navigation/Header_Hours.gif') 0 0 no-repeat;
            text-indent: -2000px; padding: 0; margin: 0;
        }
        
    div#header ul#topNavigation
    {
        position: absolute; top: 108px; left: 56px; width: 770px;
        margin: 0; padding: 0; list-style: none; height: 35px;
    }
    
        div#header ul#topNavigation li { float: left; }
        
        div#header ul#topNavigation li a
        {
            float: left; display: block; height: 33px; color: #ffffff;
            font-size: 0.9em; font-weight: bold; text-transform: uppercase; text-indent: -2000px;
            background-image: url('../images/navigation/Header_Navigation.gif');
            background-repeat: no-repeat;
        }
        
        div#header ul#topNavigation li a#home { width: 62px; background-position: 0 0; }
        div#header ul#topNavigation li a#home:hover { background-position: 0 -35px; }
        div#header ul#topNavigation li a#building { width: 72px; background-position: -62px 0; }
        div#header ul#topNavigation li a#building:hover { background-position: -62px -35px; }
        div#header ul#topNavigation li a#artCentre { width: 88px; background-position: -134px 0; }
        div#header ul#topNavigation li a#artCentre:hover { background-position: -134px -35px; }
        div#header ul#topNavigation li a#restaurant { width: 94px; background-position: -222px 0; }
        div#header ul#topNavigation li a#restaurant:hover { background-position: -222px -35px; }
        div#header ul#topNavigation li a#aboutUs { width: 75px; background-position: -316px 0; }
        div#header ul#topNavigation li a#aboutUs:hover { background-position: -316px -35px; }
        div#header ul#topNavigation li a#contact { width: 70px; background-position: -391px 0; }
        div#header ul#topNavigation li a#contact:hover { background-position: -391px -35px; }
        div#header ul#topNavigation li a#subscribe { width: 83px; background-position: -461px 0; }
        div#header ul#topNavigation li a#subscribe:hover { background-position: -461px -35px; }
        div#header ul#topNavigation li a#location { width: 74px; background-position: -544px 0; }
        div#header ul#topNavigation li a#location:hover { background-position: -544px -35px; }
        div#header ul#topNavigation li a#calendar { width: 79px; background-position: -618px 0; }
        div#header ul#topNavigation li a#calendar:hover { background-position: -618px -35px; }
        div#header ul#topNavigation li a#links { width: 62px; background-position: -697px 0; }
        div#header ul#topNavigation li a#links:hover { background-position: -697px -35px; }
        
h1
{
    color: #492618;
    font-size: 1.5em; text-transform: uppercase;
    margin: 0; padding: 5px 10px 10px 10px;
}

h2
{
    color: #990000; font-weight: bold; display: block;
    font-size: 1.5em; text-transform: uppercase;
    margin: 0; padding: 15px 10px 10px 10px;    
}

h3
{
    color: #990000; font-weight: bold;
    font-size: 1.2em; text-transform: uppercase;
    margin: 0; padding: 0 10px 10px 10px;    
}

div#leftColumn 
{
    float: left; width: 245px;
    margin:0; padding: 0 0 10px 0;
    background: #FFF5E2; 
}

    div#leftColumn img#leftColumnHeaderImage
    {
        width: 244px; height: 115px;
        border: none;
    }

    div#leftColumn p { padding-bottom: 10px; }

    div#leftColumn ul#leftNavigation
    {
        margin: 0; padding: 0 10px 10px 10px;
        list-style: none;
    }
        
        ul#leftNavigation li a
        {
            color: #492618; text-transform: uppercase;
            font-weight: bold; font-size: 1.2em; line-height: 1.6em;
            text-decoration: underline;
        }
        
        ul#leftNavigation li a:hover { text-decoration: none; }
        
        ul#leftNavigation li.selectedNavigationItem a { color: #990000; text-decoration: none; }
        
        ul#leftNavigation li.selectedNavigationItem a:hover { text-decoration: underline; }
        
div#mainColumn 
{
    margin: 0 0 0 245px; padding: 0 20px 0 0;
    background: #D3C3B1; height: 1%;
}

    div#mainColumn ul
    {
        color: #492618; margin-top:0;
        font-size: 1em; line-height: 1.5em;
    }
    
    div#mainColumn div#rightContent
    { 
        float: right;
        padding: 0; margin: 15px 0 0 40px;
    }
    
    div#mainColumn div#googleMap
    {
        width: 460px; height: 450px; border: 1px solid #979797;
        margin: 0 10px 20px 10px; padding: 0;
    }
    
    div#mainColumn p.homePageMapDescription 
    { 
        line-height: 2em; display: none; 
        padding: 10px 40px 20px 40px;
        font-size: 1.2em;
        text-align: justify;
    }
    
    div#mainColumn p#defaultMapDescription { display: block; }
    
    div#mainColumn p#hallwayMapDescription
    {
        background: transparent url('../images/misc/Misc_WiFi.gif') 25% 100% no-repeat;
        padding-bottom: 140px;
    }
    
    div#mainColumn p#mapPrompt
    {
        background: transparent url('../images/misc/Misc_Arrow.gif') 100% 5px no-repeat;
        display: block; width: 300px; 
        padding: 0 0 20px 40px;
    }
    
    div#mainColumn img#NoCssMap { display: none; }    
    
    div#mainColumn ul#Map
    { 
        float: right;
        padding: 0; margin: 0 0 20px 40px; position: relative;
        background: #ffffff url('../images/map/Map_Background.gif') 0 0 no-repeat;
        width: 333px; height: 436px; list-style: none;
    }
    
    div#mainColumn ul#Map li a
    {
        background: transparent url('../images/map/Map_Active2.gif') -2000px -2000px no-repeat;
        position: absolute; text-indent: -2000px;
    }
    
    div#mainColumn ul#Map li a#kitchen { top: 21px; left: 41px; width: 110px; height: 75px; }
    div#mainColumn ul#Map li a#kitchen:hover { background-position: -41px -521px; }
    div#mainColumn ul#Map li a#ladies { top: 21px; left: 151px; width: 75px; height: 56px; }
    div#mainColumn ul#Map li a#ladies:hover { background-position: -151px -521px; }
    div#mainColumn ul#Map li a#disabled { top: 21px; left: 225px; width: 31px; height: 54px; }
    div#mainColumn ul#Map li a#disabled:hover { background-position: -225px -521px; }
    div#mainColumn ul#Map li a#gents { top: 21px; left: 256px; width: 51px; height: 56px; }
    div#mainColumn ul#Map li a#gents:hover { background-position: -256px -521px; }
    div#mainColumn ul#Map li a#hallway { top: 77px; left: 151px; width: 72px; height: 15px; }
    div#mainColumn ul#Map li a#hallway:hover { background-position: -151px -577px; }
    div#mainColumn ul#Map li a#bar { top: 93px; left: 115px; width: 107px; height: 39px; }
    div#mainColumn ul#Map li a#bar:hover { background-position: -115px -593px; }
    div#mainColumn ul#Map li a#exhibitionGallery { top: 75px; left: 222px; width: 84px; height: 100px; }
    div#mainColumn ul#Map li a#exhibitionGallery:hover { background-position: -222px -575px; }
    div#mainColumn ul#Map li a#lounge { top: 132px; left: 115px; width: 107px; height: 64px; }
    div#mainColumn ul#Map li a#lounge:hover { background-position: -115px -632px; }
    div#mainColumn ul#Map li a#forsaleGallery { top: 175px; left: 222px; width: 84px; height: 71px; }
    div#mainColumn ul#Map li a#forsaleGallery:hover { background-position: -222px -675px; }
    div#mainColumn ul#Map li a#theRestaurant { top: 196px; left: 116px; width: 107px; height: 162px; }
    div#mainColumn ul#Map li a#theRestaurant:hover { background-position: -116px -696px; }
    div#mainColumn ul#Map li a#educationCentre { top: 245px; left: 222px; width: 84px; height: 112px; }
    div#mainColumn ul#Map li a#educationCentre:hover { background-position: -222px -745px; }
    div#mainColumn ul#Map li a#entrance { top: 357px; left: 176px; width: 71px; height: 17px; }
    div#mainColumn ul#Map li a#entrance:hover { background-position: -176px -857px; }
    div#mainColumn ul#Map li a#theBuilding { top: 199px; left: 41px; width: 46px; height: 125px; }
    div#mainColumn ul#Map li a#theBuilding:hover { background-position: -41px -699px; }

div#footer
{
    clear: both; margin: 0; padding: 0;
    background: #492618; height: 57px;
}
    div#footer a#aarghtLink
    {
        background: transparent url('../images/misc/Footer_Aarght_LogoSlim.gif') 0 0 no-repeat;
        display: block; float: left; text-indent: -2000px;
        width: 245px; height: 57px;
    }
    
    div#footer div
    {
        margin: 0; padding: 20px 0;
        text-align: center;
    }

        div#footer div a { color: #ffffff; text-decoration: underline; }
        
        div#footer div a:hover{ text-decoration: none; }

        div#footer div p 
        { 
            display: inline; color: #ffffff; font-size: 0.8em;
        }