/* CSS Document */

<style type="text/css">

.navbar{width: 800px; height: 30px; clear:both}

.buttons{width: 75px; height: auto; background: #99FF00; float:right; padding:7.5px; border-left: 2px solid #FFFFFF}

.masthead{width: 800px; height: 220px; clear:both}

.quicklinks{width: 259px; height: 700px; background-color: #F3F3F3;  clear: both; float:left; padding: 15px}

.main{width: 473px; height: auto; float: left; padding: 15px}

.order{width: 245px; height: auto; background-color:#F0F0F0; float:left; padding: 10px}

.composers{width: 350px; height: auto; position:relative; float: left; padding: 15px}

.footer {width:800px; height: 100px; clear:both}


body,td,th {
	font-size: 12px;
	color: #333333;
	font-family: Verdana;
}
body {
	background-color: #FFFFFF;
}
a:link {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	color: #0066FF;
	text-decoration: none;
}
a:hover {
	color: #66CC33;
	text-decoration: none;
}
a:active {
	color: #66CC33;
	text-decoration: none;
}
.h1 {font-size: 14px; letter-spacing: 0.4em}
.ql {font-size: 11px}
.capsgreen {color: #66CC00}
.footer {font-size: 9px; letter-spacing: 0.1em;  }
.orderbox {
	background: url(images/tr3.gif) 100% 0 no-repeat;
	padding: 10px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}
.only {font-size: 11px; color: #333333; }
.999 {
	color: #0066FC;
	font-size: 14px;
}
.ordernow {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

.linkbot {font-size: 10px; }
.copyright {font-size: 9px; }

ul#menu {
  width: 300px;
  list-style-type: none;
}

ul#menu ol {
  display: none;
  text-align: left;
  list-style-type: none;
  margin: 0;
  padding: 5px;
}

ul#menu li, 
  ul#menu a {
  font: verdana;
  font-size: 12px;
  color: #0066FF;
}

ul#menu li {
  line-height: 20px;
}

ul#menu ol li:before {
  color: #333333
}

ul#menu a:hover {
  color: #66CC33
}

ul#menu a.active {
  color: #0066FF
}

.bl {background: url(images/bl.gif) 0 100% no-repeat #dfdfdf; width: 470px; float: left; border-bottom: 10px solid #FFFFFF}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

.bl2 {background: url(images/bl3.gif) 0 100% no-repeat #99FF33; width: 249px; float: left}
.br2 {background: url(images/br3.gif) 100% 100% no-repeat}
.tl2 {background: url(images/tl3.gif) 0 0 no-repeat}
.tr2 {background: url(images/tr3.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

</style>