body {
	/* background: url("images/bg1.jpg") bottom repeat-x #bdf; */
	background: url("images/bg1.jpg") top repeat-x #68a;
	color: #000;
	font-family: Verdana, Lucida Sans, Comic Sans MS, Arial, Helvetica, sans-serif;
}
h2, h3, h4, h5, h6 { margin: 2px; font-weight: normal; font-family: Brush Script MT, Comic Sans MS, Verdana, sans-serif; }
h1 { font-size: 2.3em; margin: 0 2px 2px 2px; padding-top: 15px; font-weight: bold; }
h2 { font-size: 2.1em; color: #600; }
h3 { font-size: 2.0em; color: #400; }
h4 { font-size: 1.95em; }
h5 { font-size: 1.9em; }
h6 { font-size: 1.8em; }

/* define navigation links */
#nav li        { display: inline; list-style-type: none; }
#nav a         { padding: 1px 8px; margin: 0; border: 1px solid; font-weight: bold; }
#nav a:link    { color: #068; }
#nav a:visited { color: #056; }
#nav a:hover   { color: #a00; background-color: #ffa; }
#nav a:active  { color: #800; }

/* define structure and layout */
#layout {
	background: #fff url(images/bg2.jpg) top right repeat-y;
	display: block;
	position: relative;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	font-size: 12px;
}

#header {
	display: block;
	background-color: #a00;
	position: relative;
	width: 700px;
	height: 120px;
}

#header h1 {
	display: block;
	position: absolute;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 692px;
	height: 120px;
	background: url(images/cvm-banner.png) top center no-repeat;
}
#header h1 span { display: none; }

#navigation {
	position: absolute;
	font-size: .9em;
	margin-top: -1.5em;
	padding-top: .6em;
	padding-left: .6em;
	bottom: -1px;
	width: 692px;
}

#navigation ul, #navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #a00;
}

#navigation ul {
	padding: 5px 0 4px;
	text-align: center;
}

#navigation ul li {
	display: inline;
	margin: 0 0.5em;
}

#navigation ul li a {
	background: url("images/tab-right.gif") no-repeat 100% 0;
	color: #06C;
	padding: 5px 0;
	text-decoration: none;
	border-bottom: 0;
}

#navigation ul li a span {
	background: url("images/tab-left.gif") no-repeat;
	padding: 5px 1em;
}

#navigation ul li a:hover span {
	color: #69C;
	text-decoration: underline;
}

#navigation ul li.here a {
	font-weight: bold;
	font-size: 2em;
}

/*\*//*/
#navigation ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
	border-bottom: 0;
}

#navigation ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/
* html #navigation ul li a {
	padding: 0;
}
/**/

#content {
	color: #000;
	display: block;
	position: relative;
	width: 692px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	overflow: auto;
	padding: 0 4px;
}

.content-lg {
	height: 390px;
	padding-top: 20px;
}

.content-sm {
	height: 370px;
}

#instruments {
	display: block;
	position: relative;
	width: 694px;
	height: 98px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -30px;
	padding: 0;
}
#instruments ul { width: 694px; height: 65px; overflow: auto; margin: 0; padding: 0 1px; white-space: nowrap; background: #fff; border-top: 1px solid; }
#instruments li { display: inline; list-style-type: none; margin: 0 1px; }
#instruments h2 { margin-top: 0; height: 30px; }
#instruments h2 span { background: #fff; }
#instruments h2 img { }

#copyright {
	background-color: #a00;
	display: block;
	position: relative;
	width: 690px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border-top: 1px solid black;
	font-family: Arial, sans-serif;
	font-size: .8em;
	text-align: center;
	color: #fcc;
}
#copyright a { color: #fcc; }

#col1 {
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	width: 320px;
}

#col2 {
	display: block;
	position: absolute;
	right: 25px;
	top: 5px;
	width: 310px;
}

/*
#col1 {
	display: table-cell;
	position: relative;
	top: 5px;
	width: 320px;
}

#col2 {
	display: table-cell;
	position: relative;
	top: 5px;
	left: 20px;
	width: 310px;
}
*/

#col2 form {
	width: 300px;
}

#contact {
	display: block;
	position: absolute;
	right: 10px;
	bottom: -10px;
	margin: 10px;
	padding: 5px;
}

#contact h2 { margin-bottom: 0; }

#contact table {
	margin-left: 0;
	margin-right: 0;
	border: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#contact table td {
	padding: 0;
	margin: 0;
}

#contact address {
	border-left: 1px solid;
	padding: 3px;
}

#resources {
	display: block;
	position: absolute;
	left: 20px;
	bottom: 20px;
	width: 270px;
	font-size: 1em;
	padding: 5px;
	/* border: 3px double black; */
}

#shopdept h2 { background: #a62; padding: 1px; color: #fff; margin-bottom: 20px; }
#shopdept table { width: 95%; }

.specials {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;
	width: 400px;
	background: #ff0;
	border: 2px dotted red;
}

.price {
	position: relative;
	width: 250px;
	border: 3px green dotted;
	padding: 5px;
	font-size: 1.5em;
	background: #fff;
	text-align: center;
	margin: 10px;
}
.price input {
	font-size: 1em;
	margin: 10px;
	background: #8fa;
}
.price del {
	font-size: 0.7em;
	color: red;
}
.shopimage {
	float: right;
	margin: 10px;
}

.button1, .button2 {
	position: absolute;
	text-align: center;
}

.button1 {
	top: 30px;
	left: 50px;
}

.button2 {
	top: 140px;
	left: 90px;
}

a.bigbutton:link, a.bigbutton:visited, a.bigbutton:active {
	display: block;
	border: 4px outset;
	padding: 3px;
	margin: 5px;
	background: #a00;
	color: #fff;
}

a.bigbutton:hover {
	color: #ff0;
	border: 4px solid;
}

a.bigbutton big {
	font-family: Brush Script MT, Comic Sans MS, Verdana, sans-serif;
	font-size: 5em;
}

.artists_nav {
	position: absolute;
	top: 30px;
	right: 50px;
}

.artists_nav ul {
	list-style: circle;
	margin: 0;
	padding-left: 30px;
	border-left: 1px dashed;
	border-bottom: 1px dashed;
}

.artists_nav ul li {
	padding: 5px;
	font-size: 2.5em;
	font-weight: bold;
}

