/*--- basic elements---- */
body{  margin:0px 0 0 0; padding:0px; font: 12px/18px Arial, Helvetica, sans-serif; color: #000000; background-color:#660000;}
#wrapper{width: 808px; padding:0px 85px 0 107px; margin: 0px auto; background:#fff url(../images/mainbg.jpg) no-repeat left top; }
#wrapinner{width: 808px; padding:0px 85px 0 107px; margin: 0px auto; background:#fff url(../images/mainbginner.jpg) no-repeat left top;}
.clear{clear:both}
.floatright{float:right}
.floatleft{float:left}
.topanchor{margin:70px 0 0 0; }
.music{float:right; margin-top:5px;}
.marginbot{padding:0 0 45px 0}

img{margin:0; padding:0; border:none}
#logo{width:808px; height:80px; padding:30px 0 0 0; margin:0;}
#wrapper h1{color:#6E709E; margin:45px 0 10px 0; padding:0 0 5px 0; font:bold 16px Arial, Helvetica, sans-serif; }
#wrapinner h1{color:#6E709E; margin:0 0 15px 0; padding:0 0 5px 0; font:bold 16px Arial, Helvetica, sans-serif; }
.breadcrumb{width:562px; text-align:right; margin:15px 0 0 0; padding:0px 15px 15px 0; color:#9F9AA7; font-size:11px;}
.breadcrumb a{text-decoration:none; color:#9F9AA7;}
.breadcrumb a:hover{text-decoration:none; color:#9F9AA7;}
.lineht{line-height:25px;}
.lineht a{color:#606064; text-decoration:none}
.lineht a:hover{color:#606064; text-decoration:none}

#m1 #l1, #m2 #l2, #m3 #l3, #m4 #l4, #m5 #l5, #m6 #l6, #m7 #l7, #m8 #l8, #m9 #l9, #m10 #l10{background-color:#660000;} 

.music{display:none}
#m1 .music{display:block}

/*--- buttons---- */
.buttonstop{width:105px; height:24px; border-right:1px solid #fff;  background-color:#ce4f36; color:#FFFFFF; font-weight:bold; float:left; text-align:center; line-height:24px; }
.buttonstop a{text-decoration:none; color:#FFFFFF; display:block}
.buttonstop a:hover{text-decoration:none; color:#FFFFFF; background:#660000}


/*--- header images---- */
.headtopleft{ height:311px; width: 361px; float:left; margin-right:3px; margin-top:1px;}
.headtopright{ height:311px; width: 444px; float:left; margin-top:1px;}
.headtopleftin{ height:150px; width: 361px; float:left; margin-top:1px;}
.headtoprightin{ height:150px; width: 447px; float:left; margin-top:1px;}


/*--- leftcol---- */
#leftcol{width:179px; padding-right:31px; float:left;}
#leftcol ul{margin:0; padding:0;}
#leftcol ul li{ border-top:1px solid #fff; padding:0; list-style-type:none; width:88px; height:28px; background-color:#ce4f36; color:#FFFFFF; font-weight:bold; float:left; text-align:center; line-height:28px;}
#leftcol ul li a{color:#FFFFFF; text-decoration:none; display:block}
#leftcol ul li a:hover{color:#FFFFFF; text-decoration:none; background:#660000;}
#leftcol ul li.marright{border-right:1px solid #fff; }
#leftcolbg{width:177px; background: #DFE0FF url(../images/leftbg.gif) no-repeat left bottom; clear:both; }


/*--- rightcol---- */
#rightcol{width:598px; padding:0px; margin:0px; float:left; color:#5F5F61;}
.rightcolContent{min-height:500px;}
#wrapper #rightcol{ padding:0; margin:0 auto;}
#wrapper #rightcol p, #wrapper #rightcol .col p{ padding:0 0 10px 0; margin:0; }

#wrapinner #rightcol { padding:0; margin:0;}
#wrapinner #rightcol p {margin:0px; padding: 0px 0 8px 0;}
.contact{width:310px; float:left;}
.col{width:260px; float:left;}
.recitals{width:500px; float:left;}
.collinks{ float:left; padding:100px 0 0 0; margin:0px;}
ul.ullinks{margin:0; padding:0 0 0 10px;}
ul.ullinks li{ list-style-type:none; background: url(../images/arr.jpg) no-repeat left top; padding: 0 0 0px 15px; margin:10px 0 0 0;}
.recitals{ padding:0; margin:0;}
.recitals h4{margin:0px; padding:0 0 0px 0; font-size:12px; }

.recitals .floatleft{ width:250px}
.recitals img{ padding:0 0 25px 0; margin:0; float:left}
.recitals a{text-decoration:none; color:#5F5F61}
.recitals a:hover{text-decoration:none; color:#5F5F61}


.col p, .collinks p, .contact p{ padding:0; margin:0; }
.col ul, .contact ul{margin:0; padding:0 0 10px 10px; float:left;}
.col ul li, .contact ul li{ list-style-type:none;}
.col a, .contact a{ color:#D07E68; text-decoration:none}
.col a:hover, .contact a:hover{ color:#D07E68; text-decoration:none}
#m2 .col a, #m5 .col a{ color:#6E709E; text-decoration:none; font-size:12px; font-weight:bold; }
#m2 .col a:hover, #m5 .col a:hover{ color:#6E709E; text-decoration:none}
#m6 .gallerytitle a, #m2 .gallerytitle a, #m7 .col a{ color:#5F5F61; text-decoration:none; font-size:12px;}
#m6 .gallerytitle a:hover, #m2 .gallerytitle a:hover, #m7 .col a:hover{ color:#5F5F61; text-decoration:none; font-size:12px;}
.faculty{ width:255px; float:left; clear:both; padding:0 0 5px 0; font-size:12px; color:#606064}
.faculty p{text-align:left; clear:both; }
.faculty img{ float:left; border:1px solid #B4045B; margin:5px 0 5px 0; padding:0px}
.facultyTitle{ float:left; padding:50px 0 0 8px; margin:5px 0 0px 0;}
.facultyTitle1{ float:left; padding:37px 0 0 8px; margin:5px 0 0px 0;}
.facultyTitle h5, .facultyTitle1 h5{ margin:0px; padding:0px; font-size:12px;}
.facultyTitle h6, .facultyTitle1 h6{ margin:0px; padding:0px; font-size:12px;}
.faculty a, .facultyinner a{ text-decoration:none; color:#B4045B; font-size:12px; }
.faculty a:hover, .facultyinner a:hover{ text-decoration:none; color:#B4045B;}

.colmarright{border-right:1px dotted #9293B6; margin-right:31px; padding-right:31px}
.title{ width:577px; font:bold 13px Arial, Helvetica, sans-serif; color:#5F5F61; background:url(../images/titlebg.gif) no-repeat bottom left; margin:0 0 15px 0; padding:15px 0 5px 0; clear:both }
.protitle{ width:577px; font:bold 13px Arial, Helvetica, sans-serif; color:#6E709E; background:url(../images/titlebg.gif) no-repeat bottom left; margin-bottom:15px; padding-bottom:5px;}
.protitle img{margin:0 4px -1px 0; padding:20px 0 0 0;}
h3{ margin:0px; padding:0 0 10px 0; font-size:13px;}
h5{ margin:0px; padding:0 0 10px 0; font-size:12px;}
h6{margin:0px; padding:0 0 10px 0; font-size:12px;}
h4{margin:0px; padding:5px 0 5px 0; font-size:12px; clear:both }
.subline{ font-style:italic; font-size:12px;}
.tab{border:#B2B1C7 1px solid;}
table.tab td{border-bottom:#B2B1C7 1px solid; padding-left:10px; }
table.tab td.rt{border-right:#B2B1C7 1px solid; padding-right:10px}
.tution{ font-size:12px; padding-left:10px; background:#E9E2C0; height:22px; font-weight:bold}
.chorus{ color:#FFFFFF; padding-left:10px; background:#BD9790; height:22px; font-weight:bold}
.pronav{ width:570px; margin:0; height:40px; padding:0; color:#FFFFFF; font:bold 12px Arial, Helvetica, sans-serif; text-align: center; line-height:15px; }
.pronav .classes{ width:75px; padding:2px 0 0 0; background: url(../images/pro-class-bg.gif) repeat-x; height:30px; float:left}
.pronav .navtution{ width:75px; padding:2px 0 0 0; background:url(../images/pro-tution-bg.gif) repeat-x; height:30px; float:left}
.pronav .certificate{ width:180px; padding:2px 0 0 0; background:url(../images/pro-certificate-bg.gif) repeat-x; height:30px; float:left}
.pronav .prof{ width:150px; padding:2px 0 0 0; background:url(../images/pro-prof-bg.gif) repeat-x; height:30px; float:left}
.pronav .exp{ width:90px; padding:2px 0 0 0; background:url(../images/pro-exp-bg.gif) repeat-x; height:30px; float:left;}
.pronav a{ color:#fff; text-decoration:none;}
.pronav a:hover{ color:#fff; text-decoration:none;}

/* gallery */
.gallerytitle{font:bold 12px Arial, Helvetica, sans-serif; color:#5F5F61; line-height:27px; margin:0 0 15px 0; padding:0; clear:both }
.gallery2{ width:535px; font:bold 14px Arial, Helvetica, sans-serif; color:#5F5F61; background: url(../images/fac-bg.jpg) repeat-x bottom left; line-height:30px; margin:0 0 15px 0; padding:0; clear:both; height:30px;}
.gallerybox{ width:140px; height:130px; float:left; }
.galleryboxsecond{ width:140px; height:auto; float:left; clear:both;}
.galleryboxtext{text-align:left;padding:4px 0 0 3px; height:30px; color:#606064; font-size:12px; font-weight:bold; line-height:13px}
.galleryboxsecond img, .gallerybox img{border:#B4045B 1px solid;}
.gallerytopnav{float:right; margin:0px; padding:0px; float:right; font-size:12px;}
.gallerytopnav img.first{margin:0 14px 0 0;}
.gallerytopnav img.sec{margin:0 0 0 14px;}
.gallerytopnav .nummargin{margin:0 0 0 9px;}
.gallerytopnav .nummargin2{margin:0 9px 0 0;}
.galhead{width:400px; float:left;}
.gallery2 a{text-decoration:none; color:#B91566;}
.gallery2 a active{text-decoration:none; color:#9B9799;}

/*students*/
.studentstitle{font:bold 14px Arial, Helvetica, sans-serif; color:#5F5F61; line-height:27px; margin:0 0 15px 0; padding:0; clear:both }
.studentstitlesmall{font:bold 12px Arial, Helvetica, sans-serif; color:#5F5F61; background:url(../images/titlebg.gif) no-repeat bottom left; line-height:27px; margin:0 0 15px 0; padding:0; clear:both }
.studentstitlesmall2{font:bold 12px Arial, Helvetica, sans-serif; color:#5F5F61; background:url(../images/titlebgsmall.jpg) no-repeat bottom left; padding:0 0 5px 0; margin:0 0 10px 0; clear:both }
.nameheight{line-height:20px;}
.studentscol{width:260px; float:left; padding: 0 20px 0 0; line-height:20px; font-weight:bold}
.studentscol p{ margin: 0 0 10px 0}
.subtitle{color:#6E709E; font-size:12px; }

/* faculty inner*/
.facultybox{width:95px; float:left; }
.facultybox img{float:left; padding:0  }
.facultyinner{ width:455px; float:left; margin-left:20px;}
.facultyinner img{float:left; margin:0; padding:0 0 10px 0}
.facultyinner p{margin:0; padding:0;}
.facultyinner .fachead{ text-align:left; font-size:13px; font-weight:bold; clear:both;}

/* form */
form{ margin:0; padding:0;}
#regform{width:378px; background-color:#F7F7FD; border-left:1px solid #D4D4D8; border-right:1px solid #D4D4D8; border-bottom:1px solid #D4D4D8; padding:15px 40px 15px 40px; margin:0}
.regtopline{width:460px; height:13px; background-color:#DFE0FF;}
.regcol1{width:175px; float:left; color:#606064; font:bold 12px Arial, Helvetica, sans-serif; margin:0; padding:0 0 6px 0; clear:both}
.regcol1 span{float:left; font-size:10px;}
.regcol2{width:190px; float:left; margin:0;  padding:0 0 6px 0;}
.frmtxt{ width:165px; height:18px; background:url(../images/frmtxtbg.gif) no-repeat left top; padding:3px 5px 0 5px; margin:0; color:#000; font:12px Arial, Helvetica, sans-serif;}
.frmtxtbox{ width:165px; height:49px; background:url(../images/frmtxtboxbg.gif) no-repeat left top; padding:3px 5px 0 5px; margin:0; color:#000; font:12px Arial, Helvetica, sans-serif;}
.regrow{clear:both; margin:0; padding:0;}
.regtxt{width:288px; float:left; color:#606064; font:bold 12px Arial, Helvetica, sans-serif;  margin:10px 0 0 0; padding:0 0 6px 0;}
.tdregtxt{color:#606064; font:bold 12px Arial, Helvetica, sans-serif;}


/*---  footer
#footer{width:577px; padding:50px 0 0 0; margin:0px auto; color:#9C9CA9; clear:both; text-align:center; font-size:12px;}
#footer p{ padding:0 0 10px 0; margin:0;}
#footer p a{color:#9C9CA9; text-decoration:none; margin:0 6px;}
#footer p a:hover{color:#9C9CA9; text-decoration:none;}
#footer .color1{color:#A09A9A;} ---- */


/*---  footer ---- */
#footer{width:577px; padding:50px 0 0 0; margin:0px auto; color:#9C9CA9; clear:both; text-align:center; font-size:11px;}
#footer p{ padding:0 0 10px 0; margin:0;}
#footer p a, #footer a{color:#9C9CA9; text-decoration:none; margin:0 6px;}
#footer p a:hover{color:#9C9CA9; text-decoration:none;}
#footer .color1{color:#A09A9A;}
#footer .bullet{padding:0 3px 3px 3px;}

/*---  newsletter---- */
#newsletter{ height:250px;}

/*maps*/
.mapspacing{margin:0px 15px 3px 0; float:right}
.mapspacing img{margin:0 0 2px 0;padding:0;}
.mapspacing p{margin:0; clear:both; padding:0; color:#5F5F61; text-decoration:none}
.mapspacing a{color:#5F5F61; text-decoration:none; padding:0 0 55px 0; clear:both; }
.mapspacing p.marginbot{padding:0 0 45px 0}