html {overflow-y: scroll; font-size: 100%;}

body,td,a,div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	color: #111111;
	font-size: 1rem;
	line-height: 1.55;
	margin-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.doccell {border-bottom:1px solid #CCCCCC;}
.docheader {background:#f5f5f5;font-weight:bold;}
.title {background:#cccccc;font-weight:bold;color:#ffffff;}
.bline {border-bottom:1px solid #cccccc;}
.tline {border-top:1px solid #cccccc;}
.rline {border-right:1px solid #cccccc;}
.xpadding {padding:3px;}
.xxpadding {padding:5px;}
.vmiddle {vertical-align:middle}

.wframe {
	border:1px solid #666;
	padding:6px;
	border-radius:6px;
	background-color:#fff;
}

.forcewrap {

	-ms-word-break: break-all;
     	word-break: break-all;

     	/* Non standard for WebKit */
     	word-break: break-word;

	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
        hyphens: auto;
}

a.download {
        display:inline-block;
        border-radius:4px;
        font-size:0.95rem;
        background-color:#5C0000;
        color:#fff;
        padding:5px 10px 5px 10px;
	text-decoration:none;
	text-align:center;
}
a.download:hover {
	background-color:#333;
	color:#fff;
}

form {margin:0px;}
input,select,textarea,button {font-family:inherit;font-size:max(16px, 1rem);}
select.smtxt {font-size:max(16px, 0.9rem);}
.action-small {font-size:0.8rem;}
.action-delete {color:#c00000;font-size:0.8rem;}

.style1 {
	color: #6C0000;
	font-size: 0.75rem;
}
.style2 {
	color: #669999;
	font-weight: bold;
}

.music_title {
	color: #6C0000;
	font-weight:bold;
}

.listtitle {background:#6C0000;
			color:#ffffff;
			font-size:0.8rem;
			font-weight:bold;
}

.note {		background:#ffffff;
			border-top:1px solid #999999;
			border-bottom:1px solid #999999;
			color:#333333;
			font-size:0.8rem;
			padding:5px;
}

.reversenote {		
			background:#e5e5e5;
			border-top:1px solid #999999;
			border-bottom:1px solid #999999;
			color:#333333;
			font-size:0.8rem;
			padding:5px;
}


ul,ol {margin-top:3px;margin-bottom:3px;}

.cart_table {border:1px solid #cccccc;background:#ffffff;font-family:arial;font-size:1rem;}
.cart_heading {background:#6C0000;font-weight:bold;color:#ffffff;}
.cart_cell {border-bottom:1px solid #cccccc;background:#ffffff;}
.cart-total {font-size:1.15rem;font-weight:bold;}
.hint {font-size:0.8rem;}

.menuback {background:#C2C1A2;}
.navcell {padding-left:5px;border-bottom:1px solid #DCDCC7;height:25px;}
.subnavcell {padding-left:5px;height:18px;}


.smtxt {font-size:0.9rem;}
.medtxt {font-size:1rem;}
.lgtxt {font-size:1.15rem;}

a {color:#5C0000;text-decoration:underline;}
a:hover{color:#5C0000;text-decoration:none;}

a.rpt {color:#5C0000;text-decoration:underline;}
a.rpt:visited {color:blue;text-decoration:underline;}
a.rpt:hover{color:#5C0000;text-decoration:none;}


a.navtxt {color:#111111;font-size:1rem;text-decoration:none;}
a.navtxt:hover {color:#111111;font-size:1rem;text-decoration:underline;}

	
 
.nav {color:#5C0000;font-size:1rem;font-weight:bold;}

a.navsel {color:#5C0000;font-size:1rem;text-decoration:none;}
a.navsel:hover {color:#5C0000;font-size:1rem;text-decoration:underline;}


a.subnavsel {line-height:150%;color:#5C0000;font-size:0.8rem;text-decoration:none;font-weight:normal;}
a.subnavsel:hover {line-height:150%;color:#5C0000;font-size:0.8rem;text-decoration:underline;font-weight:normal;}



h1 {color:#5C0000;font-size:clamp(1.5rem, 3vw, 2rem);font-weight:500;margin:0 0 0.5rem;}
h2 {color:#5C0000;font-size:clamp(1.25rem, 2.5vw, 1.55rem);font-weight:500;margin:0 0 0.5rem;}
h3 {color:#5C0000;font-size:1.15rem;font-weight:bold;margin:0 0 0.35rem;}
h4 {color:#5C0000;font-size:1rem;font-weight:bold;margin:0 0 0.25rem;}

.doccell,
.docheader {
  font-size: 0.875rem;
}

@media (max-width: 600px) {
  html {
    font-size: 93.75%;
  }
}
