BODY        {
        SCROLLBAR-BASE-COLOR: #000000;
        SCROLLBAR-ARROW-COLOR:#660000;
        SCROLLBAR-TRACK-COLOR:#660000;
        margin: 10px;
        padding: 0px;
        border: #000000 0px solid;
        
        }
body {
background: url("http://postyourmusic.com/jpg/musicChartB.jpg") repeat-y;

}
/*        .html file rather than the .css file                                        */
body {background-color: #48D058;
}


 /* PAGE LINK COLORS */

a:link                { color: #C6EFF7; text-decoration: none; }

a:visited        { color: #CC99FF; text-decoration: none; }

a:active        { color: #CC99FF; text-decoration: none; }

a:hover                { color: #CCFF99; text-decoration: none; }




 /* THE NEXT LINE CONTROLS THE FONT SIZE ON ALL PAGES */


TABLE                { COLOR: #C0C0C0; FONT: 11px verdana, arial, sans-serif; font-weight: bold; }

.title                { COLOR: #FFFFFF; FONT: 16px arial, verdana, sans-serif; letter-spacing: 2px; font-weight: bold; }

.subtitle        { COLOR: #5279DE; FONT: 12px verdana, arial, sans-serif; font-weight: bold; }

.copyright        { COLOR: #FFFFFF; FONT: 10px arial, verdana, sans-serif; }

.price                 { color: #0099CC; font: 13px arial, sans-serif; font-weight: bold; line-height: 22px; }





/* BIO PAGE FRAME */

.bio                {
                overflow:auto;
                height:455px;
                width:500px;
                padding: 15px;
                border:1px solid #CA0B01;
                }



/* SAMPLES PAGE CODE */

.samplestable                {
                        border-collapse:collapse;
                        border: 1px solid #990000;
                        }

.tracktext                { COLOR: #FFFFFF; FONT: 11px verdana, arial, sans-serif; font-weight: bold; }

.formmargin                { margin: 0px; }









 /* HTML PAGE BACKGROUND AND BORDERS */

.mainpage        { background : #330000 url(picts/background.jpg) repeat 0px 0px fixed;
                  border: #666666 1px solid; }

.headerline        { border-bottom: #666666 1px solid; }




 /* SETUP PAGES FOR PRINTING */


@media print {
.printhide         { display:none;}
.menutrans        { display:none;}
.printhelp        { width:600px }
TABLE                 { COLOR: #000000; FONT: 13px arial, sans-serif; font-weight: normal }
}
@media screen{
.printonly { display:none }
}






 /* PICTURE GALLERY CODE */

.Galborder                 { border: #666666 1px solid; cursor:pointer; }

A:hover .Galborder,
A:active .Galborder         { border: #FF0000 1px solid; cursor:pointer; filter: invert; }


.GalborderMain         { border: #666666 1px solid; cursor:pointer; }


.slideshow        { FONT: 12px arial, verdana, sans-serif;
                  font-weight: bold;
                  color: #FFFFFF;
                  background-color: transparent;
                  cursor: pointer;
                  padding-left: 6px;
                  padding-right: 6px;
                  margin-top: 10px;
                  margin-bottom: 3px;
                  border: #666666 1px solid; }



.slideshowon        { FONT: 12px arial, verdana, sans-serif;
                  font-weight: bold;
                  color: #FFFFFF;
                  background-color: transparent;
                  cursor:pointer;
                  padding-left: 6px;
                  padding-right: 6px;
                  margin-top: 10px;
                  margin-bottom: 3px;
                  border: #990000 1px solid; }






 /* MERCHANDISE PAGE */

.merchandise-title        { COLOR: #FFFFFF; FONT: 12px verdana, arial, sans-serif; font-weight: bold; }

.button-order { background-image: url("picts/order-button.gif");
                background-color:#5306D6;
                FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                color: #FFFFFF;
                font-size: 9pt;
                height: 24px;
                cursor:pointer;
                font-weight: bold;
                text-align: center;
                padding-left: 5px;
                padding-right: 5px;
                BORDER: #666666 1px solid; }


.buttonon-order { background-image: url("picts/order-buttonon.gif");
                background-color:#D64806;
                FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                color: #FFFFFF;
                font-size: 9pt;
                height: 24px;
                cursor:pointer;
                font-weight: bold;
                text-align: center;
                padding-left: 5px;
                padding-right: 5px;
                BORDER: #666666 1px solid; }








 /* IMAGE BORDERS */


.borders                { BORDER: #666666 1px solid; }



 /* CONTACT PAGE */

.button-contact { background-image: url("picts/button.gif");
                background-color:#5306D6;
                FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                color: #FFFFFF;
                font-size: 9pt;
                height: 24px;
                cursor:pointer;
                font-weight: bold;
                text-align: center;
                padding-left: 5px;
                padding-right: 5px;
                BORDER: #000000 1px solid; }


.buttonon-contact { background-image: url("picts/buttonon.gif");
                background-color:#D64806;
                FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                color: #FFFFFF;
                font-size: 9pt;
                height: 24px;
                cursor:pointer;
                font-weight: bold;
                text-align: center;
                padding-left: 5px;
                padding-right: 5px;
                BORDER: #000000 1px solid; }


.shadeform        { FONT: 13px arial, verdana, sans-serif;
                background-color:#660000;
                color: #FFFFFF;
                background-image: url("picts/shadeform.gif");
                text-align: left;
                WIDTH: 180PX;
                BORDER: #000000 1px solid;}


.textarea        { FONT: 13px arial, verdana, sans-serif;
                background-color:#660000;
                color: #FFFFFF;
                background-image: url("picts/shadeform.gif");
                text-align: left;
                WIDTH: 270PX;
                HEIGHT: 190PX;
                overflow: auto;
                BORDER: #000000 1px solid;}






 /* LINKS PAGE */


.searchform {         WIDTH: 110PX;
                HEIGHT: 19PX;
                FONT: 11px arial, georgia, "Times New Roman", sans-serif;
                background-image: url("picts/shadeform.gif");
                color: #FFFFFF;
                background-color:#660000;
                BORDER: #65595A 1px solid; }


.button-search { background-image: url("picts/button.gif");
                background-color:#5306D6;
                FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                color: #FFFFFF;
                font-size: 8pt;
                height: 20px;
                cursor:pointer;
                font-weight: bold;
                text-align: center;
                padding-left: 5px;
                padding-right: 5px;
                BORDER: #000000 1px solid; }


.buttonon-search { background-image: url("picts/buttonon.gif");
                background-color:#D64806;
                FONT-FAMILY: arial, verdana, helvetica, sans-serif;
                color: #FFFFFF;
                font-size: 8pt;
                height: 20px;
                cursor:pointer;
                font-weight: bold;
                text-align: center;
                padding-left: 5px;
                padding-right: 5px;
                BORDER: #000000 1px solid; }










/* VIDEO POPUP CODES */

.bordersvideo        { BORDER: #FFFFFF 1px solid; }

.videotitle        { COLOR: #FFFFFF; FONT: 17px arial, verdana, sans-serif; font-weight: bold; }

.videotext        { COLOR: #C0C0C0; FONT: 10px verdana, arial, sans-serif; font-weight: bold; }

.page-splits        { border-top: #000000 1px solid; background-color: #990000; color: #990000; height: 2px; width: 100%; }

#music-closebutton         { POSITION: absolute; bottom: 10px; right: 10px; }

 /* VIDEO BACKGROUND */

.videopage        { background : #000000 url(picts/background.jpg) repeat 0px 0px fixed;
                  border: #666666 0px solid; }






 /* START MENU CODE */



#menucode                 { white-space:nowrap; z-index: 3; }



.menu-bottom-line        { border-bottom: #990000 1px solid; }


.menu                { font-family: verdana, arial, helvetica, sans-serif;
                  font-size: 10pX;
                  font-weight: bold;
                  width: 150px;
                  cursor:pointer;
                  padding-left: 8px;
                  padding-top: 8px;
                  padding-bottom: 8px;
                  text-align: left;
                  display: block;
                  border-top: #990000 1px solid; }


a.menu:link                 { color: #FFFFFF; }

a.menu:visited          { color: #FFFFFF; }

a.menu:active                 { color: #FFFFFF; }

a.menu:hover                 { color: #990000; }





 /* GALLERY NAV MENU */



.menu-nav        { font-family: verdana, arial, helvetica, sans-serif;
                  font-size: 10px;
                  font-weight: bold;
                  text-align: center;
                  padding-top: 0px;
                  padding-bottom: 0px;
                  padding-left: 6px;
                  padding-right: 6px;
                  margin-top: 5px;
                  margin-left: 1px;
                  margin-right: 1px;
                  cursor:pointer;
                  display: block;
                  white-space: nowrap;
                  border-top: #666666 0px solid;
                  border-bottom: #666666 0px solid;
                  border-left: #990000 0px solid;
                  border-right: #990000 1px solid; }


a.menu-nav:link                 { color: #FFFFFF; }

a.menu-nav:visited                  { color: #FFFFFF; }

a.menu-nav:active                 { color: #FFFFFF; }

a.menu-nav:hover                 { color: #990000; }