@charset "utf-8";
/* CSS Document */

h1 { margin-bottom:10px; font: 20px/23px Arial, Helvetica, "sans-serif "; color: #4e0eae; text-align: left; text-indent: 38px; background: url(/images/Music_notes.jpg) no-repeat left center; }
h2 { margin-bottom:8px; font: 16px/19px Arial, Helvetica, "sans-serif "; color: #4b10a4; text-align: left; }
h3 { margin-bottom:6px; font: 14px/17px Arial, Helvetica, "sans-serif "; font-weight:bold; color: #55555e; text-align: left; }
h4 { margin-bottom:4px; font: 14px/17px Arial, Helvetica, "sans-serif "; color: #bd0e47; text-align: left;}


html, body, p, ul li, ol li { color: #55555e;  }
html, body, p, ul li, ol li, a, SPAN.anchorstyle { font: 13px/17px Arial, Helvetica, "sans-serif ";text-align: left; }
p a, a,  SPAN.anchorstyle { color: #bd0f48; text-decoration: none; }
p a:hover, a:hover, SPAN.anchorstyle:hover  { color: #bd0f48; text-decoration: underline; }

.resourceListing h4 { text-indent: 35px; margin-bottom: 5px !important; /*line-height: 25px;*/ padding-top: 12px; }
.resourceListing a.songs-ico { background: url(/images/Music_notes_icon.jpg) no-repeat left top; position: relative; display: block;  }
.resourceListing a.worksheets-ico { background: url(/images/worksheets-icon.jpg) no-repeat left top;  position: relative; display: block;  }
.resourceListing a.games-ico { background: url(/images/games_icon.jpg) no-repeat left top;  position: relative; display: block;  }
.resourceListing a.strategies-ico { background: url(/images/strategies-icon.jpg) no-repeat left top;  position: relative; display: block;  }
.resourceListing a { text-decoration: none !important; }
.resourceListing { margin:0 15px; }
.resourceListing p { font-weight:12px;text-align:left;padding:0;border:none; }
.resourceListing p { margin-bottom: 11px; margin-top: 1px !important; }

/*
.footer_top h2 {color:#ffffff;}
.footer_top a {color:#ffffff;}
.footer_top p, .footer_top ul li {color:#2d4a7a}
*/
.footer_top h2 {color:#cccccc;}
.footer_top a {color:#cccccc;}
.footer_top p, .footer_top ul li {color:#cccccc}

a.no-ico h4 {text-indent:0px; padding-top:4px;}

a:hover h4 { text-decoration: underline; }
.little-plug a { text-decoration: none !important;}
.little-plug { margin-bottom:20px;}
/*
.little-plug {padding:5px; padding-bottom:10px; border:1px solid #FFFFFF;}
.little-plug:hover {background-color: #E5EAED; border:1px solid #79C6EF;}
*/

.centred a h4, .centred a p {text-align:center;}


.feature-box h2, .mini-feature-box h2 { background: #abe217; margin-bottom: 6px; margin-top:0px; height: 36px; font: 16px/36px Arial, Helvetica, sans-serif; text-indent: 17px; }
.mini-feature-box a { font: 12px Arial, Helvetica, sans-serif; color: #bd0e47; text-decoration: none; }
.mini-feature-box a:hover {text-decoration: underline; }


input.search { background: url(/images/button-bg.jpg) no-repeat center center; border: none; text-align: center; height: 17px; width: 51px; font: normal 9px/17px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ffffff; cursor:pointer; margin-bottom:10px; }


/* spans that look like links */   
SPAN.anchorstyle, SPAN.anchorstyle:hover  { cursor: pointer;	}	

fieldset { border:1px solid #222DE1; padding-left:10px;}
fieldset legend {font: 16px/19px Arial, Helvetica, "sans-serif "; color: #4b10a4; padding:10px; }

/* Kodaly Analysis */ 
.analysis {color: #a54d29;}    
.normal {color: #55555e;  }

/* Fix interaction of 960 grid and bootstrap*/
ul.dropdown-menu li {margin-left:0px;}
.dropdown-menu > li > div > a {padding:3px 16px !important}