/*Author: John Moxey, http://www.songstuff.com Copyright: 2008 Songstuff, all rights reserved*/
/*COLORS*/
/*body*/
body{
background:#ffffff;
}
/*top*/
.top{	
text-align: center;
width: 100%;
padding:5px 0px 0px 0px;
margin: 0px;
}
/*top nav*/
.topnav{
background-color:#4901C2;
}
.topicnav{
background-color:#DDDDFF;
}
.topnav a{
color:#f2eeff;
}
.topicnav a{
color:#6357cc;
}
.topicnav a:hover{
color:#8377ec;
}
.topnav a:hover{
color:#ffffff;
}
/*ftr*/
.ftr_title{
background:#696996;
}
.ftr_title h2{
color:#eeeeee;
}
#ftr a{
color:#000000;
}
#ftr a:hover{
color:#aaaaaa;
}
/*areas*/
.area{
background-color: transparent;
color: #0000FF;
}
/*<h>*/
h1,
BodyTextHeader1{
color:#2327c9;
border: 1px solid #3333cc;
background-color:#ffffff;
}
h2,
BodyTextHeader2{
color: #0000dd;
}
h3,
BodyTextHeader3{
color: #0044ee; 
}
h4,
BodyTextHeader4{
color: #0044ff; 
}
/*links*/
a{
color: #3366FF;
}
/*body txt*/
.BodyText,
.BodyTextRight,
.BodyTextJustify,
.BodyBullet,
.FormText
{
color: #0000FF; 
}
.BodyText2 
{
color: #006666; 
}
.BodyQuote 
{  
color: #663399; 
}
.BodyQuoteCredit 
{  
color: #6633CC; 
}
.TableHead1 
{  
color: #0033CC; 
}
.BodyTextDetail 
{ 
color: #3399FF; 
}
.LinkText 
{ 
color: #3366FF;
}
.Hilight 
{
color: #FF3333; 
}
.category 
{
color: #FFFF00;
background-color: #6600cc;
}
.LinkHeader 
{
color: #3300CC;
}
.MenuText 
{
background-color: #6600cc; 
color: #CCCCCC; 
}
/*tables*/
.BorderedTable{
border: 4px solid #ccccff; 
color: #0000FF; 
}
.HighlightTable{
border: 1px solid #bb88f5; 
color: #00ff00; 
}
.SectionTable{
border: 1px solid #9999ff; 
color: #000000; 
}
.StandardTable,
.MuseNoteTable {
color: #0000FF; 
}
StandardTable th,
.MuseNoteTable th{
background-color: #dddddd;
}
.HighlightTable td{
background-color: #f6fff6;
border: 1px solid #bb88f5;
color: #0000ff;
}
.BorderedTable td,
.SectionTable td{
background-color: #FFFFFF;
}
.BorderedTable th,
.HighlightTable th,
.SectionTable th{
border: 1px solid #bb88f5;
}
.BorderedTable th{
background-color: #dddddd;
}
.SectionTable th{
background-color: #eeeeee;
}
.SectionTable td{
border: 1px solid #bb88f5;
}
.MenuTable{ 
border: 1px solid #bb88f5;
background-color: #bbccFF; 
color: #0000FF; 
}
.MenuTable td,
.MenuTable th{
border: 1px solid #bb88f5;
}
.MenuTable td{
background-color: #eeeeee;
}
.MenuTable th{
background-color: #6600CC;
color: #CCCCCC;
}
/*misc*/
.navtable,
.bandnavtable{
border: 0px transparent;
color: #000000; 
}
.navtable th,
.navtable h2,
.navtable h3,
.bandnavtable th{
border-bottom: 1px solid #000000;
color:#000000;
}
/*spacers*/
.colourspacer{
background-color: #6600cc;
}
/*menu*/
.menutitle{
border: 1px solid #3A00B3;
background: #3A00B3;
}
.menutitle p{
color: #eeeeee;
}
.menucontents{
background-color: #FFFFFF;
border: 1px solid #3A00B3;
}
.menucontents ul li,
.menucontents li{
background-color: transparent;
}
.menucontents a{
color: #000000;
}
.menucontents a:hover{
background-color:#FFD9DE;
color: #AC002D;
}
/*sections*/
.Section,
.SectionTitle{  
color: #0000FF; 
}
.FeatureSectionTitle{
background: #6633FF;
}
.FeatureSectionTitle h2,
.SectionTitle td#stdmid,
.SectionTitle td#featmid,
.stdmid,
.featmid,
.SectionTitle h2{
color: #eeeeee;
}
.SectionTitle td#stdmid,
.stdmid{
background: #696996;
}
.SectionTitle td#featmid,
.featmid{
background:#6633FF;
}
.stdmain,
.featmain{
color:#000000;
background-color: #FFFFFF;
}
.stdmain{
border: 1px solid #696996; 
}
.featmain{
border: 1px solid #6633FF;
}
.subfeatheader,
.subsubfeatheader{
color:#8983FC;
border: 1px solid #050E58;
}
.subfeatheader{
background-color:#3E2972;
}
.subsubfeatheader{
background-color:#221D41;
}
.stdmain a:hover,
.featmain a:hover,
.Section a:hover,
.SectionTitle a:hover{
color:#FF9900;
}
.stdmain a:link,
.featmain a:link{
color:#000099;
}
/*subs*/
.SubSection{  
color: #0000FF; 
}
.SubSection,
.SubSection#SubContent{
background-color: #ddddFF;
border: 1px solid  #bb88f5;
}
.SubSection#SubContent a,
.SubSection a{
background-color: transparent;
color: #000000;
}
.SubSection#SubContent a:hover,
.SubSection a:hover{
color:#FFFF00;
background-color:#05149A;
}
.SubSection ul{
background-color: #ddddFF;
}
/***LAYOUT***/
.layoutsplit{
width:49%;
float:left;
padding: 5px;
}
#c-block{
position:relative;
width:100%;
height: auto;
min-height:1350px;
margin:50px 0px 0px 0px;
}
#c-col{
position:relative;
padding-left: 10px;
padding-right: 10px;
}
#c-col{
margin:0 150px 0 150px;
}
@media screen {
#lh-col,
#rh-col{
position:absolute;
top:0px;
width:144px;
clear:both;
}
#lh-col{
left:0;
z-index:1;
}
#rh-col{
right:0;
z-index:1;
}
#hdr{
height:200px; 
width:100%; 
margin:0;
}
}
@media print {
#lh-col,
#rh-col,
#hdr{
	display: none;
}
}
/*body*/
body{
margin: 0px;
}
/*top*/
.top{	
text-align: center;
width: 100%;
padding:5px 0px 0px 0px;
margin: 0px;
}
.top img{
border:0px;
margin:0px;
padding:5px;
}
/*top nav*/
.topnav,
.topicnav{
margin: 0px;
vertical-align:middle;
padding-bottom:0px;
}
.topnav{
padding-top:2px;
padding-bottom:2px;
}
.topicnav{
padding-top:1px;
padding-bottom:1px;
}
.topnav ul,
.topicnav ul{
width:100%;
margin:0px;
list-style-type:none;
white-space:nowrap;
border: 0px;
text-align:center;
padding: 0px;
}
.topnav a,
.topicnav a{
width:8%;
text-decoration:none;
font-family:Tahoma, verdana, sans-serif;
font-weight:bold; 
text-align:center;
padding-top:4px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
}
.topnav a{
font-size: 9pt; 
}
.topicnav a{
font-size: 8pt; 
}
.topnav li,
.topicnav li{
display:inline;
}
@media print {
.topnav,
.topnav ul,
.topnav a,
.topnav a:hover ,
.topnav li,
.topicnav,
.topicnav ul,
.topicnav a,
.topicnav li{
display: none;
}
}
/*ftr*/
#ftr{
width:100%;
height:35px;
z-index:2;
position:static;
bottom:0px;
margin:0;
float:none;
clear:both;
text-align:center;
}
@media screen {
.ftr_title{
padding:0px;
text-align:center;
height:24px;
border:0px;
width:100%;
height:24px;
margin:0px;
clear:both;
}
.ftr_title h2{
font-family:Tahoma, verdana, sans-serif;
font-size:10pt;
font-style:normal;
font-weight:bold;
text-align:center;
padding-top:2px;
margin:0px;
}
#ftr ul{
text-align:center;
width:100%;
list-style-type:none;
padding:0px;
white-space:nowrap;
border:0px;
}
#ftr a{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
width:8%;
font-size:9pt; 
text-decoration:none;
font-weight:bold; 
padding:4px 5px 2px 5px;
}
#ftr li{
display:inline;
}
.splitwrapper{
width:100%;
}
}
@media print {
.ftr,
.ftr_title h2{
display:none;
}
}
/*areas*/
.area{
position: absolute;
left:5px;
top:2px;
margin:0 0 4px 4px;
width: 160px;
padding:9px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
font-style: normal; 
font-weight: bold; 
text-align: left;
}
@media print {
.area{
	display: none;
}
}
/*<h>*/
h2,
h3,
h4,
.BodyTextHeader2,
.BodyTextHeader3,
.BodyTextHeader4{
font-family: Arial, Helvetica, sans-serif; 
font-style: normal;
font-weight: bold; 
}
h1,
BodyTextHeader1{
font-family: Tahoma, Arial, sans-serif; 
font-size: 13pt; 
text-align: center;
margin-bottom: 10px;
padding: 5px;
font-weight: bold; 
}
h2,
BodyTextHeader2{
font-size: 12pt;
text-align: center;
height: 13pt;
margin-bottom: 5px;
}
h3,
BodyTextHeader3,
h4,
BodyTextHeader4{
text-align: left;
margin-bottom: 5px;
}
h3,
BodyTextHeader3{
font-size: 12pt; 
}
h4,
BodyTextHeader4{
font-size: 11pt; 
}
/*links*/
a{
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: normal;
}
a:link,
a:visited,
a:active{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
/*body txt*/
.BodyText2,
.TableHead1,
.MenuText
{
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}
.BodyText,
.BodyBullet,
.BodyQuoteCredit,
.BodyTextDetail,
.BodyTextJustify,
.BodyTextRight,
.LinkText,
.FormText,
.Hilight,
.BodyQuote
{
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 10pt;
}
.category,
.LinkHeader
{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.BodyText,
.BodyText2,
.BodyTextJustify,
.BodyQuote,
.FormText,
.BodyTextDetail,
.Hilight
{
text-align: justify;
}
.BodyTextRight 
{
text-align: right;
}
.BodyText2 
{
font-size: 9pt; 
}
.BodyQuote 
{  
font-style: italic; 
}
.BodyBullet 
{
text-align: left;
list-style-type: disc;
list-style-position: inside;
text-indent: 10pt;
}
.BodyQuoteCredit 
{  
font-weight: bold; 
text-align: left;
}
.TableHead1 
{  
font-size: 11pt; 
font-weight: bold; 
text-align: left;
}
.Hilight 
{
font-weight: bold; 
}
.category 
{
font-size: 10pt;
}
.LinkHeader 
{
font-size: 11pt;
}
.MenuText 
{
font-size: 11pt; 
}
/*tables*/
.HighlightTable,
.SectionTable,
.StandardTable,
.MuseNoteTable,
.MenuTable,
.BorderedTable{
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-style: normal; 
font-weight: normal; 
}
.SectionTable,
.StandardTable,
.MuseNoteTable,
.MenuTable{
text-align: justify;
}
.HighlightTable,
.SectionTable,
.BorderedTable,
.StandardTable,
.MuseNoteTable,
.StandardTable{
font-size: 10pt; 
}
.StandardTable,
.MuseNoteTable {
border: 0; 
}
.StandardTable td,
.MuseNoteTable td,
.HighlightTable td,
.BorderedTable td,
.SectionTable td,
.MenuTable td{ 
vertical-align: top;
}
.StandardTable td,
.MuseNoteTable td{
border: 0;
}
.MuseNoteTable td{
text-align: center;
}
.StandardTable th,
.MuseNoteTable th{
border: 0;
}
.HighlightTable td,
.BorderedTable td,
.SectionTable td,
.MenuTable td,
.StandardTable td{
text-align: left;
}
.StandardTable th,
.MuseNoteTable th,
.BorderedTable th,
.HighlightTable th,
.SectionTable th,
.MenuTable th{
text-align: center;
font-size: 12pt;
}
.SectionTable a,
.HighlightTable a{
text-decoration: underline;
}
/*images*/
.BodyImage,
.AdvertImage{
text-align: center;
width: 100%;
padding:5px;
}
/*float*/
.fr{
float: right
}
.fl{
float: left
}
.fn{
float: none
}
.rightoverlay,
.floatright,
#floatright{
float:right;
z-index:7;
overflow:auto;
}
.floatleft,
#floatleft{
float:left;
z-index:auto;
}
.floatcenter{
float:none;
}
.rightoverlay,
.floatright,
.floatleft,
.floatcenter{
padding:15px;
margin: 10px;
}
.rightoverlay{
width:200px;
}
/*misc*/
.copyright,
.navtable,
.bandnavtable{
font-family: Arial, Helvetica, sans-serif; 
}
.copyright{
width: 100%;
text-align:center;
font-size: 9pt; 
font-weight: bold; 
}
.navtable,
.bandnavtable{
padding: 10px;
margin: 5px;
font-style: normal; 
width:100%;
}
.navtable td,
.bandnavtable td{
font-weight: normal;
font-size: 12px;
text-align: justify;
padding: 6px;
}
.navtable th,
.navtable h2,
.navtable h3,
.bandnavtable th{
font-weight: bold;
font-size: 12px;
text-align: center;
padding-right:10px;
padding-left:10px;
}
/*spacers*/
.clearspacer,
.colourspacer,
.clearright,
.clearleft,
.clearboth{
height: 3px;
padding: 0px;
margin: 0px;
}
.clearspacer,
.colourspacer,
.clearboth{
clear:both;
}
.clearright,
.clearleft,
.clearboth{
width:100%;
}
.clearright{
clear:right;
}
.clearleft{
clear:left;
}
/*menu*/
.menutitle{
height: 20px;
width: 142px;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
vertical-align:middle;
}
.menutitle p{
margin:0px;
font-family: Tahoma, verdana, sans-serif;
font-size: 9pt;
font-style: normal;
font-weight: bold;
text-align: center;
padding-top: 2px;
}
.menucontents{
width: 142px;
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
margin:0px 0px 0px 0px;
}
.menucontents ul{
width:100%;
margin:0px;
list-style-type:none;
border: 0px;
text-align:center;
padding: 0px;
}
.menucontents ul li,
.menucontents li{
margin: 0px;
border:0px;
padding:5px 3px 5px 3px;
text-align: left;
width:133px;
}
.menucontents a{
font-size:9pt;
width:127px;
text-decoration:none;
border:0px;
margin:0px;
}
@media print {
.menutitle,
.menutitle p,
.menucontents,
.menucontents p,
.menucontents a{
display: none;
}
}
/*sections*/
.Section{
padding: 5px;
font-size: 9pt;
text-align: justify;
}
.SectionTitle{
padding: 0px;
text-align: center;
padding: 0px;
height: 24px;
font-size: 11pt;
border: 0px;
}
.Section,
.SectionTitle{  
width: 100%;
font-family: Arial, Helvetica, sans-serif; 
font-style: normal; 
font-weight: normal; 
margin: 0px;
clear: both;
}
.FeatureSectionTitle{
padding: 0px;
text-align: center;
height: 24px;
border: 0px;
width: 100%;
margin: 0px;
clear: both;
}
.FeatureSectionTitle h2,
.SectionTitle td#stdmid,
.SectionTitle td#featmid,
.stdmid,
.featmid,
.SectionTitle h2{
font-family: Tahoma, verdana, sans-serif;
font-style: normal;
font-weight: bold;
text-align: center;
margin: 0px;
}
.FeatureSectionTitle h2{
font-size: 10pt;
padding-top: 2px;
}
.SectionTitle td#stdmid,
.SectionTitle td#featmid,
.stdmid,
.featmid{
font-size: 9pt;
height: 24px;
margin: 0px;
padding: 0px;
}
.SectionTitle h2{
font-size: 10pt;
padding-top: 2px;
}
.stdmain,
.featmain{
font-family: Tahoma, verdana, sans-serif;
font-style: normal;
text-align: left;
padding: 10px;
margin: 0px;
font-size: 9pt; 
font-weight: normal; 
}
.featmain{
clear: left;
}
.featmain table{
width: 95%;
}
.featmain table th,
.subfeatheader,
.subsubfeatheader{
font-family:  Tahoma, verdana, sans-serif;
font-weight: bold; 
}
.subfeatheader,
.subsubfeatheader{
margin-top:10px;
}
.stdmain a,
.featmain a,
.Section a,
.SectionTitle a:hover{
text-decoration: underline;
}
/*subs*/
.SubSection{  
border: 1px solid;
margin: 15px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt; 
font-style: normal; 
font-weight: normal; 
color: #0000FF; 
text-align: justify;
padding:2px;
width:100%;
}
.SubSection,
.SubSection#SubContent{
text-align: left;
width: 140px;
}
.SubSection#SubContent a,
.SubSection a{
font-size: 9pt;
width:100%;
padding: 5px;
text-decoration: none;
}
.SubSection#SubContent a:hover,
.SubSection a:hover{
font-weight: bold;
}
.SubSection#SubContent p{
padding-top:2px;
padding-bottom:2px;
margin: 2px;
}
.SubSection ul{
text-align: left;
list-style-type:none;
white-space:nowrap;
text-align:center;
padding:4px;
margin: 2px;
}
.SubSection li{
padding-top:2px;
padding-bottom:2px;
margin: 2px;
width:100%;
}
/*pull quotes*/
blockquote{
width:15em;
float: right;
font-size: 120%;
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
line-height: 140%;
text-align: center;
margin: 0 0.15em 0.25em 10px;
background: white url(http://www.songstuff.com/images/unquote.gif) no-repeat bottom right !important;
padding: 5px 19px 5px 5px !important;
}
blockquote:first-letter{
background: url(http://www.songstuff.com/images/quote.gif) no-repeat left top !important;
padding: 10px 1px 10px 25px !important;
}
/*Iconize 0.3*/
@media screen {
/* extensions */
a[href$='.mp3'], a[href$='.m3u'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a']{ 
padding: 5px 20px 5px 0;
background: transparent url(http://www.songstuff.com/images/icons/icon_music.gif) no-repeat center right;
}
/* email */
a[href ^="mailto:"]{
padding: 5px 20px 5px 0;
background: transparent url(images/icons/icon_mailto.gif) no-repeat center right;
}
/* making sure images don't get icons */
.imageLink{
padding-right: 0px !important;
background: none !important;
}
}