* {margin: 0; padding: 0;} ul, li {list-style: none;} img {border:none;} a {text-decoration:none; outline: none;} 
.center {margin-left: auto; margin-right:auto;} .left {float:left;} .right {float:right;} .clear {clear:both;}
a {color: #000;}

body {background: url(/images/design/masthead.jpg) repeat-x center top #fff;
font-size:62.5%; font-family:Helvetica, Arial, sans-serif; color:#111111;}

.req {color:#50617D; font-weight: bold;}
.noMargRight {margin-right: 0 !important;}


div#wrapper {width:930px;}

div#welcome {color: #fff; font-family:Rockwell, Georgia, Times, "Times New Roman", serif; margin-top: 25px; position: relative; overflow: hidden; }
	div#welcome a {color:#fff; text-decoration:underline;}
		div#welcome a:hover {text-decoration: none;}
	div#welcome h1 {font-size:2em;}
	div#welcome h1 span.wel_big {font-size: 1.4em; font-weight: normal; margin-left: 25px; }
	div#welcome h1 span.wel_small {font-size: 0.9em; font-weight: normal; }

	div#welcome h2 {font-size:1.4em; margin:0 0 30px 55px; font-weight:normal;}

	div#search_box {height:40px; width:253px; background: url(/images/design/search_box.jpg) no-repeat; position: absolute; right:35px; top:0; text-align: right;}
		div#search_box input#txt_box {font-size:1.5em; padding: 6px; border: 0; background: none; width:225px; margin:6px 0 0 6px;}
		div#search_box input#btn_search {margin-top:5px;}
	
div#page_top, div#page_bot {width:100%; display: block;}

div#page_top {height: 11px; background:url(/images/design/page_top.jpg) no-repeat #e5e6d6; }

div#page {width:896px; overflow:hidden; background:url(/images/design/page_bg.jpg) repeat-y #E5E6D6; padding:0 17px; }

div#page_bot {height: 12px; background:url(/images/design/page_bot.jpg) no-repeat #e5e6d6; }

div#content {overflow: hidden;}
	div#content p a {text-decoration: underline;}

div#advanced_search {display: none;}
  div#fancy_div {font-family:Rockwell, Georgia, Times, "Times New Roman", serif; }
  div#fancy_div h1 {color:#354700; font-size:2em; margin:0 0 15px 21px;}
	div.adv_row {font-size:1.4em; margin:2px 0 12px 21px;}
	  div.adv_txt_box {width:266px; height:28px; background: url(/images/design/adv_searchbox.jpg) no-repeat;}
		div.adv_txt_box input {font-size:0.9em; border: 0; background: none; width:240px; margin:6px 0 0 11px;}
		
		

div#page_header {margin: 3px 0; padding-bottom:10px; width:100%; border-bottom:1px solid #cbcbbc; overflow: hidden;}

	h1#logo {display:block; width:154px; height:50px; background: url(/images/logo.jpg) no-repeat; text-indent:-9999px;}
	  h1#logo a {display:block; width:154px; height:50px;}

	ul#header_nav {width:618px; overflow:hidden; height: 22px;}
	  ul#header_nav li {display:inline-block; height:22px; float: left; }
		ul#header_nav li a {display: block; height: 22px; float: left; color:#636363; font-size: 1.2em; line-height: 22px; }
		
		ul#header_nav li a span {display: block; width:23px; height: 22px; background: url(/images/design/header_nav_icons.jpg) no-repeat; float: left; margin-right: 3px; }
		
		ul#header_nav li.home a {width:70px;}	
		ul#header_nav li.home a span {background-position: 0 0; }		

		ul#header_nav li.new a {width:62px;}
		ul#header_nav li.new a span { background-position: -23px 0;}

		ul#header_nav li.shop a {width:78px;}
		ul#header_nav li.shop a span { background-position: -46px 0;}

		ul#header_nav li.clipart a {width:78px;}
		ul#header_nav li.clipart a span { background-position: -69px 0;}

		ul#header_nav li.download a {width:100px;}
		ul#header_nav li.download a span { background-position: -92px 0;}

		ul#header_nav li.events a {width:72px;}
		ul#header_nav li.events a span { background-position: -115px 0;}

		ul#header_nav li.contact a {width:79px;}
		ul#header_nav li.contact a span { background-position: -138px 0;}

		ul#header_nav li.about a {width:75px;}
		ul#header_nav li.about a span { background-position: -161px 0;}

	ul#header_nav li a:hover {color:#1c1c1c;}


/* Main Nav */
ul#nav {width:900px; position: absolute; z-index: 85; }
  ul#nav li {display: block; height: 33px; margin-right:6px; float: left; position: relative;}
	ul#nav li a {display: block; height: 33px; width: 100%; background: url(/images/design/main_nav.jpg) no-repeat; text-indent: -9999px; }


	ul#nav li.choral a {width:75px; background-position: 0px top;}	
	ul#nav li.choral a:hover, ul#nav li.choral a.current, ul#nav li.choral a.curTab
		{width:75px; background-position: 0px bottom;}	

	ul#nav li.children a {width:85px; background-position: -83px top;}	
	ul#nav li.children a:hover, ul#nav li.children a.current, ul#nav li.children a.curTab
		{width:85px; background-position: -83px bottom;}		

	ul#nav li.student a {width:85px; background-position: -173px top;}	
	ul#nav li.student a:hover, ul#nav li.student a.current,  ul#nav li.student a.curTab
		{width:85px; background-position: -173px bottom;}	

	ul#nav li.keyboard a {width:94px; background-position: -263px top;}
	ul#nav li.keyboard a:hover, ul#nav li.keyboard a.current, ul#nav li.keyboard a.curTab
		{width:94px; background-position: -263px bottom;}		

	ul#nav li.instr a {width:115px; background-position: -364px top;}
	ul#nav li.instr a:hover, ul#nav li.instr a.current, ul#nav li.instr a.curTab
		{width:115px; background-position: -364px bottom;}

	ul#nav li.solo a {width:65px; background-position: -479px top;}	
	ul#nav li.solo a:hover, ul#nav li.solo a.current, ul#nav li.solo a.curTab
		{width:65px; background-position: -479px bottom;}	
	
	ul#nav li.congregation a {width:121px; background-position: -552px top;}
	ul#nav li.congregation a:hover, ul#nav li.congregation a.current, ul#nav li.congregation a.curTab
		{width:121px; background-position: -552px bottom;}
	
	ul#nav li.worship a {width:146px; background-position: -678px top;}
	ul#nav li.worship a:hover, ul#nav li.worship a.current, ul#nav li.worship a.curTab
		{width:146px; background-position: -678px bottom;}	

	ul#nav li.faq a {width:56px; background-position: -838px top;}
	ul#nav li.faq a:hover, ul#nav li.faq a.current, ul#nav li.faq a.curTab
		{width:56px; background-position: -838px bottom;}	


div.sub_wrp { background: #fdfdfd; position: absolute; top: 25px; left: 3px; z-index: 50; padding: 15px 10px 10px 10px; overflow: hidden; z-index:1000; border: 2px solid #d4d3d1; border-top: 0; }

div.sub_one {width: 180px;}
div.sub_two {width: 380px;}

ul.sub_nav {width:160px; background: none; margin: 0 36px 0 0; float: left; padding: 0; }
	ul.sub_nav li {width:100%; display: block; margin-bottom: 2px; height:auto !important;}
		ul.sub_nav li span {color:#585858; font-size: 12px; text-indent: 0 !important; background: none !important; padding:5px 0; width:180px !important; height: 10px !important;}
		
		ul.sub_nav li a {color:#585858; font-size: 12px; text-indent: 0 !important; background: none !important; padding:5px 0; width:180px !important; border-bottom:1px solid #b9b8b9; height: 10px !important;}
		ul.sub_nav li span {border-bottom:1px solid #FDFDFD;}

		ul.sub_nav li a:hover {color:#000;}
		ul.sub_nav li h1 {color:#fff; font-size: 11px; margin:0 0 2px 10px;}

ul#nav li ul.sub {width:164px; height:300; position: absolute; top:25px; left:0px; z-index: 300; display: none; padding: 0; overflow: hidden;}

  ul#nav li ul.sub li {height:20px; width:164px; float: none; margin:0 auto; padding-top:5px; padding-left:15px; background:url(/images/design/subnav_bg.jpg) repeat-y #ffffff;}

	ul#nav li ul.sub li a {background: none; height:15px;  display:block; width:130px; text-indent: 0; border-bottom:1px solid #b9b8b9; font-size:12px; color:#585858; padding-bottom:3px;}

	ul#nav li ul.sub li a:hover {color:#2d2d2d; width:130px;  }

	/* Special Icons */
	ul.sub_nav li.iconNav a {padding-left: 15px;}
		ul.sub_nav li.christmas a {background: url(/images/category-icons/christmas-nav.jpg) left center no-repeat !important;}
		ul.sub_nav li.easter a {background: url(/images/category-icons/easter-nav.jpg) left center no-repeat !important;}	
		ul.sub_nav li.patriotic a {background: url(/images/category-icons/patriotic-nav.jpg) left center no-repeat !important;}
		ul.sub_nav li.bestsellers a {background: url(/images/category-icons/best-sellers-nav.jpg) left center no-repeat !important;}		

		ul.sub_nav li.christmas a:hover, ul.sub_nav li.easter a:hover,
		ul.sub_nav li.patriotic a:hover, ul.sub_nav li.bestsellers a:hover {background-position: left center !important;}


	/* Simulated Third level */
	ul.sub li.third {height:auto !important;}
	ul.sub li.third_parent a {border-bottom: none !important; }
	ul.sub li.third a {border-bottom: none !important; padding-left:10px; width:120px !important; height:auto !important;}
	ul.sub li.third_last a {padding-left:10px; width:120px !important; height:auto !important; }



  ul#nav li ul.sub li.sub_bot {height:12px; width:100%; border-bottom:0px; margin:0; background: url(/images/design/subnav_bg_bot.gif) no-repeat; padding: 0;}






/* Splash */
div#pc_wrp div {display: none;}
  div.postcard {width:615px; height:346px; background: url(/images/design/pc_bg.jpg) no-repeat; text-align: center; position: relative;}
	
	div.postcard img {margin-top: 13px;}
	
	div.postcard a {display: block; height: 100%; width: 100%;}
	
	
	div.postcard div.pc_more {display: block !important; text-indent: -9999px; height:34px; width:106px; background: url(/images/design/pc_info.gif) no-repeat; position: absolute; bottom:35px; right: 25px; z-index: 50;}
	


/* Landing Pages*/

div.catalog_info {width: 90%; margin-top: 10px; overflow: hidden}
	div.catalog_info img {width: 145px;}
	div.catalog_info div.cat_copy {width: 635px;}
	div.catalog_info p {font-size: 1.2em; line-height: 180%; margin-top: 10px;}
	div.catalog_info a {text-decoration: underline;}

div#landing_wrp {width:600px; height:346px; overflow: hidden;}
  div#landing_rt {width: 365px;}
	div#landing_rt h1 {font-size:2em; font-weight: normal;}
	div#landing_rt h2 {font-size: 1.3em; line-height: 150%;}
	div#landing_rt p {font-size: 1.2em; line-height: 1.8em;}
	  div#landing_rt p#landing_sub {border-bottom:1px solid #96968b; padding-bottom: 10px; margin-bottom: 10px; line-height: 16px; }

	  div#landing_desc {margin-top:5px; padding-top:5px; height:233px; width:100%;overflow: auto;}
		
ul.books_wrp {width:610px; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #cbcbbc; margin-bottom:20px;}
	ul.books_wrp li {width:125px; height:250px; margin-right:75px !important; overflow:hidden; float: left; list-style-type: none !important;}
	ul.books_wrp li h4 {font-size:1.1em; margin-top:5px; font-weight: normal; font-family:Rockwell, Georgia, Times, "Times New Roman", serif; }
	ul.books_wrp li p {font-size:11px; margin-top:2px;}

p.note {margin-bottom:10px; font-size:1.2em;}
	
input.txt_email {padding: 2px 4px; border: 1px solid #a0a094;}

div#int_wrp {width:610px; color:#414137; min-height:300px; height:auto !important; height:300px; }
	div#int_wrp.int_wide {width: 100%;}

	div#int_wrp h1, div.cat_copy h1 {color:#5c5b5b; font-family:Rockwell, Georgia, Times, "Times New Roman", serif; margin-bottom:13px; font-size:1.7em;}
	div#int_wrp h2 {font-family:Rockwell, Georgia, Times, "Times New Roman", serif; margin:15px 0 13px; font-size:1.4em; border-bottom: 1px solid #cbccbc; padding-bottom: 10px;}
	div#int_wrp h3 {margin-bottom:13px; font-size:1em; font-weight: normal; margin:8px 0 13px 0;}

	div#int_wrp p {font-size:1.2em; margin:3px 0 9px 0; /*width: 400px;*/ line-height: 150%;}
	div#int_wrp a { color:#414137; text-decoration: underline; }
	div#int_wrp a:hover {text-decoration: none;}

	div#int_wrp ul {font-size: 1.2em; margin: 3px 0 9px 25px;}
		div#int_wrp ul li {list-style-type: disc; margin:2px 0;}

	div#int_wrp ul.radio_list {font-size: 1.2em; margin: 3px 0 9px 0px;}
		div#int_wrp ul.radio_list li {list-style-type: none; margin:2px 0;}
		
  div.faq p a {font-weight: bold;}
	div.faq ul {margin: -5px 0 20px 25px; font-size:1.2em;}
		div.faq ul li {margin-bottom: 5px;}

	div.answer {padding-bottom: 25px;}

	div#int_wrp hr {color:#CBCCBC;background-color:#CBCCBC; border:0; height: 1px; margin: 18px 0 15px 0; }
	
table#events {font-size: 12px; color:#414137; text-align: left}
  table#events tr th {font-weight: bold; padding: 6px;}
	table#events tr td {padding: 6px;}	
	table#events tr.odd td {background:#aeafa3;}


table.insideWord {font-size: 1.2em;}
	table.insideWord td {padding: 4px 4px;}

div.extra_row { margin-top:25px; padding-top:15px; border-top: 1px solid #cacbbb; overflow: hidden; }
	div.extra_row h1 {color:#5c5b5b; font-family:Rockwell, Georgia, Times, "Times New Roman", serif; margin-bottom:13px; font-size:1.7em; font-weight: normal;}
	div.extra_row p {font-size: 1.2em; line-height: 2em;}

	ul.glance {font-size: 1.1em; margin-left: 15px; }
		ul.glance li {list-style-type: disc; margin-bottom: 3px; }

	div.details_wrp {background: #fff; display: block; width:250px; padding:0px 0px 5px 0; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px;}
		div.details_wrp h2 {color:#fff; font-size:1.3em; background: #50617e; padding:10px 12px;  }
			div#icon_row {padding:4px 12px;}

	ul.details {font-size: 1.1em; margin:10px;}
		ul.details li {margin: 2px 10px 4px 15px; list-style-type: disc;}
	
	div#song_titles {background: #fff; display: block; width:580px; padding:5px 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 1.2em; }
	/*ul.songs {font-size: 1.1em;}
		ul.songs li { padding: 3px 0 3px 3px; }
			ul.songs li a:hover {text-decoration: underline;}*/

table#ordering {font-size: 1.1em;}
	table#ordering tr th {font-weight: bold; padding: 0; text-align: left; }
	table#ordering tr td {padding: 0 0 1px 0;}
	table#ordering tr td.notes {color: #0f35c4;}
	table#ordering tr td a {text-decoration: underline;}
		table#ordering tr td a:hover {text-decoration: none;}

table#clipart {font-size: 1.1em; margin-left: 5px;}
	table#clipart tr th {padding: 5px 10px; text-align: left; vertical-align: bottom; background: #5c5a5b; color:#fff; font-weight: normal; line-height: 150%; }
	table#clipart tr td {padding: 10px; border-bottom: 1px solid #cacbbd; }
	table#clipart tr td.mid_box {border-left: 1px solid #cacbbd; border-right: 1px solid #cacbbd;}


table#composers tr td {border-top: 1px solid #cbcbbc; padding: 10px 0; vertical-align: top}
	table#composers h3 {color:#323c4f; font-size: 1.5em; font-weight: normal; margin-bottom: 6px; }
	table#composers img {margin: 3px 15px 5px 0;}

/* Callouts */
div.callout {width:271px; height: 167px; background:url(/images/design/callout_bg.jpg) no-repeat; margin-bottom: 5px; position: relative;}
	div.callout img {margin: 9px 0 0 11px; position: absolute; left:0; top:0; z-index: 10;}
		div.callout p {position: absolute; z-index: 50; top:57px; left:21px; width:220px; font-size: 1.1em; line-height: 130%;}


/* New Releases */
div#newrel_wrp {border-top:1px solid #cbcbbc; padding-top:15px; margin-top:15px;}
	div#newrel_wrp h1 {font-size:1.6em; font-family:Rockwell, Georgia, Times, "Times New Roman", serif; font-weight:normal; margin-bottom: 15px;}
	
	
ul#newrel_row {width:780px; margin-top: 10px; overflow: hidden; height:250px;}
  ul#newrel_row li {float:left; width: 100px; margin-right:50px; height:100%; }

	ul#newrel_row li p {font-size: 1em; margin:5px 0 0 10px; color:#000; line-height: 1.25em !important;}
		ul#newrel_row li img.info {margin:5px 0 0 10px;}


/* Search Results */
span.search_item {color:#50617e;}

table.search_res {margin-top: 4px;}
	table.search_res h4 {font-size: 11px; margin-bottom: 3px;}

table.search_res th {background: #323c4f; color:#fff; text-align: left; padding: 3px 15px; font-weight: normal; border-bottom:2px solid #E5E6D6; }

table.search_res td {padding:10px 12px;}

	table.search_res tr.search_head_row td {
		border-bottom:2px solid #50617e; padding:5px 15px 2px !important; }
	table.search_res td.search_head {background: #50617e; color:#fff;}
	
	table.search_res tr.search_reg_row td {background: #fff; border-top:2px solid #E5E6D6;}
		
		
	table.search_res span {padding:5px; color: #fff;  display: inline-block; background: #5E7C00}
		table.search_res span.vocal_folio {background: #009900;}
		table.search_res span.anthem {background: #999900;}
		table.search_res span.piano_folio {background: #660066;}
		table.search_res span.choral_book {background: #000099;}

 


/* Feature Boxes */
div#features {width:955px; overflow: hidden;}

	a#feat04, a#feat05, a#feat06, a#feat07, a#feat08 {display: none ;}

  div#features a {width:291px; height:127px; background: url(/images/design/feature_bg.jpg) no-repeat; margin-right: 27px;}
	div#features a img {margin: 9px 0 0 10px;}


div#footer {text-align: center; width:100%; font-size: 1.05em; line-height: 150%;}
	div#footer img {margin-top:5px}
	div#footer a {text-decoration:none;}
	div#footer a:hover {text-decoration: underline;}