body {
        background: #fff url(../images/backgrounds/background.png) top repeat-x;
		color: #3c3c3c;
		font-size: .75em;
        font-family: Calibri, Arial, Tahoma, sans-serif;
        margin-left: auto;
        margin-right: auto;
        width: 760px;
		padding: 0;
		text-align: left;}

.body {clear: both; margin: 0 auto; width: 760px;}


        #Left {
        position:relative;
        width:570px;
        float:left; }


       #Right{
        position:relative;
        float:left;
        width:190px;}

         .musicLeft {
	    float:left;
	    top:0px;
	    width:130px;
	    margin:0 0 20px 0;
        }

         .musicRight {
	    float:left;
	    width:240px;
	    margin:6px 0 20px 30px;
        }


#banner {
  width: 760px;
  height:113px;
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
  border-bottom: 12px solid #afdbf4;
}


#figure {  width:130px; float: left; background-color: transparent;
margin: 3px 0 0 0 }

#header {  width: 600px; height: 110px; float: right;
background-color: transparent }

#hgroup {   height:94px; }


#main { position: relative; margin:0;   }


#footer {  display:block ; padding:60px 0 20px 0 }


.seo {
   clear:both;
    width:760px;
    text-align:center; }



h1,h2, h3, h4, h5, h6 {
    font-size: 1.1em;
    line-height: 1.1em;
	font-weight: normal;
    color: #1980bb;
    margin: 0;
    padding:0}

h1 {font-size: 1.4em; font-weight:bold}
/* h3 {font-weight:bold} */



#hgroup h1{
color: #0095de;
float:right;
margin: 24px 0 0 0;
width:600px;
font-size:1.2em;
line-height: 100%;
font-weight:bold }


h2 {
background: #fff url(../images/backgrounds/h2.gif) top left repeat-x;
padding: 3px 0 3px 6px; margin-bottom:8px;
letter-spacing:0.08em;
font-size: 1.2em;
font-weight:bold}

#hgroup h2 {
color: #0095de;
float:right;
margin: 5px 0 0 0;
width:600px;
background: transparent;
padding:0;
font-size:1.2em;
line-height: 100%;
font-weight:bold }


ul h1 {font-size: 1.2em; line-height: 21px; font-weight: bold; 	margin: 0px 6px 0px 0; }


h3 {
    font-size: 1.1em;
    line-height: 1.1em;
	font-weight: bold;
    color: #1980bb;
    margin: 0;
    padding:0}


         h4 {
           display: inline;
           font-size: 9pt;
           color: #187fba; }





  h2.list, h2.listTop { font-size:1em; }
  h2.list {margin:6px 0; width: 130px}


  h2.translation {margin:24px 0; width: 430px}

p {
margin:0 0 12px 0 ;
padding:0; }



p.listHeading {
color: #187fba;
margin:18px 0 0 0;
font-weight:bold}


P.note { color: #2f81a9;}
P.song { margin: 4px 0 }
P.verse {margin:12px 0 4px 0 }
p.disclaimer { margin:12px 0 }


.bold {font-weight: bold; color: #2f81a9;}

.bigger {font-size:1.2em}

.smallstuff {font-size:.9em;}

.clear {clear: both; margin: 0; padding: 0; }




/* Anchors */

a {outline: 0;}

:focus {  -moz-outline-style:none;}
*{outline: none;}
img {border: 0;}
a img {border: 0px; text-decoration: none;}

a, P.note a 		{	text-decoration: underline; color: #2f81a9; }
a:link, P.note a:link 		{	color: #2f81a9;	}
a:visited, P.note a:visited 	{	color: #2f81a9;	}
a:active, P.note a:active    {	color: #2f81a9; text-decoration:none;outline:none; 	}
a:hover, P.note a:hover 	{	color: #2a6d91;  }

P a 		{	text-decoration: underline; color: #3c3c3c; }
P a:link		{	color: #3c3c3c;	}
P a:visited	{	color: #3c3c3c;	}
P a:hover 	{	color: #3c3c3c;  }



ul.inline {   margin: 0; padding:0; list-style-type: none;}

ul.inline li { display: inline;  }

ul.inline li a {display: inline; font-size: .9em; margin: .2em .3em .2em .2em;}







ul.playList {list-style-type: none; }

ul.playList li { padding:3px ;

        color:#2f81a9; }

ul.playList li a {
          text-decoration:none;  
           border-radius: 2px;
           -moz-border-radius:2px;
           -webkit-border-radius:2px;}

ul.playList li a:hover  {
          background-color:#2f81a9;
          color: #fff;}

ul.playList li.button a {
          text-decoration:none;

          border: 1px solid #2f81a9;
           border-radius: 2px;
           -moz-border-radius:2px;
           -webkit-border-radius:2px;}



ul.legend { width:500px;  ;
        margin:0;
        padding: 0;
        font-size: 10px;
        list-style-type: none;}

ul.legend li {
    display: inline;
    padding:0;
    margin: 0 4px 0 0 }

ul.legend button {color: #2a6d91;   text-decoration:none; }

ul.legend button a {color: #2a6d91;   text-decoration:none; }


ul.legend li.button a { height: 18px;
padding:2px 2px 2px 2px;
margin: 6px 2px 0 0;
color: #2a6d91;
font-size: 1em;
line-height: 1em;
border: 1px solid #2a6d91;
border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
text-decoration:none;  }

          button {
		  width: auto;

          margin:-2px 0 0 0; padding:5px 3px 3px 3px;
          text-align: center;
          vertical-align: middle;
          background-color:#fff;
          color: #716e6e;
          border: 1px solid #2a6d91;
          font-size: 8px;
          line-height: 8px;
          border-radius: 2px;
    	   -moz-border-radius: 2px;
    	   -webkit-border-radius: 2px;
          cursor:pointer ;}





#results  {position:relative; width: 500px; float: left; margin: 25px 0 0 50px;  }


		ul#demoOne  {margin:12px 0 100px 0; padding:0; list-style-image: none;  }
        ul#demoOne li  {clear:both; color:#6b6b6b; font-weight:normal }
        ul#demoOne li a {text-decoration: none; color: #187fba; font-weight:normal   }
        ul#demoOne li a:hover {background-color: #187fba; color: #fff;    }




        ul#demoOne li p { color: #6b6b6b;  }
        ul#demoOne li p a 		{	text-decoration: underline; color: #6b6b6b; }
        ul#demoOne li p a:hover 		{	text-decoration: underline; background-color: #fff; color: #6b6b6b;  }
        ul#demoOne li p  a:link		{	color: #6b6b6b;	}
        ul#demoOne li p  a:visited	{	color: #6b6b6b;	}

        ul#demoOne ol li  {font-size: 1em;  color: #3c3c3c; margin: .1em; }


        .technology {cursor: pointer;padding:0 0 6px 0   }
        .openlanguage  {margin:15px 0 0 0; clear:both  }
        .closedlanguage  {  }
        .thelanguage {width: 400px; border-top: 1px dotted #2a6d91; margin:0 0 0 15px; padding-top:4px }




	   a.download {
		display:inline;
		background:#fff url(../images/icons/icon_download.png) no-repeat  50% 50%;
		width: 14px; height: 14px;
		padding: 1px 13px 1px 1px; margin: 0;
	    text-decoration:none;
        cursor: pointer;}

       a.download:hover  {
       background:#308ebc url(../images/icons/icon_download_white.png) no-repeat  50% 50%;
        width: 14px; height: 14px;
		padding: 1px 13px 1px 1px; margin: 0;
	    text-decoration:none;
        cursor: pointer;
        border-radius:2px;
          -moz-border-radius:2px;
          -webkit-border-radius:2px;}


	   a.dance, a.dance_ac, a.dance_do, a.dance_mom, a.dance_stockton  {
		display:inline;
        width: 22px; height: 15px;
		padding: 1px 21px 1px 1px; margin: 0;
	    text-decoration:none;
        cursor: pointer;
        border-radius:2px;
          -moz-border-radius:2px;
          -webkit-border-radius:2px; }


        a.dance  {background:#fff url(../images/icons/icon_dance.png) no-repeat  50% 50%;}
        a.dance_ac  {background:#fff url(../images/icons/icon_dance_ac.png) no-repeat  50% 50%;}
        a.dance_do  {background:#fff url(../images/icons/icon_dance_do.png) no-repeat  50% 50%;}
        a.dance_mom  {background:#fff url(../images/icons/icon_dance_mom.png) no-repeat  50% 50%;}
        a.dance_stockton  {background:#fff url(../images/icons/icon_dance_stockton.png) no-repeat  50% 50%;}



        a.dance:hover, a.dance_ac:hover, a.dance_do:hover, a.dance_mom:hover, a.dance_stockton:hover  {
        background:#308ebc url(../images/icons/dance_white.png) no-repeat  50% 50%;
        width: 22px; height: 15px;
		padding: 1px 21px 1px 1px; margin: 0;
	    text-decoration:none;
        cursor: pointer;
        border-radius:2px;
          -moz-border-radius:2px;
          -webkit-border-radius:2px;}


       a.add {
		display:inline;
		background:#fff url(../images/icons/add.png) no-repeat  50% 50%;
		width: 14px; height: 14px;
		padding: 1px 13px 1px 1px; margin: 0;
	    text-decoration:none;
        cursor: pointer;  }

        a.add:hover  {
        background:#308ebc url(../images/icons/add_white.png) no-repeat  50% 50%;
        width: 14px; height: 14px;
		padding: 1px 13px 1px 1px; margin: 0;
	    text-decoration:none;
        cursor: pointer;
        border-radius:2px;
          -moz-border-radius:2px;
          -webkit-border-radius:2px;}



        a.score {
		display:inline;
		background:#fff url(../images/icons/score_blue.png) no-repeat  50% 50%;
		width: 16px; height: 14px;
		padding: 2px 16px 1px 1px; margin: 0;
	    text-decoration:none;
        cursor: pointer;
        border-radius:2px;
          -moz-border-radius:2px;
            -webkit-border-radius:2px;
        }

        a.score:hover  {
		background:#308ebc url(../images/icons/score_white.png) no-repeat  50% 50%;
        width: 16px; height: 14px;
		padding: 2px 16px 1px 1px; margin: 0;
	    text-decoration:none;
        cursor: pointer;
        border-radius:2px;
          -moz-border-radius:2px;
            -webkit-border-radius:2px;
		 }

        a.lyrics {
		display:inline;
		background:#fff url(../images/icons/lyrics_blue.png) no-repeat  50% 50%;
		width: 44px; height: 15px;
		padding: 1px 43px 1px 1px; margin: 0;
	    text-decoration:none;
        cursor: pointer;}

        a.lyrics:hover  {
        background:#308ebc url(../images/icons/lyrics_white.png) no-repeat  50% 50%;
        width: 44px; height: 15px;
		padding: 1px 43px 1px 1px; margin: 0;
	    text-decoration:none;
        cursor: pointer;
        border-radius:2px;
          -moz-border-radius:2px;
          -webkit-border-radius:2px;}







    a.ceebox {
background:#fff url(../images/icons/video_blue.png) no-repeat 50% 50%;
  color: #2a6d91;
text-decoration:none;
font-size:1.1em;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 padding:1px 20px 2px 1px;
font-weight: normal;

}

a.ceebox:hover {
background:#308ebc url(../images/icons/video_white.png) no-repeat 50% 50%;
 padding:1px 20px 2px 1px;
color:#fff;
text-decoration:none;
}



a.sm2_link {
background:#fff url(../images/icons/icon_play.png) no-repeat 50% 50%;
width:15px; height:14px;
padding:1px 14px 1px 1px;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
font-weight: normal;
font-size: 1em;
color: #2a6d91;
text-decoration:none;
margin:0
}

a.sm2_link:hover {
background:#308ebc url(../images/icons/icon_play_white.png) no-repeat 50% 50%;
width:15px; height:14px;
padding:1px 14px 1px 1px;
color:#fff;
text-decoration:none;
}


a.sm2_playing {
background:#308ebc url(../images/icons/icon_pauseme_white.png) no-repeat 50% 50%;
width:15px; height:15px;
padding:1px 14px 1px 1px;
 _background-image:url(../images/icon_pause.gif);
text-decoration:none;
color:#fff;
}

a.sm2_playing:hover {
background:#afdbf4 url(../images/icons/icon_pauseme_blue.png)  no-repeat 50% 50%;
width:15px; height:14px;
padding:1px 14px 1px 1px;
 _background-image:url(../images/icon_pause.gif);
text-decoration:none;
color: #2a6d91;
}

a.sm2_paused {
background:#afdbf4 url(../images/icons/icon_play.png)  no-repeat 50% 50%;
width:15px; height:14px;
padding:1px 14px 1px 1px;
 _background-image:url(../images/icon_play.gif);
color: #2a6d91;
}

a.sm2_paused:hover {
background:#308ebc url(../images/icons/icon_play_white.png)  no-repeat 50% 50%;
width:15px; height:14px;
padding:1px 14px 1px 1px;
color:#fff;
text-decoration:none;
}


/*
 * Single Drop Down Menu 1.2 - CSS Temp
 * September 26, 2009
 * Corey Hart @ http://www.codenothing.com
 */




.ddmenu {
  clear:both;
  list-style: none;
  background:transparent;
  margin:0;
  padding: 0;
  width: 600px;
}

.ddmenu > li { z-index:20;
	float: left;
}

.ddmenu > li > a {
	display: block;

	text-align:center;
	padding: 4px 12px;
	text-decoration: none;
	color: #308ebc;
	font: bold  .8em Arial;
	background-color:transparent;
    border-top-left-radius: 5px;
     -moz-border-radius-topleft: 5px;
     -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-right-radius: 5px;
}







.ddmenu > li > .ddmenu-hover {
	background:#afdbf4;
    color:#308ebc;
}

.ddmenu > li ul {
	display: none;
	list-style: none;
	position: absolute;
    margin: 0;
	z-index: 90;
	padding: 0;

}

.ddmenu > li ul a {
	display: block;
	width: 152px;
    text-decoration: none;
	padding: 4px 12px;
    font: .9em Arial;
    color:#308ebc;
    letter-spacing:0.1em;
	background-color: #afdbf4;
}



.ddmenu > li ul a.ddchildhover {
	background-color: #308ebc; color: #fff;
    border-radius:2px;
          -moz-border-radius:2px;
          -webkit-border-radius:2px;
}





/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}


 #container {
	width: 760px;
	margin: 10px auto;
	padding: 0;

}


.breadCrumb
{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	height: 21px;
    overflow: hidden;

	background:#fff;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: 1em;
	background: url(../images/breadcrumbs/Chevron.gif) no-repeat 100% 0;

}
.breadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
}
.breadCrumb ul li span
{
	display: block;
	overflow: hidden;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
}
.breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background:url(../images/breadcrumbs/IconHome.gif) no-repeat 0 0;
}
.breadCrumb ul li.first a:hover
{
	background-position: 0 -16px;
}
.breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.chevronOverlay
{
	display: none;
	background: url(../images/breadcrumbs/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}


/*!
 * Single Drop Down Menu 1.2 - CSS Temp
 * September 26, 2009
 * Corey Hart @ http://www.codenothing.com
 */


		form {
          width: 170px; padding:10px;
          margin:0;
          background-color: #1880bd;
          color: #fff;
          border-radius: 5px;
    	    -moz-border-radius: 5px;
    	    -webkit-border-radius: 5px;}

        .qs_label {color:#fff; 	margin:0; font-weight:normal;  }

        .qs_input {
		width:165px;
		margin:0; padding:0;
        height:22px;
		border: 1px solid #aaa;
		border-radius: 5px;
    	 -moz-border-radius: 5px;
    	 -webkit-border-radius: 5px;
		}


#panel  { width: 500px;
	background: #fff;
    height: 25px;
	display: none;
}



p.slide { width:500px; height:18px;
    border-top:4px solid #308ebc;
    color: #2a6d91 !important;
	padding: 0; margin:0;
}




a.btn-slide {
height:18px;
padding:2px 4px;
margin: 4px 4px 0 457px;
border: 1px solid #2a6d91;
color: #2a6d91;
border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;

text-decoration:none;
font-size: .9em;
line-height: .8em;
}

a.btn-slide:hover   { background-color: #308ebc; color: #fff !important }



.active {
	background-position: right 12px;
}