body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body.class-pictures{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:0;
	margin-top:0;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	text-align:center;
}
td.left-aligned{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	text-align:justify;
}
td.mary-ellen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	text-align: justify;
}
td.contact-us{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	text-align:left;
	width:200px;
}
td.podcasts{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	text-align:left;
	vertical-align:top;
	height:25px;
}
td.podcasts a:hover {
	color: black;
}
td.sign-up{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	text-align:left;
	width:175px;
}
div.ccs-com-menu-grey {
	width:541px !important; /* mozilla */
	width:548px; /* IE */
	background-color:#BBBBBB;
	text-align:right;
	color: white;
}

td.lesson-documentation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	text-align:left;
	padding-left: 5px;
}
td.news_letter_signup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	text-align:left;
	padding-left: 5px;
}
td.left-align{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	text-align:left;
}
td.sized-left-align{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	text-align:left;
	width: 200px;
}
div.player{
margin-bottom: 5px;
}
.class-pictures{
border:none;
}
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	background-color:#cc0000;
	text-align:center;
}
th.left-aligned{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	background-color:#cc0000;
	text-align:left;
}
.admin-fieldset{
	width:320px;
	height:250px;
	}

a{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#cc0000;
	text-align:center;
}
a:hover{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	text-align:center;
}
a.black-link{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-align:center;
}
a.black-link:hover{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-align:center;
}
a.thin-black-link{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-align:center;
	font-weight:normal;
}
a.thin-black-link:hover{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-align:center;
	font-weight:normal;
}
a.music-dev-blogs{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-align:center;
}
a.music-dev-blogs:hover{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#cc0000;
	text-align:center;
}
a.ccsinstitute-link{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	}
a.ccsinstitute-link:hover{
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.error{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CC0000;
	text-align:center;
	background-color: #ffffff;
	border: 1px solid #cc0000;
}

.alert{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#CC0000;
	text-align:center;
}

#copy {
	height: 20px;
	background-color: #BBBBBB;
	color: White;
	font-size: 11px;
	text-align: right;
	padding-right: 6px;
}

#copy a {
	background-color: #BBBBBB;
	color: White;
	font-size: 11px;
	text-align: right;
	padding-left: 6px;
	text-decoration: none;
}
#copy a:hover {
	background-color: #BBBBBB;
	color: White;
	font-size: 11px;
	text-align: right;
	padding-left: 6px;
	text-decoration: underline;
}

#nextclass {
	height: 36px;
	text-align: left;
	padding:0px;
}

#main {
	text-align: justify;
	padding-right: 12px;
	margin-left: 6px;
}

#main-without-right-padding{
	text-align: justify;
}

div.index-pictures-frame{
background-color: #cc0000;
width: 128px !important; /* mozilla */
width: 136px; /* IE */
height: 155px;
*height: 170px;
text-align:center;
padding: 7px;
margin-top: 15px;
}

div.index-pictures-frame-teachers{
background-color: #cc0000;
width: 128px !important; /* mozilla */
width: 136px; /* IE */
height: 160px;
*height: 165px;
text-align:center;
padding: 7px;
margin-top: 15px;
}

div.index-picture{
height: 140px;
}

div.index-picture-teachers{
height: 135px;
}

.index-text{
vertical-align:bottom;
text-align:center;
color: White;
font-size: 12px;
font-weight:bold;
}

div.menu {
		color: White;
		font-size: 12px;
		font-weight: bold;
		text-decoration:none;
		text-align:center; 
		background-color: #cc0000;
		margin-bottom: 8px;
		padding: 8px;
		width:154px !important; /*moz width*/ 
    	width:170px; /*IE width*/ 
		cursor: pointer;
}

div.menu {
		color: White;
		font-size: 12px;
		font-weight: bold;
		text-decoration:none;
		text-align:center; 
		background-color: #cc0000;
		margin-bottom: 0;
		padding: 8px;
		width:154px !important; /*moz width*/ 
    	width:170px; /*IE width*/ 
		cursor: pointer;
}

div.menu-hover {
		color: White;
		font-size: 12px;
		font-weight: bold;
		text-decoration:none;
		text-align:center;
		background-color: #BBBBBB;
		margin-bottom: 8px;
		padding: 8px;
		width:154px !important; /*moz width*/ 
    	width:170px; /*IE width*/ 
		cursor: pointer;
}
a.menu{
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	text-align:center;
}
a.menu:hover{
	color: White;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	text-align:center;
}
#menutop {
	color: White;
	background-color: #BBBBBB;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	padding: 7px;
	margin-left: 5px;
}

#menutop a{
	color: Black;
	background-color: #BBBBBB;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	padding: 7px;
	margin-left: 5px;
}

#menutop a:hover {
	color: White;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 7px;
	margin-left: 5px;
}
div.menuright {
	color: #cc0000;
	background-color: #f2e405;
	border: 2px solid #cc0000;
	font-size: 12px;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
	margin-bottom: 8px;
	padding: 7px;
	width:124px !important; /*moz width*/ 
    width:138px; /*IE width*/
	cursor:pointer; 
}
div.menuright-hover {
	color: #f2e405;
	width: 135px;
	background-color: #cc0000;
	border: 2px solid #f2e405;
	font-size: 12px;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
	margin-bottom: 8px;
	padding: 7px;
	width:124px !important; /*moz width*/ 
    width:138px; /*IE width*/
	cursor:pointer;
}			
div.menuinside {
	color: #ffffff;
	width:154px !important; /* mozilla width */
	width: 170px; /* IE width */
	background-color:#cc0000;
	margin-bottom: 8px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
}
div.menuinside-hover {
	color: Black;
	width:154px !important; /* mozilla width */
	width: 170px; /* IE width */
	background-color: #BBBBBB;
	margin-bottom: 8px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
	cursor: pointer;
}
div.menuinside-selected {
	color: Black;
	width:154px !important; /* mozilla width */
	width: 170px; /* IE width */
	background-color:#BBBBBB;
	margin-bottom: 8px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
}
a.menuinside{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;	
		}
a.menuinside:hover{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;	
		}
div.menuinside-new {
	color: White;
	border: 2px solid #f2e405;
	width:150px !important; /* mozilla width */
	width: 170px; /* IE width */
	background-color:#cc0000;
	margin-bottom: 8px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
}
div.menuinside-new-hover {
	color: White;
	border: 2px solid #f2e405;
	width:150px !important; /* mozilla width */
	width: 170px; /* IE width */
	background-color:#BBBBBB;
	margin-bottom: 8px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
}
a.menuinside-new{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;	
		}
a.menuinside-new:hover{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;	
		}

/*
.menuinside-selected div {
	border: 2px solid white;
	padding: 5px;
}

a.menuinside-selected:hover {
	color: #Black;
	font-size: 12px;
	text-decoration: none;	
}

.menuinside-selected div:hover {
	border: 2px solid white;
	padding: 5px;
}
*/
a.menuinside-selected{
	color: #000000;
	font-size: 12px;
	text-decoration: none;	
		}

div.menuinside-disabled{
	color: White;
	width:154px !important; /* mozilla width */
	width: 170px; /* IE width */
	background-color: #BBBBBB;
	margin-bottom: 8px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
	}
div.menuinside-disabled-without-text{
	color: White;
	width:168px !important; /* mozilla width */
	width: 170px; /* IE width */
	background-color: #BBBBBB;	
	margin-bottom: 8px;
	height: 28px;
	}
div.blogs-menu{
	color: White;
	width:133px !important; /* mozilla width */
	width: 149px; /* IE width */
	background-color:#cc0000;
	margin-bottom: 8px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
	text-align:center;
	margin:0 auto;
}
div.blogs-menu-hover {
	color: White;
	width:133px !important; /* mozilla width */
	width: 149px; /* IE width */
	background-color: #BBBBBB;
	margin-bottom: 8px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
	text-align:center;
	margin:0 auto;
}	
a.blogs-menu{
	color: White;
	font-size: 12px;
	text-decoration: none;	
		}
a.blogs-menu:hover{
	color: White;
	font-size: 12px;
	text-decoration: none;	
		}	
div.admin-user-menu{
	color: White;
	width:133px !important; /* mozilla width */
	width: 149px; /* IE width */
	background-color:#cc0000;
	margin-bottom: 8px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
}
div.admin-user-menu-hover {
	color: White;
	width:133px !important; /* mozilla width */
	width: 149px; /* IE width */
	background-color: #BBBBBB;
	margin-bottom: 8px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
}
a.admin-user-menu{
	color: White;
	font-size: 12px;
	text-decoration: none;	
		}
a.admin-user-menu:hover{
	color: White;
	font-size: 12px;
	text-decoration: none;	
		}
div.headermenuinside {
	width: 180px; !important; /* Mozilla width */
	width: 180px; /* IE width */
	height: 22px;
	background-color: #BBBBBB;
}

div.headermenuinside-hover {
	width: 180px; !important; /* Mozilla width */
	width: 180px; /* IE width */
	height: 22px;
	background-color: #cc0000;
}
div.headermenuinside-clicked {
	width: 180px; !important; /* Mozilla width */
	width: 180px; /* IE width */
	height: 22px;
	background-color: #cc0000;
}

a.headermenuinside{
	vertical-align:middle;
	color: black;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font: Impact;
}
a.headermenuinside:hover{
	vertical-align:middle;
	color: White;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font: Impact;
}
a.headermenuinside-clicked{
	vertical-align:middle;
	color: White;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font: Impact;
}
a.headermenuinside-clicked:hover{
	vertical-align:middle;
	color: White;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font: Impact;
}

div.ccs-com-menu {
	position: relative;
	color: White;
	height: 20px !important; /* Mozilla same height as the player */
	height: 26px; /* IE same height as the player */
	width: 114px !important; /* mozilla */
	width: 122px /* IE */;
	background-color:#cc0000;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	vertical-align: middle;
	cursor: pointer;
	padding-top: 6px;
	vertical-align: middle;
}

div.ccs-com-menu:hover {
	background-color: #BBBBBB;
	color: #FFFFFF;
	height: 20px !important; /* Mozilla same height as the player */
	height: 26px; /* IE same height as the player */
	width: 114px !important; /* mozilla */
	width: 122px /* IE */;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	vertical-align: middle;
}

a.ccs-com-menu {
	color: white;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	vertical-align: middle;
	margin-left: 0px !important;
	margin-left: 4px;
}

a.ccs-com-menu:hover {
	color: white;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

ul.actbuttons {
	list-style-type: none;
  	overflow: visible;
  	padding: 0;
  	margin: 0;
}

li.actbuttons {
	display: inline;
	float: left;
  	border: none;
  	margin-bottom: 2px;
  	margin-right: 2px;
}

li.final {
	clear:right;
}

li.actbuttons a {
	display: block;
  	background-color:#cc0000;
  	color: white;
  	font-size: 11px;
  	font-weight: bold;
  	text-decoration:none;
  	text-align:center;
  	padding: 7px;
  	width:108px !important; /*moz width*/
  	width:120px; /*IE width*/
  	cursor: pointer;
}

li.actbuttons a:hover {
	background-color:#bbbbbb;
	color: black;
        font-size: 11px;
        font-weight: bold;
}

li.act_selected a {
	background-color:#bbbbbb;
        color: black;
        font-size: 11px;
        font-weight: bold;
}

div.playerframe {
	width: 175px !important;
	width: 182px;
	height: 27px;
	display: inline;
	float: left;
	text-align: right; 
	background-color: #cc0000; 
	padding: 0px;
}

ul.menu {
  list-style-type: none;
  overflow: visible;
  padding: 0;
  margin: 0;
}

li.menu {
  float: left;
  border: none;
  border-bottom: none;
  margin-bottom: 8px;
}

li.menu_home {
  float: left;
  border: none;
  border-bottom: none;
  margin-bottom: 0px
}

li.menu a {
  display: block;
  background-color:#cc0000;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  text-align:center;
  padding: 8px;
  width:154px !important; /*moz width*/ 
  width:170px; /*IE width*/ 
  cursor: pointer;
}

li.menu a:hover {
  background-color:#bbbbbb;
  color:#FFFFFF;
  text-decoration: none;
}

li.selected {
	border: 2px solid #cc0000;
}

li.selected a {
	display: block;
	width:150px !important; /*moz width*/
  	width:166px; /*IE width*/
	background-color:#BBBBBB;
	border: 2px solid #ffffff;
	padding: 6px;
  	color: White;
  	font-size: 12px;
  	font-weight: bold;
  	text-decoration:none;
  	text-align:center;
  	cursor: pointer;
}

li.new a {
        border: 2px solid #f2e405;
        padding: 6px;
}

li.new_home a {
	border: 3px solid #f2e405;
}
li.new_home a:hover {
	border: 3px solid #bbbbbb;	
}

li.disabled { 
	display: block;
	color:white;
	cursor: none;
	background-color:#BBBBBB;
	border: 2px solid #BBBBBB;
        padding: 6px;
	font-size: 12px;
  	font-weight: bold;
	margin-bottom: 8px;
  	width:154px !important; /*moz width*/
  	width:170px; /*IE width*/
}

li.disabled a {
	background-color:#BBBBBB;
        border: 2px solid #BBBBBB;
        padding: 6px;
        cursor: none;
}

div.ccs-com-menu-selected {
	color: black;
	height: 20px !important; /* Mozilla same height as the player */
	height: 26px; /* IE same height as the player */
	width: 114px !important; /* mozilla */
	width: 122px /* IE */;
	background-color:#BBBBBB;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	vertical-align: middle;
	padding-top: 6px;
}

a.ccs-com-menu-selected {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}

a.ccs-com-menu-selected:hover {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	margin-top: -1;
}

div.ccs-com-menu-disabled {
	color: White;
	height: 16px !important; /* Mozilla same height as the player */
	height: 26px; /* IE same height as the player */
	width: 114px !important; /* mozilla */
	width: 124px /* IE */;
	background-color: #BBBBBB;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	text-align:center;
}
div.ccs-com-menu-red {
	color: White;
	width: 97px !important; /* mozilla */
	width: 107px /* IE */;
	height: 14px !important;
	height: 24px;
	background-color:#990000;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	cursor:pointer;
}

div.ccs-com-menu-red:hover {
 	color: White;
        width: 97px !important; /* mozilla */
        width: 107px /* IE */;
	height: 14px !important;
	height: 24px;
        background-color: #BBBBBB;
        font-size: 11px;
        text-decoration: none;
        font-weight: bold;
        /*padding: 5px;*/
        cursor:pointer;
}
div.ccs-com-menu-red-selected {
	color: #000000;
	width: 96px !important; /* mozilla */
	width: 105px /* IE */;
	background-color: #BBBBBB;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	cursor:pointer;
}
a.ccs-com-menu-red-selected {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	cursor:pointer;
}
a.ccs-com-menu-red {
	color: White;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	cursor:pointer;
}
a.ccs-com-menu-red:hover {
	color: White;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	cursor:pointer;
}
div.ccs-com-menu-red-disabled {
	color: White;
	width: 96px !important; /* mozilla */
	width: 105px /* IE */;
	background-color:#BBBBBB;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
}
a.ccs-com-menu-grey {
        color:white;
        font-size: 11px;
        text-decoration: none;
        font-weight: bold;
        padding: 5px;
}
a.ccs-com-menu-grey:hover {
        color:#000000;
        font-size: 11px;
        text-decoration: none;
        font-weight: bold;
        padding: 5px;
}
a.ccs-com-menu-grey-disabled{
        color:white;
        font-size: 11px;
        text-decoration: none;
        font-weight: bold;
        padding: 5px;
}
a.menu-blog {
	color: White;
	width: 170px;
	background-color:#cc0000;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
}
a.menu-blog:hover {
	color: White;
	width: 170px;
	background-color: #BBBBBB;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
}
a.menuinsidered {
	color: White;
	width: 170px;
	background-color: #CC0000;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
}
a.menuinsidered:hover {
	color: White;
	width: 170px;
	background-color: #666666;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 7px;
}

a.submenu {
	color: White;
	width: 135px;
	background-color: #BBBBBB;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 7px;
	margin-left: 5px;
}
a.submenu:hover {
	color: White;
	width: 135px;
	background-color: #cc0000;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 7px;
	margin-left: 5px;
}

a.submenumusic {
	color: White;
	width: 130px;
	background-color: #cc0000;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 7px;
	margin-left: 5px;
}
a.submenumusic:hover {
	color: White;
	width: 130px;
	background-color: #BBBBBB;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 7px;
	margin-left: 5px;
}

a.submenumusic1 {
	color: White;
	width: 130px;
	background-color: #cc0000;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 7px;
	margin-left: 5px;
}
a.submenumusic1:hover {
	color: White;
	width: 130px;
	background-color: #BBBBBB;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 7px;
	margin-left: 5px;
}

#tenlesson {
	background-color: #BBBBBB;
	padding: 7px;
	border-left: 5px solid White;
	text-align: right;
	padding-right: 5px;
	font-size: 12px;
}

#tenlesson a {
	text-decoration: none;
	font-weight: bold;
	color: White;
}

#tenlesson a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #cc0000;
}

#border {
	border: 1px solid #BBBBBB;
}

.td1 {
	background-color: #EFEFEF;
}

.td2 {
	background-color: #F5F5F5;
}
td.top-menu {
	width: 100%;
}
div.top-menu{
	color: black;
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	background-color: #BBBBBB;
	margin-bottom: 0px;
	padding: 5px;
}

td.seperator{
height: 8px;
}

.blog-email {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #CC0000;
}

.blog-date{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
text-align:left;
}

.blog-title{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #666666;
}

.detailed-blog-title{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #000000;
}

.subcategory-title{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #CC0000;
font-weight: bold;
}

td.search-bar-box{
width: 200;
height: 15;
background-color: #CC0000;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #ffffff;
text-align:center; 
}

.searched-text {
color: #ffffff;
background-color:#FF0000;
}
.username-highlight{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #cc0000;
font-weight:bold;
}
.star{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#cc0000;;
}
.textbox{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	width:150px;
	height: 20px;
	background-color:#ffffff;
	border-bottom-width:thin;
}

.textbox-title{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	width:400px;
	height: 20px;
	background-color:#ffffff;
	border-bottom-width:thin;
}

.boutton{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#cc0000;
	font-weight:bold;
	width:160px;
	height:20px;
	text-align:center;
	background-color:#ffffff;
	border-bottom-color:#000000;
	border-color:#666666;
	}
.yellowButton{
	display: block;
	color: #cc0000;
	background-color: #f2e405;
	border: 2px solid #cc0000;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
	margin-bottom: 2px;
	padding: 1px;
	width:122px !important; /*moz width*/ 
    	width:124px; /*IE width*/ 
	padding: 2px 0px 2px 0px;
}
a.yellowButton:hover {
	font-size: 11px;
        text-decoration: none;
	color: #cc0000;
}
.trigger{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	text-align:justify;
	text-decoration:underline;
	color:#000000;
	margin-top: 0px;
	}				
.expanded{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	text-align:justify;
	text-decoration:underline;
	color:#000000;
	margin-top: 0px;
	}
.trigger-parent-testimonials{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#cc0000;
	cursor:pointer;
	padding-bottom: 50px;
	}
.trigger-parent-testimonials:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#cc0000;
	/*text-decoration:underline;*/
	cursor:pointer;
	}		
.expanded-parent-testimonials{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#cc0000;
	cursor:pointer;
	/*text-decoration:underline;*/
	}
.show{
     position:static;
     display: table;
	 left: 100px;
	 text-align:justify;
	 padding: 0px;
	}
.hide{
	position:absolute;
	height:1px;
	width:100px;
	overflow:hidden;
	text-align:justify;
	padding: 0px;
	}
.hidden-div{
	visibility: hidden;
	position: absolute;
	height: 1px;
	}
span.question-block-content{
	font-weight:normal;
	text-decoration:underline;
}
.title{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #CC0000;
	text-decoration:underline;
}
.testimonial-title{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color:#000000;
	font-weight:bold;
}
.public-pages-titles{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	font-weight:bold;
}

.innercontent
{
margin-left: 30px;
}

.right_indent{
margin-left: 60px;
text-decoration:none;
font-weight:normal;
margin-bottom:0px;
margin-top:0px;
}

.extensive_right_indent{
margin-left: 90px;
text-decoration:none;
font-weight:normal;
margin-bottom:0px;
margin-top:0px;
}

.plus-sign{
color:#cc0000;
text-decoration:none;
}

div.special_activity_btn {
	display: inline;
	float: left;
	margin-bottom: 1px;
	background-color: #990000;
	color: #ffffff;
	width: 107px;
	*width: 109px;
	height: 24px;
}

div.sa_button {
	font-size: 10px;
	font-weight: bold;
	width: 107px;
	*width: 109px;
	height: 19px;
	*height: 24px;
}

div.sa_button a {
	display: block;
	font-size: 11px;
	background-color: #990000;
	color: #ffffff;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding-top: 5px;
	cursor: pointer;
	text-decoration: none;
	
}

div.sa_button a:hover {
	color: black;
	background-color: #bbbbbb;
	font-size: 11px;
}

div.special_activity_selected {
	font-size: 11px;
	font-weight: bold;
	width: 107px;
	*width: 109px;
	height: 19px;
	*height: 24px;
	color: black;
}

div.special_activity_selected a {
	display: block;
	font-size: 11px;
	background-color: #bbbbbb;
	color: black;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding-top: 5px;
	cursor: pointer;
	text-decoration: none;
	
}

div.special_activity_selected a:hover { 
	color: black;
	font-size: 11px;
}

div.menu-red{
	color:#990000;
	background-color:#990000;
	width:328px !important; 
	width:333px;
	height:24px;
	margin-bottom: 1px;
}

div.menu-red-1btn{
	color:#990000;
	background-color:#990000;
	width:218; 
	height:24px;
	margin-bottom: 1px;
}

div.menu-red-2btn{
	color:#990000;
	background-color:#990000;
	width:107 !important; 
	width:107; 
	height:24px;
	margin-bottom: 1px;
	margin-left: 0px !important;
	margin-left: 2px;
}

.save-password{
	color: #CC0000;
	}
.faq-paragraph-align{
padding-left: 0px;
	}
div.children-music-dev{
margin-left: 40px;
margin-right: 40px;
}
span.music-dev-categories{
color:#cc0000;
text-decoration:underline;
font-size: 12px;
}
.category-title{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color: #cc0000;
text-align:left;
vertical-align:top;
cursor:pointer;
}

.article-title{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:left;
vertical-align:top;
}

/*********************************** Menu stylesheet *************************************/

#download, #download ul {
padding: 0;
margin: 0;
list-style: none;
width: 100%;
}

#download li {
float: left;
position: relative;
}

#download li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
font-size: 10px;
top: 24px;
left: 0px;
}

#download li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
font-size: 10px;
}



#playAll, #playAll ul {
padding: 0;
margin: 0;
list-style: none;
}

#playAll li {
float: left;
position: relative;
}

#playAll li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
font-size: 10px;
top: 24px;
left: 0px;
}

#playAll li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
font-size: 10px;
}

li.mainitems{
	color: White;
	width: 96px !important; /* mozilla */
	width: 105px /* IE */;
	background-color:#990000;
	margin-bottom: 2px;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	text-align:center;
	text-decoration:none;
	height: 14px !important;
	height: 24px;
}

.mainitemsover{
	color: White;
	width: 96px !important; /* mozilla */
	width: 105px /* IE */;
	background-color: #BBBBBB;
	margin-bottom: 2px;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	text-align:center;
	text-decoration:none;
}
a.mainitems{
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	}
a.mainitems:hover{
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	text-align:center;
	}

.subuls{
font-size: 10px;
display: none;
width:102px !important; /*moz width*/ 
width:102px; /*IE width*/ 
position: absolute;
top: 24px;
left: 0px;
background-color: #BBBBBB;
border-color: CC0000;
border: 2px solid #990000;
}

.subuls li{
font-size: 10px;
width: 100%;
text-align:left;
}

.subuls li a{
font-size: 10px;
text-decoration: none;
text-align:left;
}
/* personal Css */
div.menuright-small {
	background-color: #BBBBBB;
	font-size: 10px;
	text-decoration: none;
	text-align:left;
	font-weight: bold;
	padding: 5px;
	width:92px !important; /*moz width*/ 
    width:101px; /*IE width*/
}
div.menuright-smallover {
	background-color: #BBBBBB;
	font-size: 10px;
	text-decoration: none;
	text-align:left;
	font-weight: bold;
	padding: 5px;
	width:92px !important; /*moz width*/ 
    width:101px; /*IE width*/
}
a.menuright-small{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	text-align:left;
}

a.menuright-small:hover{
	color: #000000;
	font-size: 10px;
	text-decoration: none;
	text-align:left;
			}
					
.ccs_product_name {
	text-align: center;
	font-size: 14px;
	color: black;
	font-weight: bold;
}

.ccs_product_price {
	text-align: right;
	padding-right: 5px;
	font-size: 10px;
	color: black;
	font-weight: bold;
}

.ccs_product_price a:hover {
        text-decoration: underline;
	 padding-right: 5px;
        font-size: 10px;
        color: black;
        font-weight: bold;
}

a.homelink {
    color: black;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	*margin-left: 10px;
}

a.homelink:hover {
        color: white;
}

input.btn{
	background-color: #cc0000;
   	color:white;
	font-family: verdana arial;
   	font-size:10px;
   	font-weight:bold;
	border: 0px;
}

input.btn_large {
	background-color: #cc0000;
        color:white;
        font-family: verdana arial;
        font-size:14px;
        font-weight:bold;
        border: 0px;
	padding: 3px;
	width: 100px;
	height: 25px;
	cursor: pointer;
}

div.btn_large {
	background-color: #cc0000;
        color:white;
        font-family: verdana arial;
        font-size:large;
        font-weight:bold;
        border: 0px;
        padding: 3px;
        width: 80px;
	height: 19px;
	text-align: center;
	vertical-align: middle;
}

div.btn_large a:hover {
	color:white;
	text-decoration: none;
}

td.red_row {
	background: #cc0000;
	color: black;
	font-weight: bold;
}

/* for clickable menu boxes */

ul.left {
  list-style-type: none;
  overflow: visible;
  padding: 0;
  margin: 0;
  /* margin-top: 15px; */
}
ul.left li {
  float: left;
  border: none;
  border-bottom: none;
}
ul.left li a {
  display: block;
  background-color:#cc0000;
  color: White;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  text-align:center;
  margin-bottom: 8px;
  padding: 8px;
  width:154px !important; /*moz width*/ 
  width:170px; /*IE width*/ 
  cursor: pointer;
}
ul.left li a:hover {
  background-color:#bbbbbb;
  color: #000000;
  text-decoration: none;
}

ul.right {
  list-style-type: none;
  overflow: visible;
  border:#cc0000;
  padding: 0;
  margin: 0;
}
ul.right li {
  float: left;
  border: none;
  border-bottom: none;
}
ul.right li a {
  display: block;
  background-color:#f2e405;
  border: 2px solid #cc0000;
  color: #cc0000;
  font-size: 12px;
  font-weight: bold;
  text-decoration:none;
  text-align:center;
  margin-bottom: 8px;
  padding: 8px;
  width:122px !important; /*moz width*/ 
  width:138px; /*IE width*/ 
  cursor: pointer;
}
ul.right li a:hover {
  background-color:#cc0000;
  border: 2px solid #f2e405;
  color:#f2e405;
  text-decoration: none;
}

/**********************************/

a.white_link {
	color: white;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

a.white_link:hover {
	text-decoration: underline;
	color: black;
	font-weight: bold;
	font-size: 11px;
}

.yellowButton2{
	display: block;
	color: #cc0000;
	background-color: #f2e405;
	border: 2px solid #cc0000;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	margin-bottom: 2px;
	padding: 1px;
	width:140px !important; /*moz width*/ 
    	width:140px; /*IE width*/ 
	height: 35px;
	padding: 2px 0px 2px 0px;
	
}
a.yellowButton2:hover {
  color:#f2e405;
  background-color:#cc0000;
  border: 2px solid #f2e405;
  text-decoration: none;
  font-size: 11px;
}

/*a.yellowButton2:visited {
  color:#f2e405;
  background-color:#cc0000;
  border: 2px solid #f2e405;
  text-decoration: none;
}*/


/*********************************** end of Menu stylesheet *****************************/
#main-without-right-padding table tr .mary-ellen div strong {
	text-decoration: underline;
}
#main-without-right-padding table tr .mary-ellen .prelim {
	text-align: left;
	padding-left: 12px;
}
#main-without-right-padding table tr .mary-ellen #OTE {
/*	text-align: left;*/
	text-indent: 12px;
}
#main-without-right-padding table tr .mary-ellen #LML {
	padding-left: 12px;
}
#main-without-right-padding table tr .mary-ellen #Art {
	padding-left: 12px;
}
#main-without-right-padding table tr .mary-ellen #SL {
	margin-left: 12px;
}
ul.centerButtons {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}
ul.centerButtons li {
	list-style-type: none;
	display: inline;
	line-height: .5em;
}
ul.centerButtons li a {
	background-color:#CC0000;
	border: 2px solid #F2C51F;
	color: #F2C51F;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	text-align:center;
	margin-bottom: 8px;
	padding: 8px;
	width:122px !important; /*moz width*/
	width:138px; /*IE width*/
	cursor: pointer;
}
ul.centerButtons li a:hover {
	background-color:#F2C51F;
	border: 2px solid #CC0000;
	color:#CC0000;
}

#buttonGroup {
	margin-left: 50px;
	padding: 5px;
}