﻿/* std style sheet */
html {
	height: 100%;
	min-height: 100%;
}
body {
	background: #f0f0f0;
	color: #303030;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	height: 100%;
	margin: 0;
	min-height: 100%;
	padding: 0;
}
a {
	color: #800000;
	font-weight: bold;
	/*text-decoration: none;*/
}
h1 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
	padding: .5em 0 .5em 0;
}
h1 span.heading {
	color: #800000;
	font-family: Garamond, serif;
	font-size: 22pt;
	font-style: italic;
}
h1 span.maecenas {
	color: #800000;
	font-family: "Chanson Heavy", "Arial Black", Arial, sans-serif;
	font-size: 22pt;
	font-style: normal;
}
h2 {
	font-family: "Arial Black",  Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0;
	padding: .5em 0 .5em 0;
}
h2 span {
	font-family: Garamond, serif;
	font-style: italic;
	font-weight: normal;
}
h3 {
	color: #800000;
	font-size: 1.3em;
	margin: 0;
	padding: 1em 0 .5em 0;
}
h4 {
	font-size: 1.3em;
	margin: 0;
	padding: .5em 0 0 0;
}
hr {
	background: #c0c0c0;
	border: none;
	color: #c0c0c0;
	height: 1px;
	overflow: hidden;
}
ol, ul {
	margin-top: 0;
}
p {
	margin: 0;
	padding: 0 0 1em 0;
}
img 
{
	border: none;
}
/*********************************************************************************/
/*outer container*/
div.outerContainer {
	background: #ffffff;
	border-right: 1px #e0e0e0 solid;
	border-left: 1px #e0e0e0 solid;
	min-height: 100%;
	margin: auto;
	padding: 0;
	position: relative;
	width: 1000px;
}
div.outerContainer:after {
	clear: both;
	content: " ";
	display: block;
}
/*********************************************************************************/
/* banner */
div.banner {
	border-top: 8px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
}
*html div.banner {
	height: 1px;
}
/*********************************************************************************/
/* column1 */
.column1 {
	float: left;
	width: 200px;
}
div.column1 .content {
	margin: 4px 0 4px 4px;
	padding: 0;
}
div.column1 .contentText {
	margin: 0;
	padding: 0;
}
/*********************************************************************************/
/* main navigation */
ul.level1nav {
	color: #ffffff;
	font-weight: bold;
	list-style: none;
	margin: 8px 0 .5em 4px;
	padding: 0;
}
ul.level1nav li {
	background: #000000;
	display: block;
	margin: 0 0 1px 0;
	padding: 2px 0;
}
ul.level1nav li a {
	color: #ffffff;
	display: block;
	padding: 0 4px;
	text-decoration: none;
}
ul.level1nav li span {
	color: #c0c0c0;
	display: block;
	padding: 0 4px;
}
ul.level1nav li.navStyle1 {
	margin: 8px 0 1px 0;
}
ul.level2nav {
	background: #ffffff;
	color: #ffffff;
	font-weight: normal;
	list-style: none;
	margin: 2px 0 0 0;
	padding: 0;
}
ul.level2nav li {
	background: #800000;
	/*border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;*/
	margin: 0 0 0 0;
	padding: 2px 0;
}
ul.level2nav li a {
	color: #ffffff;
	display: block;
	font-weight: normal;
	padding: 0 4px 0 12px;
	text-decoration: none;
}
ul.level2nav li span {
	color: #c0c0c0;
	display: block;
	font-weight: bold;
	padding: 0 4px 0 12px;
}
ul.level2nav li.navStyle1 {
	margin: 4px 0 1px 0;
}
ul.level3nav {
	background: none;
	color: #ffffff;
	font-weight: normal;
	list-style: square;
	margin: 2px 0 2px 18px;
	padding: 0;
}
ul.level3nav li {
	/*background: #ffffff;*/
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin: 0 0 0 18px;
	padding: 2px 0;
}
ul.level3nav li a {
	color: #ffffff;
	display: block;
	font-weight: normal;
	padding: 0 4px;
	text-decoration: none;
}
ul.level3nav li span {
	color: #c0c0c0;
	display: block;
	font-weight: bold;
	padding: 0 4px;
}
ul.level3nav li.navStyle1 {
	margin: 4px 0 1px 0;
}
/*********************************************************************************/
/* mainBody */
div.mainBody {
	float: left;
	width: 800px;
}
div.mainBody .content {
	margin: 4px 16px 4px 16px;
	padding: 0;
}
div.mainBody .contentText {
	margin: 0;
	padding: 0;
}
/*data*/
table.data {
	border: 1px #e8e8e8 solid;
	border-collapse: collapse;
	margin: 0 0 1px 0;
	width: 750px;
}	
table.data th {
	border-bottom: 1px #e8e8e8 solid;
	color: #808080;
	font-size: .9em;
	padding: 1px 4px;
	text-align: left;
}	
table.data td {
	padding: 1px 4px;
}	
table.data td.title {
	font-weight: bold;
}	
table.data td.series {
	color: #686868;
	font-family: Times New Roman, Arial;
	font-size: 1.2em;
	font-style: italic;
	letter-spacing: .02em;
}	
table.data td.instrument {
	color: #686868;
}	
table.data td.stockNum {
	color: #686868;
	font-weight: bold;
	width: 8%;
}	
table.data td.price {
	width: 8%;
	white-space: nowrap;
}	
table.data a {
	color: #800000;
}	
/*basket*/
table.basket {
	border: 1px #e8e8e8 solid;
	border-collapse: collapse;
	margin: 0 0 1px 0;
	width: 750px;
}	
table.basket th {
	background: #f8f8f8;
	border-bottom: 1px #e8e8e8 solid;
	padding: 1px 4px;
}	
table.basket tr {
	vertical-align: top;
}	
table.basket td {
	padding: 1px 2px;
}
table.basket td.title {
	font-weight: bold;
}
/*pdf*/
div.pdfItem {
	padding: 4px 4px;
}
div.pdfItem img {
	border: none;
	margin: 0 4px 0 0;
	padding: 0;
}	
/*mp3*/
div.mp3List {
	padding: 3px 4px;
}
div.mp3Item {
	padding: 1px 0;
}	
div.mp3Item img {
	border: none;
	margin: 0 4px 0 0;
	padding: 0;
}	
	
/*********************************************************************************/
/* forms */
form {
	margin: 0;
	padding: 0;
}
div.quickSearch {
	padding: 8px;
}
div.quickSearch form {
	border: 1px solid #000000;
	float: right;
	margin: 0 0 8px 0;
	padding: 0;
	width: 300px;
}
div.column1 form {
	background: #800000;
	border: 1px #800000 solid;
}
div.orderForm form {
	width: 750px;
}
div.fieldsetHeading {
	font-weight: bold;
	padding: 2px 4px;
	margin: 0;
}
div.quickSearch  .fieldsetHeading, div.column1 .fieldsetHeading {
	color: #ffffff;
}
div.quickSearch  .fieldsetHeading {
	background: #000000;
	text-align: center;
}
div.column1 .fieldsetHeading {
	background: #800000;
}
form fieldset {
	background: #f8f8f8;
	border: 1px #e8e8e8 solid;
	margin: 0 0 1px 0;
	padding: 4px 0 4px 0;
}
div.quickSearch form fieldset, div.column1 form fieldset {
	background: none;
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 4px 0;
}
/*text input*/
form .fldtext {
	clear: left;
}
form .fldtext label {
	display: block;
	float: left;
	padding: 1px 0;
	margin: 0 2px 0 4px;
	text-align: right;
	width: 140px;
}
div.quickSearch form .fldtext label {
	width: 125px;
}
div.column1 form .fldtext label {
	color: #ffffff;
	width: 60px;
}
form .fldtext input {
	border: 1px solid #e0e0e0;
	float: left;
	margin: 1px 0;
	width: 250px;
}
div.quickSearch form .fldtext input {
	width: 150px;
}
div.column1 form .fldtext input {
	width: 110px;
}
/*textarea*/
form .fldtextarea {
	clear: left;
}
form .fldtextarea label {
	display: block;
	float: left;
	padding: 1px 0;
	margin: 0 2px 0 4px;
	text-align: right;
	width: 140px;
}
form .fldtextarea textarea {
	border: 1px solid #e0e0e0;
	float: left;
	margin: 1px 0;
	width: 250px;
}
/*submit button*/
form .submit {
	clear: left;
	padding: 1px 4px 1px 146px;
}
div.quickSearch form .submit {
	clear: left;
	padding: 1px 4px 1px 131px;
}
div.column1 form .submit {
	clear: left;
	padding: 1px 4px 1px 66px;
}
form textarea.autoWidth {
	width: auto;
}
/*content*/
div.mainBody form .contentText {
	clear: left;
	padding: 4px;
}
/*********************************************************************************/
/* main container */
div.mainContainer {
	margin: 0 0 150px 0;
	padding: 0;
	float: left;
	width: 100%;
}
/*div.mainContainer .content {
	padding: 6px 24px;
}
div.mainContainer .leftImage {
	float: left;
	padding: 0 .5em 0 0;
	text-align: center;
}
div.mainContainer .rightImage {
	float: right;
	padding: 0 0 0 .5em;
	text-align: center;
}
div.mainContainer .contentText {
	margin: 0;
	padding: 0;
}
div.mainContainer .centerImage {
	text-align: center;
}
div.mainContainer .contentCaption {
	clear: both;
	color: #706558;
	font-style: italic;
	padding-bottom: .5em;
}
/*********************************************************************************/
/* main container boxes */
div.mainContainer .boxes2, div.mainContainer .boxes3, div.mainContainer .boxes4 {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
div.boxRow {
	margin: 0;
	padding: 0 6px;
}
div.mainContainer .boxContainer {
	float: left;
	padding: 0 0 0 6px;
	width: auto;
}
div.mainContainer .boxes2 .boxContainer {
	padding: 0 0 0 0;
	width: 49%;
}
div.mainContainer .boxes3 .boxContainer {
	padding: 0 0 0 0;
	width: 33.3%;
}
div.mainContainer .boxes4 .boxContainer {
	padding: 0 0 0 0;
	width: 24.5%;
}
div.mainContainer .mainBody .boxContainer .box {
	margin: 6px 6px 6px 6px;
	width: 779px;
}
div.mainContainer .gallery {
	float: none;
	text-align: center;
}
div.mainContainer .gallery img {
	border: none;
	width: 100%;
}
div.mainContainer .linkBoxes p {
	margin: 0;
	padding: 0;
}
div.mainContainer .linkBoxes img {
	margin: 0 0 4px 0;
	padding: 0;
}
/*********************************************************************************/
/* left column */
/*********************************************************************************/
/* boxes */
.boxTop, .boxBottom {
	height: 6px;
	overflow: hidden;
}
.leftRad, .rightRad {
	height: 6px;
	width: 6px;
}
.leftRad {
	float: left;
}
.rightRad {
	float: right;
}
.boxCenter {
	/*border-right: 1px #9c9996 solid;
	border-left: 1px #9c9996 solid;*/
	padding: 6px 12px;
	position: relative;
}
.boxCenter:after {
	clear: both;
	content: " ";
	display: block;
}
none .boxCenter {
	border: none;
}
.line1 {
	border: 1px solid #800000;
}
div.line1 h2 {
	color: #800000;
	font-size: 1.4em;
	margin: 0;
	padding: .5em 0 .5em 0;
}
div.line1 h3 {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 .5em 0;
}
.line2 {
	border: 1px solid #004ba1;
}
.line3 {
	border: 1px solid #e5edf6;
}
.style1a {
	background: #4cad46;
	color: #ffffff;
}
.style1a a {
	color: #ffffff;
}
.style1b {
	background: #5fb041;
	color: #ffffff;
}
.style1b a {
	color: #ffffff;
}
.style1c {
	background: #73b43c;
	color: #ffffff;
}
.style1c a {
	color: #ffffff;
}
.style1d {
	background: #82b638;
	color: #ffffff;
}
.style1d a {
	color: #ffffff;
}
.style2a {
	background: #1b57a0;
	color: #ffffff;
}
.style2a a {
	color: #ffffff;
}
.style2b {
	background: #1b62a8;
	color: #ffffff;
}
.style2b a {
	color: #ffffff;
}
.style2c {
	background: #1c70b3;
	color: #ffffff;
}
.style2c a {
	color: #ffffff;
}
.style2d {
	background: #1b7dbc;
	color: #ffffff;
}
.style2d a {
	color: #ffffff;
}
.style3a {
	background: #e5edf6;
}
.boxCenter h2 {
	font-size: 1.2em;
	margin: 0 0 .5em 0;
	padding: 0;
}
.mainContainer .fixedHeight .content {
	background: #e5edf6;
	margin: 0 6px 12px 6px;
	padding: 6px;
	text-align: center;
}
.fixedHeight .contentImage img {
	border: none;
	margin: 0;
	padding: 0;
}
.link {
	cursor: pointer;
}
/*********************************************************************************/
/* footer */
div.footerContainer {
	clear: both;
	bottom: 0;
	position: absolute;
	width: 100%;
}
div.footerContainer .content {
	color: #808080;
	float: left;
	padding: 0 8px 4px 8px;
	text-align: center;
	width: 790px;
}
div.footerContainer .contentText {
	font-size: .8em;
}
div.footerContainer .contentText a {
	color: #808080;
	font-size: .9em;
	font-weight: normal;
}
div.footerContainer .contentText a:hover {
	color: #800000;
	text-decoration: underline;
}
div.footerContainer ul {
	font-size: .9em;
	margin: 0;
	padding: 0 0 4px 0;
}
div.footerContainer li {
	border-left: 1px #e0e0e0 solid;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
div.footerContainer li:first-child {
	border-left: none;
}
div.footerContainer li a, div.footerContainer li span {
	font-weight: normal;
	margin: 0;
	padding: 0 12px;
}
div.footerContainer li a {
	color: #808080;
}
div.footerContainer .w3 {
	float: right;
	padding: 1px 2px;
	text-align: right;
	width: 190px;
}
div.footerContainer .w3 img {
	border: none;
}
.rightAlign 
{
	text-align: right;
}
.spacer 
{
	height: 20px;
	clear: both;
}
.small
{
	font-size: 0.8em;
	font-style: italic;
}