/* Reset all margins and paddings */
* 
{
    padding: 0;
    margin: 0;
}

body 
{
    background-color: #250966;
    text-align: center;
}

#top
{
    width: 100%;
    background-repeat: repeat-x;
    background-image: url(Images/top-intro-bg.gif);
}

#bottom
{
    color: #1155AA;
    clear: left;
}

#menubox
{
    width: 100%;
    height: 22px;
    background-repeat: repeat-x;
    background-image: url(Images/m-bg-intro.gif);    
}

#menu
{
    float: left;
    position: relative;
    left: 50%;
    text-align: left;
}

#menu ul
{
    list-style: none;
    position: relative;
    left: -50%;
}

#menu li
{
    float: left;
    position: relative; /* ie wants it */
}

#menu a 
{
    float: left;
    color: White;
    text-align: left;
    padding-left: 20px;
    text-decoration: none;
    background: transparent;
    font-weight: bold;
}    

#menu a:hover
{
    color: Yellow;
}

.block
{
    display: inline-block;
}

.content
{
    text-align: left;
    padding: 20px;
    background-image: url(Images/bg-other.gif);
    background-repeat: repeat;
}

.content .picture
{
    float: left;
    margin-right: 20px;
}

.content ul
{
    margin: 20px;
}

.content .bar 
{
    clear: left;
}