/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Default Item Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Reset all Margins as they vary from browser to browser */
* {
  margin: 0;
  padding: 0;
}


/* Get content to occupy 100% of the browser height */
html, body {
    height: 100%;
}

/* Set the default fonts for the page */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Default browser font size is 16pt, To get 10pt set the body size to 0.5em which gives you 8pt and then set the page font size
to 1.25em of this, e.g 10pt */

body {
    font-size: 10pt;

    SCROLLBAR-FACE-COLOR: #89DBFF;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #89DBFF;
    SCROLLBAR-ARROW-COLOR: #1B315A;
    SCROLLBAR-TRACK-COLOR: #ffffff
}


/* Reset Default Header Sizes */
h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
}

h1 {
    font-size: 1em;
}

h2, h3, h4 {
    font-size: 0.8em;
    color: #3A3AFC;
    margin: 0.32em 0.63em 0.63em 0.32em;
}

h4 {
    margin-bottom: 0.1em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1.1em;
    line-height: 1.5em;
    color: #090;
}


/* Set default links to none underlined and underlined when visited */
a:link, a:visited {
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}

/* Remove Order List Default Bullets */
ul, ol {
    list-style: none;
}

/* Background of the page */
body 
{
background-image: url('images/bg2.jpg');
background-repeat: no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Page Header
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#headerright {
  position: absolute;
  z-index: 2;
  text-align: right; 
  top: .5em;
  left: 48em;
  font-weight: bold;
  font-size: .85em;
  padding: 0em 0em 0em 0em;
  margin: 0em 0.0em 0em 0em; /* Order: top, right, bottom, left */
}

#headerright A {
  color: #1B315A;
  text-decoration: none
}
#headerright A:hover {
  color: #000000;
  text-decoration: underline
}

#topnav {
  position: absolute;
  top: 12em;
  width: 35em;
  left: 21.5em;
  padding: 0em 0em 0em 0em;
  margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

#topnav UL {
  position: relative;
  padding: 0em 0em 0em 0em;
  font-weight: bold;
  font-size: .9em;
  color: #1B315A;
}
#topnav UL LI {
  display: inline
}
#topnav UL LI A {
  padding: 0.2em 0.5em 0.2em 1em;
  float: left;
  color: #1B315A;
  text-decoration: none
}
#topnav UL LI A:hover {
  color: #5D8DA2;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Main Page Definition 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#maincontent {
  position: absolute;
  top: 15em;
  width: 52em;
  left: 2em;
  padding: 0em 0em 0em 0em;
  margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
}

#contenttitle {
        position: relative;
        FONT-WEIGHT: bold;
        FONT-SIZE: 1.25em;
        padding: 0em 0em 0em 0em;
        margin: 0em 0em .5em 0em; /* Order: top, right, bottom, left */
	COLOR: #000000;
}

#actualcontent {
        position: relative;
        FONT-WEIGHT: normal;
        FONT-SIZE: 1em;
        padding: 0em 0em 0em 0em;
        margin: 0em 0em 0em 0em; /* Order: top, right, bottom, left */
	COLOR: #1B315A;
}

.musiclist A {
  FONT-SIZE: .85em;
  COLOR: #000000;
  line-height: .1em;
  FONT-WEIGHT: bold;
}

#actualcontent A {
  COLOR: #000000;
  FONT-WEIGHT: bold;
}

.normalfontwhite {
        margin: .5em .5em .5em .5em; /* Order: top, right, bottom, left */
        FONT-SIZE: 0.85em;
        FONT-ALIGN: justify;
	FONT-WEIGHT: normal;
        COLOR: #FFFFFF;
}

.normalfontblack {
        margin: .5em .5em .5em .5em; /* Order: top, right, bottom, left */
        FONT-SIZE: 1em;
        FONT-ALIGN: justify;
	FONT-WEIGHT: normal;
        COLOR: #131A1E;
}

#actualcontent UL {
  position: relative;
  padding: 0em 0em 0em 0em;
  color: #1B315A;
}
#actualcontent UL LI {
  margin: 0em 0em -2px 2.5em; /* Order: top, right, bottom, left */
  display: block;
  list-style-type: square; 
}

table.musiclist {
        width:100%;
        position: relative;
	FONT-SIZE: 1em;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: separate;
}

table.musiclist td {
	padding: 1px;
        valign: top;
}


#footer {
  position: absolute;
  z-index: 1;
  top: 28.55em;
  float: left;
  left: 19em;
  COLOR: white;
  margin: 0em 0em 0em 1.5em; /* Order: top, right, bottom, left */
}

#footer A {
  COLOR: white;
  TEXT-DECORATION: none;
}

#footer A:hover {
  color: #white;
  text-decoration: underline
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Form
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
label {
width: 8em;
float: left;
text-align: right;
margin-right: 0.5em
display: block;
FONT-WEIGHT: bold;
}

input, select, textarea {
margin-left: 1.5em;
color: #131A1E;
background: #FFFFFF;
border: 1px solid #7F9DB9;
}

.submit input {
color: #FFFFFF;
background: #0202F9;
border: 2px outset #0202F9;
FONT-SIZE: 1.5em;
}
 
fieldset {
margin-left: 1.5em;
border: 0px solid #000000;
width: 34em
} 

fieldset p {
  FONT-SIZE: 0.85em;
  float: left;
  margin: -1.5em 0em 1.5em 1.5em; /* Order: top, right, bottom, left */
}