/* General */
* {
    margin: 0;
    border: 0;
    padding: 0;
    color: #666;
}


/* Fonts */
body {
    font-family: Arial, Helvetica, sans-serif;
}

#navbar {
    font-size: 16px;
}

#content {
    font-size: 14px;
}

#content h1 {
    font-size: 18px;
}

#content h2 {
    font-size: 16px;
}

#content h3 {
    font-size: 14px;
}

#bottomnav {
    font-size: 12px;
}

a {
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Colors */
#topbar, #navbar, #rounded-in {
    background: #f7f7f7;
}

#toplink {
    background: #93269f;
}

#toplink a {
    color: white;
}

#bottomnav, body {
    background: #d3d7e7;
}

#content {
    background: white;
}

#pagecontainter {
    background: #f9f9f9;
}

/* Sizes */
#container {
    width: 940px;
    min-width: 940px;
}
#page, #navbar-frame, #bottomnav {
    width: 640px;
}

#content {
    width: 500px;
}

#goldie {
    width: 150px;
}

#navbar {
    height: 160px;
}

#goldie-frame {
    top: 65px;
    left: -50px;
}

/* Stuff */
#container {
    width: auto;
    margin: 0 auto;
}

#content p {
    padding: 10px 0 10px 0;
}

#content img {
    margin: 10px;
}

#content ul {
    margin-left: 40px
}

#topbar {
    width: auto;
    display: block;
    height: 20px;
    border:0;
}

#pagecontainter {
    width: auto;
    margin: 0 auto;
    display: block;
}

#page {
    margin-left:auto;
    margin-right:auto;
    padding: 20px;
}

#navbar {
    border-bottom: 1px solid black;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
}

#pagecontainter {
    border-top: 1px solid #a3a3a3;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 16px rgba(0,0,0,0.25);
}


#content {
    margin: 20px auto;
    padding: 20px;

    border-radius: 4px;
    -webkit-border-radius: 4px;

    box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 16px rgba(0,0,0,0.25);
}

#goldie-frame {
    float: left;
    position: relative;
}

#navbar-frame {
    margin-left: auto;
    margin-right: auto;
}

#col1, #col2, #col3 {
    width: 33%;
    float: left;
}

#col-frame {
    padding: 20px;
    position: relative;
}

#toplink {
    font-weight: bold;
    font-size: 18;
    text-align: center;
    width: 80px;
    padding: 4px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    position: absolute;
    top: 100%;
}

#heading {
    font-weight: bold;
    padding: 0 0 20px 0;
}

#text {
    padding: 0;
}

#spacer {
    clear: both;
    height: 0px;
    display: block;
}

#bottomnav {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    margin: 20px auto;
    padding-bottom: 403px;
}


#copyrightext {
    padding: 0 0 10px;
}

#bottomnav ul {
    padding: 0;
    list-style-type: none;
    list-style-position: inside;
}

#bottomnav li {
    list-style-type: none;
}

#bottomnavcol {
    width: 33%;
    float: left;
    text-align: center;
}