/*
 *                          Unisoc - The University of Canterbury Unicycle Society
 *
 * layout.css: Styles the layout part of the website. This will place the Menu, Content and Sidebar
 *             <div> elements in the right place, and style the contents of the Menu and Sidebar.
 *             For control of the contents of the Content <div>, use the content.css file.
 *
 *             This stylesheet places the menu as a vertical bar on the left and the sidebar as a
 *             vertical bar on the right with the content in the middle. The bars are white text
 *             on black backgrounds and vice-versa for the content. The Unisoc logo appears above
 *             the menu items.
 */

html{
    height: 100%;
}

body{
    background: #358;
    color: #FFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.8em;
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: justify;
}

/* Information about the currently logged-in member */
#MemberDetails{
    background: url(../images/logo-inverted-left.jpg) no-repeat center top;
    float: left;
    margin-top: 10px;
    padding-top: 167px;     /* 167px = bottom of background plus 15px */
    text-align: center;
    width: 20%;
}

#MemberDetails a{
    color: #FFF;
    display: inline;
    margin: 0px;
    padding: 0px;
    text-decoration: underline;
}

#MemberDetails a:hover{
    font-weight: bold;
}

/* Main menu box */
#Menu{
    clear: left;
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 20%;
}

/* Menu item */
#Menu a{
    border: 1px solid #FFF;
    color: #FFF;
    display: block;
    margin: 15px 20%;
    padding: 10px 2px;
    text-decoration: none;
}

/* Menu item when mouse over it */
#Menu a:hover{
    font-weight: bold;
}

/* Used for the current page */
#Menu span{
    border: 1px dashed #CCC;
    color: #CCC;
    display: block;
    margin: 15px 20%;
    padding: 10px 2px;
}

/* Sponsor information */
#Sponsors{
    float: right;
    margin-top: 10px;
    text-align: center;
    width: 20%;
}

#Sponsors a{
    color: #FFF;
    text-decoration: underline;
}

#Sponsors a:hover{
    font-weight: bold;
}

/* Remove borders from all images in the sidebar as they will all be linked */
#Sponsors img{
    border: none;
}

/* Main content box */
#Content{
    background: #FFF;
    color: #000;
    height: 100%;                   /* IE6 and below treat this as min-height */
    margin: 0% 20% 0% 20%;
    min-height: 100%;
    padding: 15px;
}

/* Overide height setting in all but IE6 and below */
html > body > #Content{
    height: auto;
}