html {
	background-color: #4f535a;
}
body {
	margin: 0;
	padding: 116px 0 0 0;
	color: #1f2123;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif;
	font-size: 100%;
	line-height: 1.125em;
	background-color: #fff;
}
a.am-hoverShw { 
	display: block; text-indent: -999em; overflow: hidden; width: 100%; height: 100%;
	}
a.am-hoverShw:hover { 
	background: url(../images/library/am-hoverShw10.png) repeat transparent;
	}
a.am-hoverShw.cur:hover { 
	background-image: none; cursor: default;
	}	
.am-rc {
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
	}
* ul { 
	list-style: none; 
	padding: 0;
	margin: 0;
	}
* ul.bul, * ul.num {
	margin: .75em 0 .75em 1.5em;
	}

* ul li { 
	list-style: none;
	}
* ul.liSpaced li { 
	margin-top: .5em;
	}
* ul.bul li {
	list-style: disc;
	}
* ul.num li {
	list-style: decimal;
	}
#content em {
    font-family: Trebuchet, sans-serif;
	}	
#content strong {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	}	
#contentRight a.outsource {
	background: transparent url(../images/library/external-Icon.png)  right 1px no-repeat; 
	padding-right: 14px;
	}
p { margin: 0; padding: 0; }
p.clear { clear:both;margin:0 !important;height:1px;overflow:hidden;}

.fadeInOnLoad { display: none; } /*init value, changed by js on load*/

#logoMenuWrap {
	width: 100%; height: 116px; position: fixed; top:0; left: 0; opacity: .95;
	background: url(../images/topSiteWideBcgr.png) repeat-x #fff;
	}
#contact #logoMenuWrap, #listen #logoMenuWrap  {
	position: absolute;
	}
#logoMenu {
	position: relative; width: 960px; height: 116px; margin: 0 auto;
	}
	
span#logo {
	position: absolute;
	width: 165px; height: 36px; top: 0px; left: 40px; 
	overflow: hidden; text-indent: -9999em;
	background: url(../images/logo.png) no-repeat;
	}

#topSubMenu {
	position: absolute; top: 23px; right: 37px; width: 50%;
	}
#topSubMenu li {
	float: right; margin-left: 30px; padding-top: 3px;
	}
	
#contentWrap { 
	width: 960px; margin: 19px auto 0; background-color: #fff;
	padding-bottom: 20px;
	}
h1#homeTitle { 
	display: none; width: 960px; height: 101px; margin: 0 0 25px 0; overflow: hidden;
	background: url(../images/homeH1Bcgr.jpg) no-repeat right 0; font-size: .3em;
	}
h1#homeTitle span { 
	display: block; width: 413px; height: 101px; text-indent: -9999px;
	background: url(../images/homeH1TextBcgr.png) no-repeat;
	}	
body#home h1#homeTitle { 
	display: block;
	}

#content { 
	width: 960px; overflow: hidden; position: relative;
	}
#contentRight {
	float: right; width: 632px;
	}
body.oneSong #contentRight {
	margin: 65px 0 0 0; width: 632px;
	}
body#home #contentRight {
	margin: 0 0 0 10px; width: 670px; 
	}
.jsOff body.oneSong #contentRight {
	margin-top: 0;
	}		
#contentLeft {
	float: left; width: 280px;
	}

#leftMenuWrap {
	background-color: #051e58; padding: 20px 9px; position: relative;
	}
#leftMenu {
	background-color: #2d417d; padding: 3px 0;
	}
#leftMenu li {
	height: 36px; border-top: 1px solid #3b588f;
	}
#leftMenu li:first-child {
	border-top: 0px solid #3b588f;
	}	
#leftMenu a {
	padding: 0 10px 0 13px; display: block; line-height: 36px; 
	}
#leftMenu a:before { 
	content: '\BB\000A0\000A0\000A0' 
	}
#leftMenu a:hover { 
	background: url(../images/library/am-hoverShw10.png) repeat;
	}
#leftMenuOrn1 { 
	position: absolute; width: 80px; height: 107px; top: 4.5em; right: 9px;
	background: url(../images/leftMenuOrn.png) no-repeat;
	}
#leftMenuOrn2 { 
	position: absolute; width: 57px; height: 51px; bottom: 0; right: 0;
	background: url(../images/leftMenuOrn.png) no-repeat right bottom;
	}
.leftBanners {
	margin: 18px 0; width: 282px; height: 104px;
	background: url(../images/home-3-Banners-1.png) no-repeat;
	}
#enhancementBanner	{
	background-position: 0 -105px;
	}
#schools #enhancementBanner	{
	display: none;
	}	
#catchyMelodiesBanner {
	width: 210px; height: 87px; margin-top: 1em;
	background-position: 0 -210px;
	}
#catchyMelodiesBanner a.am-hoverShw:hover { 
	background: url(../images/library/am-hoverShw10.png) repeat transparent;
	}

/****BOTTOM****************************************************************/		
#bottomWrapOuter { 
	width: 100%; background-color: #4f535a;
	padding-top: 34px; color: #fff;
	}
#bottomWrap {
	width: 960px; margin: 0 auto; overflow: hidden;
	}
#bottomWrap > div {
	float: left;
	}
#bottomLeft {
	width: 305px; height: 294px; background: url(../images/bottomLeftBcgr1.jpg) no-repeat 17px bottom; 
	}
#bottomMidL {
	width: 280px; margin-left: 0;
	}	
#bottomMidR {
	width: 160px; 
	}
#bottomRight {
	width: 170px; 
	}
p#copyright {
	margin: -2em 0 3em 0; clear: both; text-align: center; color: #ccc; 
	}
p#copyright a:link, p#copyright a:visited, p#copyright a:link:hover { 
	font-weight: normal; color: #ccc; text-decoration: none;  
	}
#socialLinks p {
	background: url(../images/spritePng.png) no-repeat 0 -300px; 
	height: 32px; line-height: 32px; padding: 0 0 0 40px;
	}
p#facebook { 
	background-position: 0 -360px; margin: 6px 0 0 0; 
	}

/*HOME PAGE*/	
#songThumbnails	{ 
	width: 677px; overflow: hidden; margin-top: .5em;
	background: url(../images/songThumbnails.jpg) no-repeat 17px 0;
	}
#songThumbnails	li { 
	width: 50px; height: 50px; margin: 0 0 11px 17px; float: left;
	}
#songThumbnails	li a { 
	width: 48px; height: 48px; display: block;
	text-indent: -999em; 
	-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;
	}
#songThumbnails	li a:hover { 
	background: url(../images/library/am-hoverShw10.png) repeat transparent;
	}
#homeContentBotWrap {
	overflow: hidden; margin: 14px 0 0 17px;
	}
#homeContentBotLeft {
	width: 203px; float: left;
	}
#homeContentBotMid {
	width: 213px; margin-left: 8px; float: left;
	}
div#homeContentBotRight { 
	float: right; width: 210px;
	}
	
/****ONE SONG************/
#oneSong {
	position: relative; padding-bottom:20px; margin-bottom: 20px;
	}
#oneSongSubMenu {
	position: absolute; width: 668px; height: 35px; right: 0; top: 0;
	background: url(../images/oneSongSubMenu.png) no-repeat transparent;
	}
#oneSongSubMenu li {
	float: left; width: 27%; padding: 0; margin: 0; line-height: 2em; text-align: center; 
	color: #000;
	}
#oneSongSubMenu li.syn {
	width: 19%;
	}	
#oneSongSubMenu li:hover {
	cursor: pointer; color: #c0200b;
	}
#oneSongSubMenu.syn li.syn,
#oneSongSubMenu.lyr li.lyr,
#oneSongSubMenu.tiered li.tiered,
#oneSongSubMenu.prep li.prep {
	color: #c0200b; cursor: default;
	}
#syn, #lyr, #tiered, #prep,
#sampleSongsLyr div{
	display: none;
	}
.jsOff #syn, .jsOff #lyr, .jsOff #tiered, .jsOff #prep,
#sampleSongsLyr div#showLyr{
	display: block;
	}
#vocab {
	width: 34em;
	}
 #tiered, #prep {
	width: 40em;
	}	
#oneSong.syn #syn,
#oneSong.lyr #lyr,
#oneSong.tiered #tiered,
#oneSong.prep #prep {
	display: block;
	}
#lyrics, #sampleSongsLyr div[class] {
	line-height: 20px;
	}
.lyrVocabItem { 
	color: #1a3ba3; cursor: pointer;
	}
#vocabDisplay { 
	width: 360px; border: 1px solid #ccc; position: absolute; left: 0; top: 0; background-color: #f2f2f4; padding: 20px;
	}
#vocabDisplay span { 
	display: none; 
	}
#nextPrevSong { 
	position: absolute; right: 36px; top: 65px;
	font-weight: bold; color: #1a3ba3; cursor: pointer;
	}
.jsOff #nextPrevSong,
.jsOff #listenSampleSongs,
.jsOff #oneSongSubMenu { 
	display: none;
	}	
#nextPrevSong li { 
	float: left; padding-left: 1em;
	}
#nextPrevSong span {
	visibility: hidden;
	}
body.noSong #oneSongSubMenu,
body.noSong #nextPrevSong {
	display: none;
	}
ul#buyBlock {
	margin-top: 2em;
	}
.jsOff ul#buyBlock {
	display: none;
	}
ul#buyBlock li {
	display: inline; padding-right: 2em;
	}
#sampleSongsCont { 
	margin: 1em 0;
	}
#listen #sampleSongsCont { 
	margin-top:0;
	}		
#sampleSongsPlayer { 
	height: 170px; width: 350px;
	}
.oneSong #sampleSongsPlayer { 
	float: left;
	}	
#sampleSongsInfo { 
	float: right; width: 260px;
	}
#sampleSongsLyr	{ 
	clear: both;
	}
#oneSong p#backTop { 
	position: absolute; right: 42px; bottom: 0;
	}
#content p#backTop a { 
	font-weight: bold;
	}
#content p#backTop a:after { 
	content: '\2191';
	}
/****FORMATTING****************************************************************/

h1	{
	margin: 0;
	}
.noSong h1 {
	margin-bottom: 1.25em;
	}
#sampleSongsLyr	 h1 {
	margin: 1.5em 0 .5em;
	}
h2 {
	margin: 1.5em 0 .8em;
	}
#oneSong h2 {
	color: #c0200b; margin: .75em 0 .3em;
	}
#homeContentBotWrap h2	{
	margin: 0 0 .75em; color: #4f535a;
	}

#content p { 
	margin-top: .6em; 
	}
#content p:first-child { 
	margin-top: 0; 
	}
	
#content p.more { 
	text-align: right; padding-right: 20px;  margin-top: 0;
	}

#content h3 + p	{
	margin-top: 0.25em; 
	}
#content h4 + p	{
	margin-top: 0; 
	}

#lyrics p {
	margin-top: 1em;
	}
#tiered p.tierQuestion {
	margin-top: 1em;
	}
p#copyline, p.copyline {
	margin: 0;
	}
p.song1tabs, p.oneTab {
	padding-left: 2em;
	}
p.song2tabs {
	padding-left: 4em;
	}
p.song3tabs {
	padding-left: 6em;
	}
p.song4tabs {
	padding-left: 8em;
	}
#vocab p.vocabEntry	{
	margin-top: 1em;
	}
p.vocabEntry span {
	display: block;
	}
#content p.source {
	margin: 0; text-align: right; padding-right: 5%;
	}
.indented { 
	padding-left: 4em; 
	}
#syn p {
	line-height: 1.4; width: 30em;
	}
#syn #sampleSongsInfo p{
	width: 250px;
	}
#syn img {
	clear: both;
	}	
.colorGrey {
	color: #4f535a;
	}
.alignRight {
	text-align: right;
	}
p#jsWarn {
	position: absolute; top: 0; left: 290px; margin: 0; padding: 0; color: red; background-color: #fff; font-size: 15px; height: 24px;
	}
.underlined {
	text-decoration: underline;
	}
#oneSong p.multiStatement {
	margin-top: 1.5em; padding-left: 1.6em; text-indent: -1.6em;
	}
#oneSong p.multiStatement2 {
	margin-top: 1.5em; padding-left: 2.2em; text-indent: -2.2em;
	}
#sampleSongsPlayer p {
	margin: 0 0 .75em 0;
	}
img + #oneSong p.multiStatement,
img + #oneSong p.multiStatement2 {
	margin-top: 0; 
	}
#oneSong p.speakersStatement + p.multiStatement2,
#oneSong p.speakersStatement + p.multiStatement {
	margin-top: 0; 
	}	
#oneSong p.thematicEssay {
	margin-top: 1em;
	}
#oneSong p.imgQuestion	{
	margin-top: 0.25em; margin-bottom: 2em;
	}
ul.multiAnswers {
	margin-top: .6em; margin-bottom: .8em;
	}
#oneSong ul.multiAnswers li {
	margin-left: 1.6em; margin-bottom: .2em;
	}
#oneSong p.dbq {
	margin-top: 1.6em;
	}
#oneSong img {
	display: block; margin-top: 1em;
	}
#oneSong img + p {
	margin-top: 0;
	}
#sampleSongsLyr li {
	margin-bottom: .3em;
	}
#sampleSongsLyr ul {
	margin-top: .5em;
	}
	
a, a:link, a:visited, a:hover { 
	color: #1a3ba3; text-decoration: none;
	}
a:hover { 
	cursor: pointer;
	}
a.cur:hover { 
	cursor: default;
	}
#bottomWrapOuter a:hover,
#topSubMenu a:hover,
#contentRight a:hover { 
	background-color: #b7220d; color: #fff;
	}
a:focus, a:active, a:visited { 
	outline: none; 
	}
#topSubMenu a { padding: 0 3px; }	
.colorFFF a, .colorFFF a:link, .colorFFF a:visited, .colorFFF a:hover {
	color: #fff;
	}
#mainMenu a:link span, #mainMenu a:visited span, #mainMenu a:hover span { 
	color: #000; 
	}

/****MAIN MENU************/	
#mainMenu { 
	position: absolute; top: 52px; left: 40px; padding-top: 15px;
	width: 920px; z-index: 10;
	background: url(../images/mainMenuTri.png) no-repeat -999em 0 transparent;
	}
#mainMenu .secondLine { 
	font-style: italic; font-weight: normal; 
	}
body#home #mainMenu  {
	background-position: 11% 0;
	}
body#listen #mainMenu  {
	background-position: 35% 0;
	}
#mainMenu li {
	float: left; padding-left: 30px;
	background: url(../images/spritePng.png) no-repeat transparent;
	}
#mainMenu li.home {
	width: 210px; cursor: pointer;
	}
#mainMenu li.listen { 
	width: 180px; background-position: 0 -70px; padding-left: 36px;
	}
#mainMenu li.buyTunes { 
	width: 190px; background-position: 0 -208px; padding-left: 42px;
	}
#mainMenu li.buySongs { 
	width: 175px; background-position: 0 -140px; padding-left: 42px;
	}

#mainMenu a, #mainMenu a:link, #mainMenu a:visited, #mainMenu a:hover {
	display: block; height: 100%; width: 100%;
	}
#mainMenu a:hover {
	color: #c0200b;
	}
body#listen #mainMenu li.listen a:hover {
	color: #1A3BA3;
	}
#mainMenu li.home a.cur:hover {
	cursor: pointer;
	}		
#mainMenu li.home:hover #mainSongsSubMenu {
	display: block;
	}
#mainSongsSubMenu {
	position: absolute; top: 53px; left: -31px; background-color: #1f2123; color: #fff;
	padding: 20px 10px 16px 62px;
	display: none;
	}
#mainMenu ul li {
	background-image: none; padding: 0 20px 0 0;
	}	
#mainMenu ul li li {
	float: none; padding: 0;
	}
#mainMenu li.home ul a,
#mainMenu li.home ul a:link, 
#mainMenu li.home ul a:visited, 
#mainMenu li.home ul a:hover {
	color: #fff; display: inline;
	}
#mainMenu li.home ul a:hover {
	color: #fff; background-color: #b7220d;
	}	

/****CONTACT FORM "ABSOLUTE" DEFAULTS*************************************************/
/****ADD id="amd_contactform_fixed" to the form*************************************************/

#contactFormCtner {
	width: 516px; height: 312px; 
	padding: 0; float: none;

/*********redefine for each case*/
	margin: 0; 
	padding-top: 0;
	}
body#contact #contactPara {
	margin-bottom: 2em; 
	}
#amd_contactform_fixed {
	width: 516px; height: 312px;
	background: url(../images/contactBcgr.png) no-repeat transparent;
	/*********redefine for each case*/
	color: #1f2123;
	}
#amd_contactform_fixed legend {
	display: none;
	}
#amd_contactform_fixed fieldset { 
	margin: 0; padding: 0; border: 0;
	}	
#amd_contactform_fixed ol {
	position: relative; width: 100%; height: 312px;
	padding: 0; margin: 0;  
	}
#amd_contactform_fixed li {
	position: absolute; width: 100%; height: 26px; display: block;
	top: 0; left: 0; margin: 0; padding: 0; list-style: none; z-index: 1;
	}
#amd_contactform_fixed li.amcf_name { 
	top: 43px; 
	}
#amd_contactform_fixed li.amcf_email  { 
	top: 85px;
	}
#amd_contactform_fixed li.amcf_note { 
	top: 129px; height: 142px;
	}
#amd_contactform_fixed li.amcf_submit { 
	top: 245px; left: 418px; width: 71px; height: 26px;
	}		
#amd_contactform_fixed label {
	display: none;
	}

/*---input, textarea params---*/
#amd_contactform_fixed #amcf_name, 
#amd_contactform_fixed #amcf_email,
#amd_contactform_fixed #amcf_note { 
	position: absolute; left: 78px; top: 0; width: 242px; height: 23px;
	font-size: 12px; z-index: 1;
	margin: 0; border: 0; 
	padding: 3px 0 0 4px;
	}
#amd_contactform_fixed #amcf_note { 
	width: 308px; height: 142px; padding: 0 0 0 4px;
	overflow: auto; 
	}
#amd_contactform_fixed input,
#amd_contactform_fixed textarea { 
	background-color: #f4f4f4;
	font-family: "Lucida Grande", Helvetica, Ariel, sans-serif;
	}	
#amd_contactform_fixed textarea:focus,
#amd_contactform_fixed input:focus,
#amd_contactform_fixed input.ieFocus,
#amd_contactform_fixed textarea.ieFocus { 
	background-color: #fff;
	}
/*---submit btn params---*/
#amd_contactform_fixed #submitBtn {
	width: 71px; height: 26px; display: block;
	background-image: url(../images/library/am-hoverShw-0.png);
	background-repeat: no-repeat; background-color: transparent;
	margin: 0;  padding: 0; border: 0; cursor: pointer;
	}
#amd_contactform_fixed #submitBtn:active,
#amd_contactform_fixed #submitBtn:hover,
#amd_contactform_fixed #submitBtn.over { 
	background-image: url(../images/library/am-hoverShw20.png);
	background-repeat: repeat; 
	}
#amd_contactform_fixed #submitBtn:active { 
	outline: none;  
	}	
/*---JS ERR params---*/
#amd_contactform_fixed .error {
	position: absolute; font-size: 12px;
	left: 75px; width: 247px; top: 20px; padding-left: 4px; 
	z-index: 3000;
	
	/*define for each case*/
	color: #fff;
	background-color: #051e58;
	overflow: visible;
	}
#amd_contactform_fixed li.amcf_email .error { 
	width: 313px; 
	}
#amd_contactform_fixed li.amcf_note .error { 
	top: 125px; width: 313px; 
	}
	
#submitting {
	position: absolute; height: 100%; width: 100%; opacity: 0.2;
	background: url(../images/library/ajax-loader.gif) center center no-repeat #000;
	z-index: 1000;
}
/*---RESPONSE AND PHP ERROR params---*/
#contactFormCtner h3#amf_response_thank,
#contactFormCtner h3#amf_response_err {
	margin: 0; padding: 4em 0;  width: 100%; 
	text-align: center; line-height: 1.4em;
	font-weight: bold; text-transform: none; font-size: 18px;
/*********define for each case*/
	color: #051e58;
	}

/***FONTS ************************************************************************/	
h1, h2, h3, #leftMenu, #mainMenu, #topSubMenu, #bottomLeft,
#oneSongSubMenu, #nextPrevSong, #buyBlock, p#backTop {
	font-family: "pill-gothic-300mg-1","pill-gothic-300mg-2"
	}
.lyrVocabItem, #tiered p.tierQuestion, 
p.vocabEntry span, #content p.source, 
#oneSong p.thematicEssay, #oneSong p.imgQuestion,
#oneSong p.dbq, span.multiStNr,
#sampleSongsLyr ul, body#home #contentRight a,
#mainSongsSubMenu, #amd_contactform_fixed .error { 
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
	}
#content {
	font-size: 0.8125em;
	}
.w1280 #content { 
	font-size: 0.875em; 
	}
#bottomWrapOuter {
	font-size: 0.75em;
	}
.w1280 #bottomWrapOuter { 
	font-size: 0.8125em; 
	}	
#mainMenu, #bottomLeft { 
	font-size: 1.313em; 
	}
.w1280 #mainMenu, .w1280 #bottomLeft { 
	font-size: 1.375em; 
	}
.jsOff #mainMenu, .jsOff #bottomLeft { 
	font-size: 1.188em; 
	}
.secondLine { 
	font-size: .714em; 
	}
.w1280 .secondLine { 
	font-size: .727em; 
	}
#mainSongsSubMenu { 
	font-size: .571em; 
	}
.w1280 #mainSongsSubMenu { 
	font-size: .591em; 
	}
h1 {
	font-size: 1.462em;
	}
.w1280 h1 {
	font-size: 1.423em;
	}
#oneSongSubMenu {
	font-size: 1.23em;
	}
.w1280 #oneSongSubMenu {
	font-size: 1.214em;
	}
h2, #nextPrevSong, #buyBlock, p#backTop { 
	font-size: 1.154em; 
	}
.w1280 h2, .w1280 #nextPrevSong, .w1280 #buyBlock, .w1280 p#backTop {
	font-size: 1.143em;
	}
body#home #homeContentBotWrap {
	font-size: 0.923em;
	}
.w1280 body#home #homeContentBotWrap { 
	font-size: 0.928em; 
	}
#homeContentBotWrap h2 {
	font-size: 1.333em;
	}
.w1280	#homeContentBotWrap h2 {
	font-size: 1.308em;
	}
.jsOff #homeContentBotWrap h2 { 
	font-size: 1.2em; 
	}
#sampleSongsInfo, #sampleSongsPlayer p {
	font-size: .846em; line-height: 1.1;
	}
.w1280 #sampleSongsInfo, #sampleSongsPlayer p {
	font-size: .857em;
	}
p#copyline, p.copyline {
	font-size: .769em;
	}
.w1280 p#copyline, .w1280 p.copyline {
	font-size: .786em;
	}
#leftMenu {
	font-size: 1.308em;
	}
.w1280 #leftMenu {
	font-size: 1.286em;
	}
span.multiStNr {
	font-size: 1.077em;
}	
.w1280 span.multiStNr {
	font-size: 1.071em;
}	
#content p.source  {
	font-size: .923em;
}
#content p.source  {
	font-size: .928em;
}
.amd_form input,
.amd_form li.radio {
	font-size: 1.083em;
	}
.w1280 .amd_form input,
.w1280 .amd_form li.radio {
	font-size: 1.077em;
	}