/***************** LAYOUT *****************/
#website
{
    width: 973px; 
    margin: 23px auto 5px;
    background-color: #09B9EC;
}

#website h1 + p {margin-top: 0;}
#website p + p {margin-top: 0;}
#website p + h2 {margin-top: 0;}

#website #top,
#website #bottom
{
    overflow: hidden;
    height: 12px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#website #top { background-image: url(../../Media/images/top_background.jpg); }
#website #bottom { background-image: url(../../Media/images/bottom_background.jpg); }

#website #middle
{
    background-image: url(../../Media/images/shadow_background_repeat.gif);
    background-repeat: repeat-y; 
    position: relative;
    width: 973px;
    background-color: #FFFFFF;
}

#website #middle .topGradient 
{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    float: left; 
    display: block; 
    width: 973px; 
    height: 567px; 
    background-image: url(../../Media/images/shadow_background.gif); 
    z-index: 500; 
}

#website #middle .container 
{
    z-index: 1000; 
    position: relative; 
    margin: 0 12px;
}

#website #middle .container #header 
{
    background-image: url(../../Media/images/header.jpg);
    background-repeat: no-repeat; 
    height: 147px; 
    width: 949px; 
    display: block; 
    position: relative; 
    margin: 0 0 5px 0;
}

#website #middle .container #header a.home 
{ 
    position: absolute;
    top: 16px;
    left: 744px;
    float: left; 
    display: block; 
    height: 75px; 
    width: 192px; 
    text-decoration: none; 
}

#website #middle .container #header .menu 
{ 
    display: block;
    height:36px;
    background-image: url(../../Media/Menuskins/ruppl/menu/menu_background.jpg);
    background-repeat: repeat-x;
    width: 949px; 
    position: absolute; 
    top: 111px; 
    left: 0; 
}

#website #middle #content 
{
    background-color: Gray; 
    background-repeat: repeat-y;
}

#website #middle .container #content 
{
    background-image: url(../../Media/images/content_background.jpg); 
}

#website #middle #detail 
{
    width:593px;
    float:left;
    overflow: hidden;
}

#website #middle #relatedLinks 
{
    width:356px;
    float:left;
    overflow: hidden;
}

#footer
{
    margin: 0 auto;
    width: 949px;  
    overflow: hidden; 
    padding: 0 0 20px;
    color: #FFFFFF;
}

#footer .links { float: left; }
#footer .copyright { float: right; }

#footer a 
{
    color: #FFFFFF;
    font-size:11px; 
    text-decoration:none; 
}
#footer a:hover {text-decoration:underline}