@media screen {
/* general declarations */

	body {
		text-align: center;
		margin: 0;
		padding: 0;
		color: #000;
		background-color: #516164;
		font-family: "Gill Sans",Verdana,Geneva,Helvetica,sans-serif;
	}

	p { text-align: left; }

	.discounted_price {
		display: block;
		color: #b51935;
		text-decoration: line-through;
	}

	.full_price {
		color: #b51935;
		text-decoration: line-through;
	}

	a.help_button {
		float: right;
		color: #000;
		background-color: silver;
		border: thin outset #627c77;
		font-size: .9em;
		font-weight: bolder;
		text-decoration: none;
		line-height: .9em;
		margin: 0;
		padding: .1em;
	}

	input.small_button {
		font-size: .7em;
		font-weight: bold;
		margin: 0 .35em;
		padding: 0 .1em;
		background-color: #9d9754;
	}

	.mark_link {
		margin: 1em 0;
	}

	.mark_link a {
		color: #ec9140;
		text-decoration: none;
		padding: .1em;
	}

	.mark_link a:hover {
		color: #fff;
		background-color: #ec9140;
	}

	.inline_link a {
		color: #000;
		text-decoration: underline;
	}


	.font_reg { font-family: "Gill Sans",Verdana,Geneva,Helvetica,sans-serif; }
	.font_alt { font-family: Georgia, serif; }

	.color_mark {color: #E55300;} /* orange */
	.color_sec1 {color: #627c77;} /* blue */
	.color_sec2 {color: #9d9754;} /* green or tan */

	.tint_mark {color: #ff9c71;}
	.tint_sec1 {color: #ccd4d4;}
	.tint_sec2 {color: #d3cfac;}

	.accent_mark {color: #ffb754;}
	.accent_sec1 {color: #d7b1d0;}
	.accent_sec2 {color: #6f8135;}

	blockquote {
		padding: 1em 1em 0 1em ; 
		margin: .5em 0;
		line-height: 1.5em; 
		text-align: justify; 
		border: 1px solid #ec9140
	}

	blockquote .attribution {
		line-height: 1em;
		font-style: normal;
		text-align: left;
	}

/* page graphical borders */

	#border_left {
		width: 90%;
		min-width: 580px;
		background-image: url(/art/left_10pxfade.gif);
		background-repeat: repeat-y;
		background-position: 0 0;
		background-color: #fff;
		margin: 0 auto;
		padding: 0;
	}

	#border_right {
		width: 100%;
		background-image: url(/art/right_10pxfade.gif);
		background-repeat: repeat-y;
		background-position: right;
		margin: 0;
		padding: 0;
	}

/* container to place correct amount of white space inside borders */
/* padding on top & bottom is size of mark, left & right is mark + 10px */

	#container {
		margin: 0;
		padding: 28px 38px;
	}

/* logo */
/* right margin is size of mark to make sure there is always enough white space around logo */

	#logo {
		float: left;
		margin: 0 28px 0 0; 
		padding: 0;
	}

/* free shipping info in top of page */

	#top_free_ship {
		float: right;
		margin: 0 0 1em 0;
		padding: 0;
		border-left: 1px dashed #627c77;
		background-image: url(/art/brown_pkg.jpg);
		background-position: 5px 5px;
		background-repeat: no-repeat;
		height: 75px;
	}

	#top_free_ship p {padding: 0 38px 0 75px; }

/* phone number in top of page */

	#top_order_info {
		clear: both;
		text-align: right;
	}

/* navigation at top of page */

	#top_nav {
		clear: both;
		height: 1.5em;
		/* margin: 0 0 .5em 0; */
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-position: outside;
		border-bottom: 1px solid #ec9140;
		font-size: .8em;
	}

	#top_nav li {display:inline; position: relative;}

	#top_nav a {
		float: right;
		color: #000;
		background-color: transparent;
		padding: 0 0.75em;
		border-top: 1px solid #ec9140;
		border-right: 1px solid #ec9140;
		text-align: center;
		text-decoration: none;
		height: 1.5em;
	}

	#top_nav a.first { border-left: 1px solid #ec9140; }

	#top_nav a:hover {
		color: #fff;
		background-color: #ec9140;
	}

	#top_nav li ul {
		/* sub lists */
		display: none;
		border: 1px solid red;
  position: absolute; 
/*
  top: 1em;
  left: 0;
*/
	}

	#top_nav li > ul {
		top: auto;
		left: auto;
	}

	#top_nav li:hover ul {
		display: block; 
	}

	#below_nav {
		background-color: #ec9140;
		color: #fff; 
		margin-top: 0px; 
		margin-bottom: .5em; 
		text-align: right;
		padding: .25em 2px;
		font-size: .8em;
		font-weight: bold;
	}

	#below_nav a {
		color: #d3cfac;
		text-decoration: none;
	}


/* left sidebar declarations */

	#left_nav {
		clear: both;
		float: left;
		background-color: #d3cfac;
		padding: .5em;
		text-align: left;
		width: 13em;
		margin: 0 0 1em 0;
	}

	#left_nav h1 {
		margin: 0 0 .5em 0;
		padding: 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.1em;
		color: #6f8135;
	}

	#left_nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#left_nav li {
		margin: 0;
		padding: 0;
	}

	#left_nav li a {
		display: block;
		text-decoration: none;
		color: #000;
		margin: 0;
		padding: 0 0 0 1em;
	}

	#left_nav li:hover,
	#left_nav li a:hover {
		background-color: #ccd4d4;
	}


/* formatting for content area of page */

	#page_content {
		text-align: left;
		width: auto;
		margin: 0 0 0 15em; /* left margin = left_nav width + 2em */
	}

	#page_content h1 {
		color: #e55300;
		font-size: 1.25em;
		font-family: Georgia, "Times New Roman", Times, serif;
		margin: 0 auto auto auto;
	}

	#page_content h2 {
		color: #627c77;
		font-size: 1.1em;
	}

	#page_content h2 a {
		color: #627c77;
		font-size: 1.1em;
	}

	#moving dd {
		padding: 1em;
		line-height: 1.5em;
	}

	#home #page_content h1 {
		margin: 0;
		padding: 0;
	}

	#home #page_content h2 {
		/* color: #000; */
		margin: 1em 0 0 0;
		padding: 0;
	}

	#home #page_content p {
		margin: 0;
		padding: 0;
	}

/* formatting for boxes on home page */

	#home_box1 {
		background-image: url(/art/notes_paper.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}

	.home_box {
		font-size: .9em;
		background-color: transparent;
		background-image: url(/art/blue_fade.gif);
		background-repeat: repeat-x;
		float: left;
		margin-top: 1em;
		width: 100%;
	}

	#home_box2 {
		font-size: .9em;
		background-color: transparent;
		background-image: url(/art/blue_fade.gif);
		background-repeat: repeat-x;
	}

	#home_box3 {
		clear: left;
		font-size: .9em;
		background-color: transparent;
		background-image: url(/art/blue_fade.gif);
		background-repeat: repeat-x;
	}

/* formatting for footer of page */

	#page_footer {
		overflow: display;
		clear: both;
		margin: 1em 0 0 0;
		padding: .25em 0 0 0;
		font-size: .75em;
		border-top: 1px solid #ec9140;
	}

	#footer_nav {
		clear: both; 
		float: none;
		margin: 1em auto 0 auto; 
		width: 75%;
		list-style-type: none; 
		list-style-position: inside; 
		text-align: center;
	}


	#footer_nav li {
		display: inline;
		white-space: nowrap;
	}

	#footer_nav a {
		margin: 0 .5em;
		color: #627c77;
		text-decoration: none;
	}

	#footer_nav a:hover { background-color: #ccd4d4; text-decoration: underline; }
	#footer_nav a:visited { text-decoration: none; }

/* forms */

/*
	input.button {
		font-weight: bold;
		margin-right: .5em;
		padding: 0 .1em;
		background-color: #9d9754;
	}
	input.button {
		font-weight: bold;
		margin-right: .5em;
		padding: 0 .1em;
		background-color: #627c77;
		color: #fff;
	}
*/
	a.button,
	input.button {
		font-weight: bold;
		margin-right: .5em;
		padding: 0 .1em;
		background-color: #d3cfac;
		color: #000;
	}

	#basket input.button {
		width: 15em;
	}

	a.button {
		display: block;
		margin: 2px;
		padding: 1px;
		color: #000;
		text-decoration: none;
		border: thin outset;
		font-size: .8em;
		text-align: center;
	}
	.required { color: #900; }

/* site map formatting */

	#site_map #page_content ul {
		margin-bottom: 1em;
	}

/* about us formatting */

	#about h3 {
		color: #627c77; font-size: 1em;
		border-bottom: 1px solid #ffb754;
	}

	#about #staff_section {
		padding-left: 2em;
	}

	#about #left_visual_div {
		background-image: url(/art/cello_collage_small.jpg);
                background-position: 0 ;
                background-repeat: no-repeat;
                margin: 0 0 .5em 0;
                padding: 0;
                overflow: hidden;
                width: 100%;
                height: 100%;
                float: left;
	}

	#about #right_text_div {
		color: #fff; background-color: #627c77; float: right; width: 50%; margin: 0; padding: 1em;
	}

	#about #right_text_div ul {
		list-style-type: none;
		padding: 0px;
	}

	#about #right_text_div ul li {
		margin-top: .5em;
		margin-bottom: .5em;
	}

	#about #right_text_div ul li a {
		color: #fff;
	}

/* product formatting */

	#search h1 {margin-bottom: 1em;}

	table.product {
		height: auto;
		float: left;
		/* margin-top: 10px; */
		margin: .5em 0;
		border: 1px solid #6f8135;
		width: 100%;
	}

	table.product th {
		width: 9em;
		color: #fff;
		background-color: #9d9754;
		text-align: left;
		font-family: Georgia, serif;
		font-size: .9em;
		margin: 0;
		padding: .25em;
	}
	table.product td {
		color: #000;
		background-color: #fff;
		font-family: "Gill Sans",Verdana,Geneva,Helvetica,sans-serif;
		text-align: left;
		font-size: .8em;
		margin: 0;
		padding: .25em;
	}

/*
	table.product .product_description {
		display: none;
	}


*/

	.search_navigation {
		color: #000;
		font-size: .8em;
		margin: 0;
		padding: 0;
	}

	.search_navigation a {
		color: #000;
		text-decoration: none;
		display: block;
	}

	.search_navigation a:hover {
		color: #fff;
		background-color: #ec9140;
	}

	.search_prev_link {
		text-align: left;
		float: left;
		width: 8em;
	}

	.search_next_link {
		text-align: right;
		float: right;
		width: 6em;
	}

	.search_navigation span {
		display: block;
		text-align: center;
		white-space: nowrap;
		font-weight: bold;
	}

/* cart formatting */

	table#cart {
		float: left;
		/* margin-top: 10px; */
		margin: 0 0 1em 0;
		border: 1px solid #6f8135;
		width: 100%;
	}

	table#cart th {
		color: #fff;
		background-color: #9d9754;
		text-align: left;
		font-family: Georgia, serif;
		font-size: .9em;
		margin: 0;
		padding: .25em;
	}
	table#cart td {
		color: #000;
		background-color: #fff;
		font-family: "Gill Sans",Verdana,Geneva,Helvetica,sans-serif;
		text-align: left;
		font-size: .8em;
		margin: 0;
		padding: .25em;
	}

	table#cart .border_top {
		border-top: 10px solid #6f8135;
	}

	table#cart tr.border_top td {
		border-top: 1px solid #9d9754;
	}

/* links page formatting */

	#atlanta_resources #page_content ul {
		list-style-type: none;
		margin: .5em 1em;
		padding: 0;
	}

	#atlanta_resources #page_content li {
		list-style-position: outside;
		width: 20em;
	}

	#atlanta_resources #page_content li a {
		line-height: 1.5em;
		color: #000;
		display: block;
		text-decoration: none;
	}
	#atlanta_resources #page_content li:hover,
	#atlanta_resources #page_content li a:hover {
		color: #000;
		background-color: #ccd4d4;
	}

/* gift certificate formatting */

	#gift_certificate #page_content form ul {
		/* clear: right; */
		list-style-type: none;
		margin: .5em 1em;
		padding: 0;
/*
*/
	}

	#gift_certificate #page_content form li {
		list-style-position: outside;
		display: inline;
		white-space: nowrap;
	}

	#gift_certificate textarea {
/*
*/
		margin: .5em 1em;
		width: 24em;
		height: 6em;
	}

/* register formatting */

	#register #page_content form,
	#login #page_content form {
		float: left;
		border: 1px solid #ec9140;
		margin: 1em 0;
		padding: 1em;
	}

	#register #page_content form label,
	#login #page_content form label {
		display: block;
		float: left;
		padding: .5em 0;
	}

	#register #page_content form label input,
	#login #page_content form label input {
		float: left;
		margin-left: 14em;
		margin-top: -1.5em;
		width: 12em;
	}

/* browse formatting */

	#browse #intro {
		margin-top: 1em;
	}

	#browse #intro ul {
		padding: 0px;
		margin: 0px;
		display: inline;
		list-style-type: none;
	}

	#browse #intro ul li {
		display: inline;
	}

	#browse .alternate_colors,
	#browse #composers_list,
	#browse #titles_list { 
		border: 1px solid #9d9754;
		list-style-type: none;
		margin: .5em 0;
		padding: 0;
	}

	#browse .alternate_colors li,
	#browse #composers_list li,
	#browse #titles_list li { 
		list-style-position: outside;
		margin: 0;
		padding: 0;
		line-height: 1.1em;
		font-size: .8em;
	}
	#browse .alternate_colors a,
	#browse #composers_list a ,
	#browse #titles_list a { 
		display: block;
		margin: 0;
		padding: .3em .5em;
		color: #000;
		text-decoration: none;
	}
	#browse .alternate_colors a span,
	#browse #composers_list a span ,
	#browse #titles_list a span { 
		display: block;
		margin: 0 0 0 1em;
		font-size: .9em;
	}

	.odd {
		color: #000;
		background-color: #ccd4d4;
	}

	.even {
		color: #000;
		background-color: #d3cfac;
	}

	#browse .alternate_colors li:hover,
	#browse .alternate_colors a:hover,
	#browse #page_content li:hover,
	#browse #page_content a:hover {
		color: #fff;
		background-color: #627c77;
	}

	#browse #select_browse_by {
		border: none;
		list-style-type: none;
	}
	#browse #select_browse_by li {
		border: none;
		list-style-position: outside;
		margin: 0 0 .5em 0;
		padding: 0 0 .5em 0; 
	}
	#browse #select_browse_by a {
		border: none;
		text-decoration: none;
		color: #000;
		padding: .25em;
	}

	#browse #select_browse_by a:hover {
		text-decoration: underline;
		color: #fff;
		background-color: #ec9140;
	}

	#browse #a_z {

		border: 1px solid #fff;
		text-align: center;
		line-height: 1.5em;
		margin: 0 0 5em 0;
		padding: 0;
		list-style-type: none;
		list-style-position: inside;
		font-size: .8em;

	}

	#browse #a_z li {
		display: inline;
		width: 2em;
		border-bottom: 1px solid #ec9140;
		margin: 0 0 2em 0;
		list-style-position: outside;

		padding: 0;
		line-height: 1em;
		font-size: 1em;
	}

	#browse #a_z a {
		width: 1em;
		text-align: center;
		display: block;
		padding: .25em;
		text-decoration: none;
		color: #000;
		margin: 0 0 1em 0;
		float: left;

	}

	#browse #a_z a:hover {
		color: #fff;
		background-color: #ec9140;
	}

	#browse #page_nav {
		margin: 1em 0;
	}

	#browse #page_nav UL {

		display: inline;
		border: none;
		text-align: center;
		line-height: 1.5em;
		margin: 0 0 5em 0;
		padding: 0;
		list-style-type: none;
		list-style-position: inside;
		font-size: .8em;

	}

	#browse #page_nav UL LI {
		display: inline;
		width: 2em;
		margin: 0 0 2em 0;
		list-style-position: outside;
		text-align: center;

		padding: 0;
		line-height: 2em;
		font-size: 1.2em;
	}

	#browse #page_nav UL LI A {
		width: 1em;
		text-align: center;
		padding: .5em;
		color: #000;
	}

	#browse #page_nav a:hover {
		/* background-color: #ec9140; */
		text-decoration: none;
	}

	#browse #page_nav UL LI A.current {
		text-decoration: none;
		color: #E55300;
		font-weight: 700;
	}

	#browse #page_nav UL LI A.current:hover {
		color: #E55300;
		background-color: #fff;
		cursor: default;
	}

	#browse #page_nav UL LI A .hint {
		display: none;
		text-decoration: none;
	}

	#browse #page_nav .hint_text {
		height: 3em;
		font-style: italic;
		font-size: 80%;
	}

	.hint_text strong {
		font-style: normal;
		font-weight: bold;
	}

	#error_message {
		margin: .5em 0;
		color: #900;
	}

	#error_message ul {
		list-style-type: disc;
	}
	#error_message li {
		list-style-position: outside;
		color: #900;
		display: block;
	}

/* search option formatting (from walter) */

/*
	#search_options label {
		display: block;
		background-color: #fff;
		border: 1px solid #fff;
	}

	#search_options label input {
		padding-bottom: .5em;
	}

	#search_options label span {
		display: none;
	}

	#search_options label:hover,
	#search_options label a:hover {
		color: #000;
		cursor: pointer;
	}

	#search_options label:hover span,
	#search_options label a:hover + span {
		display: block;
		background-color: whitesmoke;
		border: 1px solid gainsboro;
		float: right;
		margin-top: -1em;
	}

*/


	#search_options fieldset {
		margin: .5em;
		padding: .5em;
	}

	#search_options legend {
		font-weight: bold;
		font-size: .8em;
	}

	#search_options textarea {
		width: 90%;
/*
		width: 14em;
		height: 6em;
*/

	}

	form fieldset {
		/* border: 1px solid #ec9140; */
		padding: .5em;
	}

	form fieldset legend {
		font-weight: bold;
		padding: 0 .5em;
	}

	a.choice {
		display: inline-block;
		/* white-space: nowrap; */
		color: black;
		text-decoration: none;
	}

	a.choice:visited {
		color: black;
		text-decoration: none;
	}

	a.choice:hover {
		color: black;
		background-color: #ccd4d4;
		text-decoration: none;
	}

	span.choice {
		display: block;
		color: black;
		text-decoration: none;
		line-height: 1.8em;

	}


	span.choice:hover {
		color: black;
		background-color: #ccd4d4;
		text-decoration: none;
	}




/* hacks here - use sparingly */

	/* Hides from IE5-mac - these are workarounds for msie buggy float \*/
	* html #container {height: 1%; }
	* html #page_footer {height: 1%; }
	* html #home_box1 {height: 1%; float: left;}
	* html #left_nav ul { margin: 1.5em 0 0 0; padding: 0}
	* html #left_nav li { margin: -1em 0 0 0; padding: 0}
	/* End hide from IE5-mac */

} /* end of screen styles */





@media print {

	body { text-align: left; color: #000; font-family: Georgia, sans-serif; }
	p { text-align: left; }
	a.help_button, input.small_button, #top_free_ship, #top_nav, #left_nav, #page_footer { display: none; }
	.font_reg { font-family: "Gill Sans",Verdana,Geneva,Helvetica,sans-serif; }
	.font_alt { font-family: Georgia, serif; }
	.color_mark {color: #E55300;} /* orange */
	.color_sec1 {color: #627c77;} /* blue */
	.color_sec2 {color: #9d9754;} /* green or tan */
	.tint_mark {color: #ff9c71;}
	.tint_sec1 {color: #ccd4d4;}
	.tint_sec2 {color: #d3cfac;}
	.accent_mark {color: #ffb754;}
	.accent_sec1 {color: #d7b1d0;}
	.accent_sec2 {color: #6f8135;}

/* page graphical borders */

	#border_left, #border_right { background: none; }

/* logo */
/* right margin is size of mark to make sure there is always enough white space around logo */

	#logo { float: left; margin: 28px; padding: 0; }

/* phone number in top of page */

	#top_order_info { float: right; text-align: right; }

/* formatting for content area of page */

	#page_content { text-align: left; width: auto; }

	#page_content h1 { clear: both; color: #e55300; font-size: 1.25em; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 auto auto auto; }

	#page_content h2 { color: #627c77; font-size: 1.1em; }

/* formatting for boxes on home page */

	#home_box1, #home_box2, #home_box3 { clear: both; background: none; }

} /* end of print sytles */