html {overflow-y: scroll;}

body {
    background: #FFFFFF;
    font-family: helvetica, verdana, sans-serif;
}

h1 {
    font-family: helvetica, verdana, sans-serif;
}

h2 {
    font-family: helvetica, verdana, sans-serif;
    padding-top: 0px;
    margin-top: 0px;
}

h3 {
    font-family: helvetica, verdana, sans-serif;
    padding-top: 0px;
    margin-top: 0px;
}

h4 {
    font-family: helvetica, verdana, sans-serif;
}

a.cdname {
    font-weight: bold;
    text-decoration: underline;
}

a.songname {
    font-weight: 550;
    text-decoration: underline;
    font-style: italic;
}

p.return {
    margin: 0;
    padding: 0;
    text-align: right;
}

/************************
 * Formatting the links *
 ************************/

a:link {color: #000000; font-weight: 550}
a:visited {color: #000000; font-weight: 550}

img {
    border: none;
}

/*****************************
 * Done formatting the links *
 *****************************/


/* **************************************************************************************** */
/* This section is an attempt at placing the elements in the page in a pleasing arrangement */
/* **************************************************************************************** */
div#page {
    width: 800px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0px;
    
    background: #FFFFFF;
}

div#banner {
    margin: 0;
    padding: 0px 0px 3px 0px;
    width: 800px;
    text-align: center;
}

img.banner {
    clear: both;
    margin: 0;
    padding: 0;
}

h1.banner {
    background: #FFFFFF;
    line-height: 130%;
    padding: 0;
    margin: 0;
    font-variant: small-caps;
}

a.banner {
    color: #000000;
    text-decoration: none;
}

div#leftside {
    width: 145px;
    
    float: left;
}

div#logo {
    height: 145px;
    width: 145px;
    
    float: left;
}

img.logo {
    height: 145px;
    width: 145px;
    border: none;
}

div#navigation {
    text-align: left;
    
    float: left;
}

div#rightside {
    margin: 0px;
    padding: 0px;
    
    /*
    position: absolute;
    top: 53px;
    left: 203px;
    */
    
    width: 652px;
    
    float: right;
}

div#content {
    background-color: #FFFFFF;
    font-family: helvetica, verdana, sans-serif;
    width: 577px;
    min-height: 460px;
    text-align: left;
    margin: 0;
    padding: 1px 10px 10px 10px;
}

div#w3c {
    margin: 0px;
    padding: 1px 0px 0px 0px;
    width: 597px;
    clear: both;
    color: #000000;
    text-align: left;
}
/* **************************************************************************************** */
/* End placing elements pleasingly on page ************************************************ */
/* **************************************************************************************** */

/* **************************************************************************************** */
/* This section formats the left vertical navigation menu ********************************* */
/* **************************************************************************************** */
ul#navlinks {
    text-align: left;
    list-style: none;
    margin-left: 0;
    padding-left: 3px;
    padding-top: 0px;
    margin-top: 1px;
    line-height: 150%;
}

a.nav {
    font-variant: small-caps;
    font-weight: bold;
    text-decoration: none;
}

a.navsel {
    font-variant: small-caps;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

/* **************************************************************************************** */
/* End nav menu formatting **************************************************************** */
/* **************************************************************************************** */

p.webcred {
    margin: 0;
    padding: 0;
    font-size: 70%;
}

p.validated {
    text-align: right;
    line-height: 1px;
    clear: both;
}

img.valid {
    float: right;
}

li.nodot {
    list-style: none;
}