#surround
{
    margin:20px auto 16px auto;    
    width:850px;
}

.loginBox 
{
    position:absolute;
    top:-14px;
    right:0px;    
    padding:0px 30px 0px 10px;
    margin:0px 3px 3px 3px;
}

#topBar
{
    position:relative;
}

.topMenu
{
    font-weight:bold;
    margin-left:240px;    
}
.topMenu div.pageListItemUnsel, .topMenu div.pageListItemSel
{
    float:left;
    padding:1px 8px 1px 8px;
    margin:4px 2px 8px 2px;
}
.topMenu div.pageListItemUnsel
{
    border-left:1px solid #222;
    border-right:1px solid #222;
}
.topMenu div.pageListItemSel
{
    border-left:1px solid #A00;
    border-right:1px solid #A00;
}
.topMenu
{    
}
div.pageListItemSel a:link, div.pageListItemSel a:visited
{
    color:#A00;
}
div.pageListItemUnsel a:link, div.pageListItemUnsel a:visited
{    
    color:#444;
}
.topMenu div.callout
{
    display:none;
}

.banner
{        
    position:relative;
    top:-8px;
    z-index:-1;
    width:772px;
    height:80px;
    margin:0px auto 0px auto;
}

.header
{    
    margin-left:auto;
    margin-right:auto;
    padding:30px 10px 7px 210px;
    text-align:center;       
    width:580px;
    height:63px;
    background-image:url('images/bar.png');    
    background-repeat:no-repeat;
    
    color:#DDD;
    font-weight:bold;
    font-size:28px;    
    font-family:Tahoma, Arial, Helvetica, sans-serif;
}

.logo
{
    position:absolute;
    z-index:2;
    top:0px;
    left:60px;
    width:170px;
    height:163px;
    background-image:url('images/logo.png');    
    background-repeat:no-repeat;
}

.title
{
    position:relative;
    top:-8px;
    z-index:2;
    color:#FFF;
    padding-top:8px;
    padding-right:8px;
    margin-bottom:-6px;
    height:37px;
    background-repeat:no-repeat;    
    text-align:center;
    color:#DDD;
    font-weight:bold;
    font-size:14px;    
    font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#menu
{    
    float:left;
    margin-left:4%;
    width:32%;
}
#menu .title
{
    width:217px;
    background-image:url('images/titlebar2.png');
}

#menu div.pageListItemUnsel, #menu div.pageListItemSel
{    
    padding:1px 0px 1px 0px;
    margin:4px 0px 8px 0px;
}
#menu a:link, #menu a:visited
{
    font-size:12px;
}

#sidebarBodyContent
{
    margin-top:40px;
}

.mainContent
{
    float:left;
    width:62%;
}
.mainContent .title
{
    width:550px;
    left:-35px;
    background-image:url('images/titlebar1.png');
}

.footer 		
{
    margin-left:auto;
    margin-right:auto;
    padding:10px 10px 7px 10px;
    text-align:center;       
    width:780px;
    height:45px;
    background-image:url('images/footer.png');    
    background-repeat:no-repeat;
}    
.footer div
{
    display:inline;
    padding:0px 4px 0px 4px;
    margin:2px 1px 2px 1px;
    border-left:1px solid #A33;    
    border-right:1px solid #A33;
}
.footer a:link, .footer a:visited, .footer a:hover, .footer .fakeLink
{
    font-size:11px;
    color:#000;
    font-weight:normal;
}

.fakeLink
{
    cursor:default;
}

.ral
{
    text-align:right;
}
.val
{
    vertical-align:bottom;
}

