body {
        background: #fff url(../images/backgrounds/background.png) top repeat-x; 
		color: #3c3c3c;
		font-size: .75em;
		font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
		line-height: 1.6em;
        position: relative;
        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:380px;
        float:left; }


       #Right{
        position:relative;
        float:right;
        width:260px;}



        .musicLeft {
	    float:left;
	    top:0px;
	    width:120px;
	    margin:6px 5px 12px 0;
        }

         .musicRight {
	    float:left;
	    width:240px;
	    margin-bottom:6px;
        }

        #Left .box {
        float:left;
        width:120px;
        }

        #Left.photo {
        float: left;
        width: 220px;
        }

        #Left .bio {
        float: left;
        width: 220px;
        padding:10px
        }

        .videoLeft {
	    float:left;
	    top:0px;
	    width:340px;
        padding:0 5px;
        }

        .videoRight {
	    float:right;
	    width:240px;

        padding:15px 5px 15px 25px;
        }

#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-top:15px;   }





.seo {
   clear:both;

     width:760px;
     margin: 40px auto;
     text-align:center; }


/* Headings */

h1,h2, h3, h4, h5, h6 {
    font-size: 1.1em;
    line-height: 1.1em;
	font-weight: bold;
    color: #2f81a9;
    margin: 28px 0 4px 0;
    padding:0}

h1 {font-size: 1.3em;}


UL h1 {font-size: 1em; line-height: 21px;  	margin: 0px 6px 0px 0; }

#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: 6px 0 6px 6px;
letter-spacing:0.08em}

#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 }


h4 { border-bottom: 1px dotted #2f81a9; width:95% }





	
/* 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;  }



/* Chars */

P {margin: .2em .5em .2em 0; padding:0;}


 
footer P {
text-align:center;
line-height : 160%; 
padding: 6px;}


P.listHeading {
font-size: 1.2em;
font-weight:bold;
color: #2f81a9;
margin: 16px 0 2px 0;
padding:0; }



	
P.note {
margin: .2em 1em 0;
color: #2f81a9;}


P.song { margin: .2em .5em .2em 1em; }
 
 
P.verse {margin: 1em .5em .2em 1em;}




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

.bigger {font-size:1.2em}

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

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

 

 /* Lists */
 



UL.raquo {
    padding-left:10px;
	margin-top:10px;
    list-style-image:url("../images/icons/icon_raquo.gif");}

.raquo li { margin: 5px 4px 4px 12px;}



ul.play {
	list-style-image : url(../images/icons/icon_play.png);
    padding-left:22px; margin-top:16px}

ul.score {
	list-style-image : url(../images/icons/icon_score.png);
    padding-left:22px; margin-top:16px}



ul.dance {
	list-style-image : url(../images/icons/icon_dance.png); margin: 16px 4px 4px 6px;
    padding-left:22px; }

ul.maps {
	list-style-image : url(../images/icons/icon_map.png);
    padding-left:22px; margin-top:16px}

ul.pdf {
	list-style-image : url(../images/icons/icon_pdf.gif);
    padding-left:26px; margin-top:16px}

ul.zip {
	list-style-image : url(../images/icons/icon_winzip.gif);
    margin-top:-12px;
    margin-bottom:20px;
}

ul.video {
	list-style-image : url(../images/icons/icon_video.png);
   padding-left:22px; margin-top:16px}   

ul.lyrics {
	list-style-image : url(../images/icons/icon_lyrics.png);
    padding-left:22px; margin-top:16px}

ul.share {
	list-style-image : url(../images/icons/facebook_share_icon.gif);
    padding-left:22px; margin-top:16px}





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.legend { width:370px;
        margin: 8px 0;
        padding: 0;
        list-style-type: none;}

ul.legend li {
    display: inline;
    font-size: .9em;
    padding:0;
    margin: .4em }


button {
width: auto;
height: 18px;
font-size: .9em;
line-height: .9em;
margin:0:
padding:0 3px;
text-align: center;
background-color:#fff;
color: #2a6d91;
border: 1px solid #2a6d91;
border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
cursor:pointer ;		}



ul.legend li.button a {
padding:2px 4px 0 4px;
margin: 0 .2em 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;  }

        ul.loadtoplayer {  clear:both;
          width:260px;
            margin: 8px 10px;
            padding: 1em 0;
            list-style-type: none;  }

        ul.loadtoplayer li  {
            display: inline;
            background-color: #fff;
            color: #2f81a9;
            font-size: 1em;
            padding:0; margin:0 6px 0 0;
            line-height:2.2em  }

         ul.loadtoplayer li a {
          background-color: #308ebc;
          color: #fff;  padding: 2px 4px;
          margin:0;
          text-decoration: none;}


#mp3playlist {position: absolute; top:290px; left:450px; width:290px; margin: 0;   }


#playList { list-style-type: none; margin:0; padding: 0; }


#playList ul { margin-top:6px }

#playList ul li { margin:0 0 10px 0;
        display: inline;
        color:#2f81a9;
        text-align: center;
        font-size: .9em; }

        #playList ul li a {
          text-decoration:none; padding: .2em; margin:.2em;
          border: 1px solid #2f81a9;
           border-radius: 2px;
           -moz-border-radius:2px;
           -webkit-border-radius:2px;}



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


        #playList li .ui-selected {
          background-color:#2f81a9;
          color: #ffffff !important;
          }



/* ABC nav */

#tags { margin:20px auto 0 auto; padding: 0; background: transparent; width:730px;  }

ul#practices-filter{ display:block; width: 730px; margin: 0 auto;   padding: 0; background: transparent;}
ul#practices-filter li{ display: inline; color:#2a6d91; font-size: 1em; font-weight: bold; padding: 0;  }
ul#practices-filter li a {font-weight:normal;  padding: .1em .3em; color:#aaa; background: #FFF; text-decoration: none;}
ul#practices-filter li a:hover {padding: .1em .3em ; color: #2f81a9; border-top:1px solid  #2f81a9;border-bottom:1px solid #2f81a9}
ul#practices-filter li a.current {padding: .1em .3em ; color: #2f81a9; border-top:1px solid  #2f81a9; border-bottom:1px solid #2f81a9}


.pusher{ display:inline; padding: .1em .3em; color:#aaa; font-weight:bold; padding:0 }

.pusher label { display:inline; cursor:pointer; color: #aaa; font-weight:bold; font-size: 1em}

.mover1, .mover2, .mover3, .mover4, .mover5, .mover6, .mover7, .mover8, .mover9, .mover10, .mover11, .mover12
{display:none ; width:660px; margin:4px 0 0 50px;  }


ul.styles {margin:0 auto; line-height: 2em; color:#2a6d91; background: #FFF;}

ul.styles a {margin:0; padding: .1em .3em; color:#aaa; background: #FFF; text-decoration: none; }

ul.styles a:hover {padding: .1em .3em ; color: #2f81a9; border-top:1px solid  #2f81a9;border-bottom:1px solid #2f81a9}

ul.styles a.current {padding: .1em .3em ; color: #2f81a9; border-top:1px solid  #2f81a9; border-bottom:1px solid #2f81a9}

ul.letters {margin-bottom:10px}


#tags ul.letters li a {
display:inline;
margin: 0 1px 0 0 ;
padding: .1em .5em;
border:1px solid silver;
text-decoration:none;
color:silver;}

#tags ul.letters li a:hover,
#tags ul.letters li a.current { background-color:#2f81a9; color: #fff; font-weight: bold}

	#results  {position: relative; width: 730px; margin: 0 auto;  }

		ul#demoOne  {padding:0; margin:12px 0 100px 0; list-style-image: none; width: 370px;  }
        ul#demoOne li  {margin:0 0 6px 0; font-size: 1em;  color:#aaa;  }
        ul#demoOne li a {text-decoration: none;    }
        ul#demoOne li p { font-size: .9em;  line-height:1.6em; color: #3c3c3c; margin: 5px 0 16px 0; }
        ul#demoOne li p a 		{	text-decoration: underline; color: #3c3c3c; }
        ul#demoOne li p  a:link		{	color: #3c3c3c;	}
        ul#demoOne li p  a:visited	{	color: #3c3c3c;	}
        ul#demoOne img {padding: 0; margin: 0}
        ul#demoOne OL li  {font-size: 1em;  color: #3c3c3c; margin: .1em; }

	   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.score {
		display:inline;
		background:#fff url(../images/icons/music_blue.png) no-repeat  50% 50%;
		width: 17px; height: 17px;
		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/music_white.png) no-repeat  50% 50%;
        width: 17px; height: 17px;
		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.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.pp_video {
        background:#fff url(../images/icons/video_cyan.png) no-repeat 50% 50%;
        width: 18px; height: 13px; margin:0;
        padding: 1px 21px 1px 1px;
        text-decoration:none;
        cursor: pointer;
        border-radius:2px;
          -moz-border-radius:2px;
          -webkit-border-radius:2px;}

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



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





 		form { position: relative; width: 125px; float: right; background-color: #fff;   }

		input {
		width: auto;
		margin:5px auto;
		height:auto;
		border: 0;}






html .fb_share_link { 
padding:2px 0 0 20px; 
height:16px; 
background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; 
}
 
html .fb_share_button { 
display: -moz-inline-block; 
display:inline-block; 
padding:1px 20px 0 5px; 
height:15px; 
border:1px solid #d8dfea; 
background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; 
} 

.twitter_share {
display:inline-block; 
text-decoration:none;
padding:1px 20px 0 5px; 
height:15px; 
border:1px solid #d8dfea; 
background:url(../images/icons/icon_twitter.png) no-repeat top right; 
 }
 
 .twitter_share:hover {
color:#fff; 
border-color:#33ccff; 
text-decoration:none; 
background: #33ccff url(../images/icons/icon_twitter_hover.png) no-repeat top right; 
} 


html .fb_share_button:hover { 
color:#fff; 
border-color:#295582; 
background:#3b5998 
url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; 
text-decoration:none; } 





/* 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: 0 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
 */




.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;
}


#panel  {
	background: #fff;
    height: 60px;
	display: none;
}



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




.btn-slide {
height:18px;
padding:1px 4px;
margin: 4px 4px 0 313px;
border: 1px solid #2a6d91 !important;
border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 color: #2a6d91 !important;
text-decoration:none;
font-size: .9em;
line-height: .8em;
}





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