/* Charter Music Style Sheet */

/* BODY */

body {font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: 500; text-align: justify; color: black; background-color: white;
body.menu {background-color: white}
body.splash {font-family: arial, verdana, sans-serif; font-size: 20px; font-weight: 700; text-align: center; color: white; background-color: black; text-decoration: none}

scrollbar-face-color: #aaaaaa;
scrollbar-shadow-color: #999999;
scrollbar-highlight-color: #eeeeee;
scrollbar-3dlight-color: #333333;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #666666;
scrollbar-arrow-color: #ff0000}

/* LINKS */

a {text-decoration: none; font-weight: 900;}
a img {border: none}
:link {color: blue}
:visited {color: fuchsia}
:active {color: red}

/* HEADINGS*/

h1 {font-size: 28px; font-style: normal; text-align: center; color: red}
h2 {font-size: 24px; font-style: normal; font-weight: 700; text-align: center; color: blue; background: lightcyan; border: 5px ridge lightgray; padding: 1}
h2.small {font-size: 12px; font-style: normal; font-weight: 700; text-align: center; background: ivory; border: 5px ridge lightgray; padding: 1}
h2.notice {font-size: 12px; font-style: normal; font-weight: 700; color: black; text-align: justify; background: ivory; border: 5px ridge lightgray; padding: 1}
h3 {font-size: 20px; font-style: normal; font-weight: 700; text-align: center; color: red;}
h4 {font-size: 12px; font-style: italic; font-weight: 700; text-align: center; color: navy}
h5 {font-size: 16px; font-style: normal; font-weight: 700; text-align: left; color: navy}
h5.center {font-size: 16px; font-style: normal; font-weight: 700; text-align: center; color: navy}
h5.justify {font-size: 16px; font-style: normal; font-weight: 700; color: navy; text-align: justify}
h5.box {font-size: 12px; font-style: normal; font-weight: 700; color: navy; text-align: center; background: ivory; border: 5px ridge lightgray; padding: 1}
h5.notice {font-size: 12px; font-style: normal; font-weight: 700; color: navy; text-align: justify; background: ivory; border: 5px ridge lightgray; padding: 1}
h6 {font-size: 12px; font-style: normal; font-weight: 700; text-align: justify; color: navy}
h6.center {font-size: 12px; font-style: normal; font-weight: 700; text-align: center; color: navy}

/* LINES */

hr {color: red; height: 2px}

/* ALIGNMENT */

center {font-size: 12px; font-weight: 500; font-family: arial, sans-serif; color: navy}

/* PARAGRAPH */

p.small {font-size: 11px; font-weight: 500; font-style: italic}
p.italic {font-size: 12px; font-weight: 700; font-style: italic}

/* LISTS */

ul {list-style-image: url('bullet.jpg'); font-weight: 700}
li {list-style-image: url('bullet.jpg'); font-weight: 700}

/* IMAGES */

img.photo {border: 10px ridge lightgray}

/* MARQUEE */

marquee {font-size: 16px; font-weight: 700; font-style: italic; color: blue; border: 5px ridge lightgray; background: ivory}
marquee.menu {font-size: 12px; font-weight: 700; color: red; border: 5px ridge lightgray; background: ivory}

/* TABLES */

table.shaded {background: ivory; width: 100%; border: 5px ridge lightgray; padding: 3}
table.photo {background: ivory; width: 60%; border: 5px ridge lightgray; padding: 3}
table.menu {width: 100%; background: ivory; border: 2px ridge black}

td {font-size: 12px; font-weight: 500; text-align: justify; vertical-align: top}
td.left {text-align: left; vertical-align: top; font-size: 12px; font-weight: 500; color: black}
td.center {text-align: center; vertical-align: top; font-size: 12px; font-weight: 500; color: black}
td.right {text-align: right; vertical-align: top; font-size: 12px; font-weight: 500; color: black}
td.middle {text-align: justify; vertical-align: middle; font-weight: 700}
td.menu {text-align: center; vertical-align: middle}
th.middle {text-align: center; vertical-align: middle; font-weight: 700; color: red}

/* FORMS */

input {font-size: 12px; font-weight: 500; font-family: arial, sans-serif; text-align: left; color: black; background: lightcyan}

input.submit {width: 80px; height: 30px; font-size: 14px; font-weight: 700; text-align: center; color: green; background: yellow; border: 6px ridge lightgray}

input.clear {width: 80px; height: 30px; font-size: 14px; font-weight: 700; text-align: center; color: red; background: yellow; border: 6px ridge lightgray}

textarea {font-size: 12px; font-weight: 500; font-family: arial, sans-serif; text-align: left; color: black; background: lightcyan}