/* CSS V2.1 (white black) red */

/* Body Rule */
body {background-image: url(assets/shadow.jpg); background-repeat: repeat-y; background-position: center; font-family: Helvetica, Arial, sans-serif; background-color: white; line-height: 125%; padding: 0; margin: 0;}

/* H1 Rule */
h1 {color: white; font-size: 150%; padding-top: 30px; padding-bottom: 10px; padding-left: 200px; margin: 0;
  background: red url(assets/keyboard.jpg) repeat-y left; border-left: 2px solid red;}

/* H2 Rule */
h2 {color: #4682B4; font-size: 130%; font-weight: normal; padding-top: 15px;}

/* H3 Rule */
h3 {color: #4682B4; font-size: 110%; font-weight: normal; padding-top: 5px;}

/* P Rule */
p {font-size: medium; color: black; text-align: left; font-weight: normal;}

/* IMG Rule */
img {border: 0px solid red;}

/* Styling Links */
a:link {font-weight: bold; color: black;}
a:visited {font-weight: bold; color: red;}
a:hover {font-weight: bold; text-decoration: none; color: white; background-color: red;}
a:active {font-weight: bold; color: white; background-color: red;}

/* Contextual Selectors */
#page {position: relative; width: 1024px; margin: auto;}
#details p {font-family: Helvetica, Arial, sans-serif; color: white; background: #4682B4; font-style: normal; border-top: 2px solid red; border-bottom: 2px solid red; padding-top: 2px; padding-bottom: 2px; padding-left: 200px; margin: 0;}
#sitename {}
#header {width: 100%; border-top: 2px solid red;}
#navigation, #maincontent, #rightextras, #header {position: absolute;}
#navigation, #maincontent, #rightextras {top: 90px;}
#navigation li {font-size: large; list-style-type: none; margin-left: -15px;}
#navigation {width: 180px; height: 900px; background: white url(assets/sheetmusic.jpg) no-repeat; border-right: 2px solid red; border-left: 2px solid red; border-bottom: 2px solid red; padding-top: 60px; line-height: 150%;}
#maincontent {left: 200px; right: 200px;}

#rightextras {right: 0px; width: 180px; top: 90px; height: 960px; border-left: 2px solid red; border-right: 2px solid red; border-bottom: 2px solid red; background-color: #FAF0E6;}
#rightextras p {color: red; text-align: center; padding-right: 10px; padding-left: 10px; padding-top: 15px; padding-bottom: 0px;}
#rightextras h3 {text-align: center; padding-top: 20px;}

#footer {text-align: center; border-top: 2px solid red; margin-top: 20px;}
#footer li {display: inline; font-size: x-small; margin-left: -1px;}
#footer p {text-align: center;}

/* Class Selectors */
.customer {font-size: small; font-style: normal; color: black; font-weight: normal;}
.sitemap {font-size: small; font-style: italic; color: black; font-weight: bold; vertical-align: middle;}
.musical-backing-tracks {border: 0px solid red; margin: 0px; padding: 0px; text-align: center;}

.floatright {float: right; padding-top: 15px;}
.floatleft {float: left; padding-top: 15px;}
.clearright {clear: right;}
.clearleft {clear: left;}

/* Table Elements Catalogue */
table.catalogue {border-collapse: collapse;}
table.catalogue th, table.catalogue td {padding: 4px; border: 2px solid red;}
table.catalogue th {font-size: medium; text-align: right; color: black; background: white; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px;}
table.catalogue td {font-size: small; font-weight: bold; color: black; background: white;}
table.catalogue caption {color: red; font-size: small; text-align: left; padding-bottom: 4px; font-weight: normal;}

/* Table Elements Musical */
table.musical {border-collapse: collapse;}
table.musical th, table.musical td {padding: 4px; border: 2px solid red;}
table.musical th {font-size: small; text-align: right; background: #4682B4; color: white; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px;}
table.musical td {font-size: small; background: white;}
table.musical caption {color: red; font-size: small; text-align: left; padding-bottom: 4px; font-weight: normal;}

/* Table Elements Ordering */
table.ordering {border-collapse: collapse;}
table.ordering th, table.ordering td {padding: 4px; border: 2px solid red;}
table.ordering th {font-size: small; text-align: left; background: white; color: red; padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px;}
table.ordering td {font-size: small; font-weight: bold; background: white;}
table.ordering caption {color: red; font-size: medium; font-weight: bold; text-align: left; padding-bottom: 4px; padding-top: 4px;}