/* @import must be at top of file, otherwise CSS will not work 
@import url("//hello.myfonts.net/count/2aeb58"); */

  
@font-face {font-family: 'Arquitecta';src: url('webfonts/2AEB58_0_0.eot');src: url('webfonts/2AEB58_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2AEB58_0_0.woff') format('woff'),url('webfonts/2AEB58_0_0.ttf') format('truetype');}
 


body {
	background:none;
	/* background-size:cover */

	background-color:#ffffff;
	
	margin: 0;


	padding:0;

	color:#000000;
	text-align:center;
	font-size:100%;
	font-family: Helvetica;
	/* font-family: Arquitecta,Helvetica;  */

}



header, section, footer, aside, nav, main, article, figure
{
display: block;
} 



h1 {
font-family: Arquitecta,Helvetica,Verdana,Arial;
font-size:0.9em; 
	font-weight:normal; 
}
	
h2 {
font-family: Arquitecta,Helvetica,Verdana,Arial;
font-size:1.3em; 
	text-decoration: none; width:100%;


	}
	
h3 {font-size:1.1em;}



ol {
	text-align: left;
}

ul {
	text-align: left;
}


#lfcredits {

	margin-top: 15px;
	margin-bottom: 5px;
	font-size:0.7em;
}


#songquotes {
	text-align: left;
	font-size:0.9em;


}

.songquote {

}

.moresqs {
	position: relative; top: 4px; left: 2px;
}



.new {
	font-family: Arquitecta,Helvetica,Verdana,Arial;
	font-size:0.9em; 
	background-color:#f5f32c;
	width:100%;
	font-weight: bold;
}


.correct {
	font-family: Arquitecta,Helvetica,Verdana,Arial;
	font-size:1.2em; 


}

.scale {
	/*  med: 0.63 large: 0.84 */
	
	-ms-transform: scale(0.425,0.425); /* IE 9 */
	-ms-transform-origin:0 50%; /* IE 9 */
	
	-webkit-transform: scale(0.425,0.425); /* Chrome, Safari, Opera */
	-webkit-transform-origin:0 50%; /* Chrome, Safari, Opera */
	
	transform: scale(0.425,0.425);
	transform-origin:0 50%;
    
}

.aihead {
	text-align: center;
	width: 290px;
	background-color:#e3e3e3;
	
	/* background-color:#b7d8f9; */
	
	margin-top: 15px;

	margin-right: auto;
    	margin-left: auto;
}

.ailink {


	
	/* background-color:#daebfc; */

	background-image:
	repeating-linear-gradient(-60deg,
	transparent,
	transparent 5px,
	rgba(0, 0, 0, 0.1) 5px,
	rgba(0, 0, 0, 0.1) 10px);
	
	
	
	text-align: center;
	/* padding-right: 25px; */
	
	width: 290px;
	
	margin-right: auto;
    	margin-left: auto;
    	
}






.addthishide { 
	 width:33px; 
	background-color:#3a3a3b;
	font-weight: bold;
	color: #ffffff;
	font-size:0.55em; 
	padding-top: 2px; 
	 padding-bottom: 2px; 
	 
	 cursor:pointer;
	 white-space:nowrap;
	 
	 
	 
	margin-top: 3px;
	margin-left: 1px;

	/* position: relative; top: -20px; left: 2px; */
    
}



.likeb  { 
	 margin-top: 5px;	

}


.sharetxt { 
	 width:35px; 
	background-color:#ffffff;
	font-weight: bold;
	font-size:0.63em; 
	color: #031765;
	padding: 1px;
	
	white-space:nowrap;	
	
	/* position: relative; left: -2px */




}

.followtxt { 
	background-color:#ffffff;
	font-weight: bold;
	font-size:0.9em; 
	color: #031765;

	vertical-align:text-bottom;
	text-align: center;


}




.translate  {
	/*margin-top: 10px; */
	
	background-color:#ffffff;
	font-weight: bold;
	font-size:0.5em; 
	color: #031765;


}

.addthis_button_googletranslate  {


}

.sharemargin { 

	margin-right: 2px;
	margin-left: 2px;  
  
}

.addthis_32x32_style { 


  
}





.white {
	color: #ffffff;
}


.amzlnk {


}



.sdtkindart {
	color: #9bc4da; 
	font-weight:bold;
}

.sdtktd {
	text-align: left;
}



.letramzn  {
	position: absolute; right: 0px;
	margin-right: 5px;

}

.letratab  {
	margin-left: 5%;

}

img.albumpic {   
	/* width: 160px; 
	height: 160px; */
	border:0px;
	margin-top: 10px;
	margin-bottom: 10px;
}



img.unavailpic {   
	width: 110px; 
	height: 110px; 
	border:0px;
	margin-top: 10px;
	margin-bottom: 10px;
}





.addthis_button_twitter_follow_native {
	/* width: 167px; */
	overflow: hidden;
	margin-top: 4px;
	margin-left: 5px;
  	margin-right: 5px;

}


.atfblike {
	position:relative;  top:-5px; left:5px;
}




p { text-align: center; }


.verdanaf { font-family:Verdana,Helvetica,Arial; }





.fullwidth {
	width: 100%;
}



.container {
	position:relative;

}


.fineprint { width:100%; font-size:0.8em; color: #000000 }

.fines { width:100%; font-size:0.75em; }


.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}


.clear {

	clear: both;
}

.bold {
/* font-family: Arquitecta,Helvetica,Verdana,Arial; */
font-size:1.2em; 
	font-weight:bold;
}

.large {
font-family: Arquitecta,Helvetica,Verdana,Arial;
	font-size:1.4em;
}

.bigger {
	font-size:1.3em;
}

.big {

font-size:1.2em; 

}

.small {
	font-size:0.9em;
}


table.bbrder
{
border-collapse:collapse;
border: 1px solid #e5e5e5;
padding: 0px;
border-spacing: 0;
}

table.bbrder tr
{
border-collapse:collapse;
border: 1px solid #e5e5e5;
}

table.bbrder td
{
border-collapse:collapse;
border: 1px solid #e5e5e5;
}

table.bbrder th
{
/* background-color:#a6b4e8; */
background-color:#000000; 
}

.gntble {
	width: 99%;
	height: auto;
	width: auto\9; /* ie8 */
	
	margin-left: 3px;
	margin-right: 3px;

}

.theader {

	font-family: Arquitecta,Helvetica,Verdana,Arial;
	background-color:#000000;
	border-collapse:collapse;
	border: 1px solid #e5e5e5;

}

.theader2 {
	font-family: Arquitecta,Helvetica,Verdana,Arial;
	background-color:#000000;

}

.theaderbar {
	font-family: Arquitecta,Helvetica,Verdana,Arial;
	background-color:#000000;
	border: 1px solid #e5e5e5;
	font-size:0.9em; 

}



.amzbar {
	width: 120px; 
	margin-bottom: 2px;
	margin-left: auto;
  	margin-right: auto;

}



#lsidebar {

	width: 140px; 
	margin-left: auto;
  	margin-right: auto;

}

#rsidebar {

	width: 260px; 
	margin-left: auto;
  	margin-right: auto;

}

#btmbar {

	min-width: 300px;
	max-width: 650px; 
	
	margin-left: auto;
  	margin-right: auto;

}

#btmbar2 {

	min-width: 300px;
	max-width: 657px;  
		
	
	margin-left: auto;
  	margin-right: auto;

}

.top5bar {

	width: 120px; 
	margin-left: auto;
  	margin-right: auto;

}

.top5barlink {
    	margin-bottom: 4px;
    		margin-left: auto;
  	margin-right: auto;
}

.morelink1 {

	background-color:#daebfc;
	text-align: center;
	
	width: 140px;
	
	margin-right: auto;
    	margin-left: auto;
    	
}

.morelink2 {

	background-color:#daebfc;
	text-align: center;
	
	width: 260px;
	
	margin-right: auto;
    	margin-left: auto;
    	
}


.morelink3 {

	background-color:#daebfc;
	text-align: center;

	border-collapse:collapse;
	border:1px solid #ffffff;

	padding: 1px;
	
	margin-right: auto;
    	margin-left: auto;
    	
}

.dvtable2 {

	display: table;
	position:relative;

}

.trow2  {
	display: table-row;

}

.tdata2 {
	display: table-cell;

}


.bbrders
{

	/* background-color:#ffffff; */
	border-collapse:collapse;
	border: 1px solid #e5e5e5;


	padding: 1px;

}


.diagbgrd
{

	background-image:
	repeating-linear-gradient(-60deg,
	transparent,
	transparent 5px,
	rgba(0, 0, 0, 0.1) 5px,
	rgba(0, 0, 0, 0.1) 10px);
      
}



.hpglist 
{

	border-bottom: 1px solid #e5e5e5;
	border-width: 100%;
	padding: 2px;
}


/*
.hpglist:nth-child(odd)	  { background-color:#ffffff; }
.hpglist:nth-child(even) { background-color:#ffffff; }
*/

.hpglast 
{
	border-bottom: 0px solid #00036d;
	border-width: 100%;
	padding: 2px;
}



#sbmtlyr {

}

.results {

	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	
	border-collapse:collapse;
	border: 1px solid #e5e5e5;


	padding: 1px;
	 margin-left: 3px;
  	margin-right: 3px; 
}



.lcontent {
	font-family:Verdana,Helvetica,Arial;
	font-size:0.9em;
	margin-top: 10px;
}


.poplyr {
	text-align: center;
	width: 290px;
	
	background-color:#daebfc;
	/*margin-top: auto;
    	margin-bottom: auto; */
	margin-right: auto;
    	margin-left: auto;
    	
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    
}

#popcontent {


    	
}

.popmouse {

	background-color:#daebfc;
	text-align: center;

	padding-right: 5px;
    	padding-left: 5px;
	
	margin-right: auto;
    	margin-left: auto;
    	
}

.pophead {
	text-align: center;
	width: 150px;
	
	/* background-color:#b7d8f9; */

	margin-right: auto;
    	margin-left: auto;
    	
	/* -moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px; */
}

.poplink {

	text-align: center;
	
	width: 290px;
	
	margin-right: auto;
    	margin-left: auto;
    	
}

#player {
}

.followdth {
	width: 184px;
	/* width: 160px; */
	position: relative;
	margin-left:auto;
  	margin-right: auto;

}

.followdth2 {

	width: 80px;
	position: relative;
	margin-left:auto;
  	margin-right: auto;

}


.addthis_button_facebook_like { 
	position: relative; top: 4px; 

  
}


.followdthhp {

	width: 80px;


}



a {color:#002656; 	 }      /* unvisited link */
a:visited {color:#9bc4da;  }  /* visited link */
a:hover {color:#eb957e;  }  /* mouse over link */
a:active {color:#000000; }  /* selected link */



A.ArtLnk {
	/*0066CC*/
	text-decoration: none; width:100%; 
	color: #9bc4da; font-size:1.5em;
	font-weight:bold;
}


A.SngLnk {

	text-decoration: none; width:100%; 
	font-weight:bold; font-size:1.2em;
	color: #000000;
}

A.IndTitle {

	text-decoration: none; width:100%; 
	font-size:1.5em;  font-weight:bold; 
	color: #9bc4da;
}

A.sdtklnk {
	text-decoration: none;
	width:100%; 
	font-weight:bold; 
	font-size:0.9em;
	color: #000000;
}

.credits {
	font-size:0.7em;
}


.backlnk {
	font-size:0.9em;
	text-align: center;
	vertical-align: bottom;
	
}


A.NoUnderBlue {text-decoration: none; width:100%; font-weight:bold; color: #000000}


A.NoUnderNoBold {text-decoration: none; width:100%;  color: #000000}


A.NoUnder {text-decoration: none; width:100%; color: #A6B4E8}

A.nounder {text-decoration: none; width:100%; color: #03081A}


A.NoUnderPlain {text-decoration: none; width:100%; font-weight:bold; font-size:1.2em; color: #ffffff}



.NoHighlight a:link {color:#000000;}      /* unvisited link */
.NoHighlight a:visited {color:#9bc4da;}  /* visited link */
.NoHighlight a:hover {color:#000000; }  /* mouse over link */
.NoHighlight a:active {color:#000000; }  /* selected link */



.Highlight A:link {text-decoration: none;  font-weight:bold; color: #002656}
.Highlight A:visited {text-decoration: none; font-weight:bold;  color: #0066CC}
.Highlight A:active {text-decoration: none;  font-weight:bold; color: #000000}
.Highlight A:hover { text-decoration: underline;   font-weight:bold; color: #eb957e;}


.HighlightTop A:link {text-decoration: none;  font-weight:bold; color: #002656}
.HighlightTop A:visited {text-decoration: none; font-weight:bold;  color: #0066CC}
.HighlightTop A:active {text-decoration: none;  font-weight:bold; color: #000000}
.HighlightTop A:hover { text-decoration: underline;   font-weight:bold; color: #eb957e;}


.HighlightPad {  display: inline-block; padding-bottom: 16.5px;}

.HighlightPad A:link {text-decoration: none;  font-weight:bold; color: #002656}
.HighlightPad A:visited {text-decoration: none; font-weight:bold;  color: #0066CC}
.HighlightPad A:active {text-decoration: none;  font-weight:bold; color: #000000}
.HighlightPad A:hover { text-decoration: underline;   font-weight:bold; color: #eb957e;}



.Reverse A:link {text-decoration: none; font-weight:bold; color: #9bc4da}
.Reverse A:visited {text-decoration: none; font-weight:bold; color: #0066CC}
.Reverse A:active {text-decoration: none; font-weight:bold; color: #9bc4da}
.Reverse A:hover {color: #eb957e; text-decoration: underline; font-weight:bold; }



.ReverseTop A:link {text-decoration: none; font-weight:bold; color: #9bc4da}
.ReverseTop A:visited {text-decoration: none; font-weight:bold; color: #0066CC}
.ReverseTop A:active {text-decoration: none; font-weight:bold; color: #9bc4da}
.ReverseTop A:hover {color: #eb957e; text-decoration: underline; font-weight:bold; }


.Missing A:link {text-decoration: none; font-weight:bold; color: #999999}
.Missing A:visited {text-decoration: none; font-weight:bold; color: #cccccc}
.Missing A:active {text-decoration: none; font-weight:bold; color: #999999}
.Missing A:hover {color: #444444; text-decoration: underline; font-weight:bold; }

.HighlightFine  A:link {text-decoration: none; font-weight:bold; font-size:0.9em; color: #002656}
.HighlightFine A:visited {text-decoration: none; font-weight:bold; font-size:0.9em; color: #0066CC}
.HighlightFine A:active {text-decoration: none; font-weight:bold; font-size:0.9em; color: #000000}
.HighlightFine A:hover {color: #eb957e; text-decoration: underline; font-size:0.9em; font-weight:bold; }


.HighlightFinePad {  display: inline-block; padding-bottom: 16.5px;}

.HighlightFinePad  A:link {text-decoration: none; font-weight:bold; font-size:0.9em; color: #031765}
.HighlightFinePad A:visited {text-decoration: none; font-weight:bold; font-size:0.9em; color: #0066CC}
.HighlightFinePad A:active {text-decoration: none; font-weight:bold; font-size:0.9em; color: #000000}
.HighlightFinePad A:hover {color: #A6B4E8; text-decoration: underline; font-size:0.9em; font-weight:bold; }


.logo2 {   width:100%; font-size:48pt; color:#006600;}

.header1 {  width:100%; font-size:44pt; font-weight:bold }
.header2 {  width:100%; font-size:48pt; font-weight:bold }

A.plain {text-decoration: none;  color: #000000}

.fineprint2 { width:100%; font-size:10pt; color: #000000 }
.fineprint3 { width:100%; font-size:12pt; color: #000000 }




td#id0:hover {
    background-color: #031765;          
}


pre {
font-family:Verdana,Helvetica,Arial;

 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
   word-break: break-all; 
}

.wordwrap2 { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
  
  
.shrink { 
    zoom: 0.59; 
     /* For Firefox */
    -moz-transform: scale(0.59); 
    -moz-transform-origin: 0 0; */
    
}









@-moz-document url-prefix() {
/* Firefox only */
    #stnav {
        /* position:relative;  top: -20px; right: 0px; */
    }
}



#ssad {

}

#buad {

}

#topboxunit {
	width: 300px;


	margin-right: auto;
    	margin-left: auto;
}

.txtlink {
    font-family: Verdana,Arial,Helvetica;
    font-size: 1.0em;
    color: red;
    font-weight:bold;
    text-decoration: underline;

}


#btmboxunit {

}


select {
	background-color: #000000; 
	color: #ffffff;
	font-family: Arquitecta,Helvetica,Verdana,Arial;
	font-size:0.9em; 
	 border:none;
   	 outline:none;
   	 cursor:pointer;
}


.boxmenu ul {list-style-type:none; margin:0; padding:0; overflow:hidden;}
.boxmenu ul li {float: left; background-color: #000000; 
		padding:2px 0px 2px 0px;}
.boxmenu ul li a {color: #ffffff;  text-decoration:none; text-align:center;}

.boxmenu ul li:hover { background-color: #3187bb;}
.boxmenu ul li:hover  a{ color: #ffffff; text-decoration: none;}
.boxmenu ul li.active { background-color: #eb957e; }
.boxmenu ul li.active a{ color: #ffffff;  }




li.padli { padding:1px 5px 1px 5px; font-size:0.9em;}

nav ul li { background-color: #000000; }
nav ul li a {color: #ffffff;  text-decoration:none; text-align:center;}

   
nav ul li:hover { background-color: #3187bb;}
nav ul li:hover  a{ color: #ffffff; text-decoration: none;}
nav ul li.active { background-color: #eb957e; }
nav ul li.active a{ color: #ffffff;  }



nav ul ul {
	display: none;
}

nav ul li:hover > ul {
	display: block;
}




nav ul {
	background: #000000; 
		/*border-style:solid;
		border-width:1px;
		 border-color: #00036d; */
	padding: 0px 0px;
	list-style: none;
	position: relative;
	display: inline-table;
	z-index:100;
}
	nav ul:after {
		 content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
		}
			nav ul li:hover a {
			}
		
		nav ul li a {
			display: block; padding: 3px 4px;
		}
			
		
	nav ul ul {
		/*  position: absolute; top: -1px; left: -1px; */
		
		position: absolute;  bottom:0%;  left: -1px; 
	}
		nav ul ul li {
			float: none; 
		}
			nav ul ul li a {
				padding: 5px 5px;
			}	
				nav ul ul li a:hover {
				}
		
	nav ul ul ul {
		/* position: absolute; left: 100%; top: -1px; */
		position: absolute; left: 100%; bottom: 0px;
	}