/* site-wide adjustments */
div {
    margin:0;
    padding:0;
    border-width:0;
}
img {
    border:none;
}
hr {
    width:75%;
}
dt {
    font-weight:bold;
}
dd {
    font-weight:normal;
    text-align:justify;
}

body {
    padding:0;
    margin:0;
}
#page {
    margin:10px;
}

/* main layout */
#header, #top_nav, #middle, #bottom_spacer, #footer {
    display:block;
    float:left;
}
#top_nav, #middle, #bottom_spacer, #footer {
    clear:left;
}
#header, #top_nav, #middle, #bottom_space, #footer {
    margin-left:10px;
    margin-right:10px;
}
#header {
    height:130px;
    width:830px;
    padding:10px;
    margin-top:10px;
}
#top_nav {
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    width:850px;
}
#left_nav {
    padding:10px;
    width:180px;
    float:left;
}
#middle {
    width:850px;
}
#content {
    padding:10px 30px 10px 10px;
    width:610px;
    float:left;
}
#bottom_spacer {
    height:15px;
}
#footer {
    padding:5px 0px;
    width:850px;
    text-align:center;
    margin-bottom:10px;
}

/* borders & backgrounds */
body {
    background-color:#444;
    background-image:url('/media/images/bg.png')
}
#header, #middle, #footer {
    border:outset #00b 2px;
    background-color:white;
}

#top_nav {
    text-align:center;
}

/* header layout */
#logo {
    float:left;
}
#sitetitle {
    float:right;
}
#pagetitle {
    float:left;
    margin-left:50px;
}
#scouts_logo {
    float:right;
    margin-top:7px;
}
#slogan {
    float:right;
    margin-right:20px;
}
#account {
    float:right;
    text-transform:capitalize;
}
#pagetitle {
    clear:right;
    margin-top:10px;
}
#account {
    clear:right;
    margin-top:10px;
}

/* header formatting */
#sitetitle {
    color:#ea2300;
    font-size:40px;
}
#slogan {
    color:#f00;
    font-size:20px;
    font-style:italic;
}
#scouts_logo {
    width:50px;
    height:50px;
}
#pagetitle {
    font-weight:600;
    color:#ea2300;
    font-size:40px;
}
#account {
    color:black;
    margin-top:20px;
    text-align:right;
}

/* top_nav formatting */
#top_nav {
    padding-top:10px;
    padding-bottom:10px;
}
#top_nav a {
    margin:2px;
    padding:3px 5px;
    color:#d3d3d3;
    text-decoration:none;
    font-weight:bold;
}
#top_nav a:hover {
    border:solid #bbb 2px;
    background-color:white;
    color:#333;
    padding:1px 3px;
}

/* left_nav formatting */
#left_nav {
    font-weight:bold;
    text-transform:capitalize;
}
#left_nav ul {
    list-style:none;
    padding:0px;
    margin-top:0px;
    padding-left:10px;
}
#left_nav li {
    padding:0px;
    font-weight:bold;
}
#left_nav span.nav_category {
    display:block;
    border-bottom:solid black 1px;
    margin-bottom:2px;
}
#left_nav a {
    display:block;
    font-weight:normal;
    color:blue;
    padding:1px;
    text-decoration:none;
    border-bottom:solid blue 1px;
}
#left_nav a:hover {
    color:#dd0000;
    background-color:#d3d3d3;
    border-color:red;
    color:red;
}
span.filetype {
    text-transform:lowercase;
}