@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0}
img {border-style: none; }   
body{margin: 0px;padding: 0px;font: 76% Arial, Helvetica, sans-serif;
}
 
p{font-size: 1em;
	line-height: 1.3em;
	margin-bottom: 1em;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
a:link{color:#006699;font-weight:bold}

a:visited{color:#006699;font-weight:bold}
 a:hover{color:#CC0066}  
/* Miscellaneous conveniences: */ 
form label {cursor: pointer; } 
fieldset {border: none; }  
/* Form field text-scaling */ 
input, select, textarea {font-size: 100%}
ul,ol {padding-left: 3em;margin-bottom:1.5em;font-size: 1em;line-height: 1.3;}
ul li{margin-bottom:1em}
h1{font-size:2.2em;color:#006699}
h2{font-size:2em;padding-bottom:0.25em;margin-bottom:0.5em;font-weight:bold;letter-spacing:-1px;color:#CC0066}
h3{font-size:1.5em;margin-bottom:0.8em;color:#006699}
h4{font-size:1.2em;margin-bottom:0.8em;font-weight:bold}
.clear{overflow:auto;}
 /* * div{outline:1px dotted silver} */

body {background: #FFF url(assets/images/bubblewrap.jpg) repeat-y center top}

div.inner p{font-size:1.2em}
div.inner li{font-size:1em}
#content-wrap{width:auto;margin-bottom:15px;float:left}
.wrapper{width:960px;margin:0px auto;border:1px solid silver;background:#fff}

#header{position:relative;height:220px;margin-bottom:15px;z-index:50;width:960px;top:0;}
#masthead2{position:absolute;width:320px;right:0px;top:0px;border:none;text-align:center}

#search{position:absolute;width:320px;right:0px;top:125px;border:none;}
#search form{text-align:center;background:url(assets/images/search.png) no-repeat center 0px;height:40px;width:205px;margin:0 auto;position:relative}
#search legend, #search label{display:none}
#ajaxSearch_input{position:absolute;left:5px;background:none;border:none;margin:7px 0 0 7px;font-size: 1.5em;width:120px}
#ajaxSearch_submit{height: 40px;width:79px;background:transparent url(assets/images/searchbut.png) no-repeat;border:0px solid white;display: block;cursor: pointer;position:absolute;right:-5px;top:0px;text-indent: -9999px;color:transparent;outline:none;text-transform: capitalize;}
img.homeimg{margin-bottom:10px}
#ajaxSearch_submit:hover{background:url(assets/images/searchbutover.png) no-repeat ;top:0px; right:-5px;outline:none;}
#ajaxSearch_submit:active{top:1px;right:-6px;background:url(assets/images/searchbutactive.png) no-repeat ;}


#footer{margin:0 auto;margin-top:40px;width:960px;background:#fff;clear:both;background:url(assets/images/footertop.png) top center no-repeat;padding-top:5px}
#footer, #footer h2,#footer a,#footer h3{color:#666666 !important;}
#content{float:right;position:relative;padding-top:50px;width:960px;margin:0 auto;background:#fff; min-height:600px;height:auto !important;height:600px;}
#thincol2{width:300px;float:right;position:relative;margin-top:-60px;height:750px}
ul#sidemenu{position:relative;margin:0;padding:0;list-style:none;}
#sidemenu li a:link, #sidemenu li a:visited{position:absolute;z-index:100;display:block;width:300px;}
#order a:link,#order a:visited{background: url(assets/images/sidebutts.jpg) no-repeat 0px 0px;padding: 100px 0 0 0;overflow: hidden;height: 0px !important;height /**/:100px;}
#order a:hover{background: url(assets/images/sidebutts.jpg) no-repeat -300px 0px}

#facebook a:link,#facebook a:visited{top:115px;background: url(assets/images/sidebutts.jpg) no-repeat 0px -100px;padding: 80px 0 0 0;overflow: hidden;height: 0px !important;height /**/:80px;}
#facebook a:hover{background: url(assets/images/sidebutts.jpg) no-repeat -300px -100px}

#twitter a:link,#twitter a:visited{top:195px;background: url(assets/images/sidebutts.jpg) no-repeat 0px -180px;padding: 50px 0 0 0;overflow: hidden;height: 0px !important;height /**/:50px;}
#twitter a:hover{background: url(assets/images/sidebutts.jpg) no-repeat -300px -180px}


#utube a:link,#utube a:visited{top:245px;background: url(assets/images/sidebutts.jpg) no-repeat 0px -230px;padding: 50px 0 0 0;overflow: hidden;height: 0px !important;height /**/:50px;}
#utube a:hover{background: url(assets/images/sidebutts.jpg) no-repeat -300px -230px}


#lnews a:link,#lnews a:visited{top:315px;background: url(assets/images/sidebutts.jpg) no-repeat 0px -280px;padding: 115px 0 0 0;overflow: hidden;height: 0px !important;height /**/:115px;}
#lnews a:hover{background: url(assets/images/sidebutts.jpg) no-repeat -300px -280px}

#test a:link,#test a:visited{top:425px;background: url(assets/images/sidebutts.jpg) no-repeat 0px -390px;padding: 120px 0 0 0;overflow: hidden;height: 0px !important;height /**/:120px;}
#test a:hover{background: url(assets/images/sidebutts.jpg) no-repeat -300px -390px}

#dimensions a:link,#dimensions a:visited{width:120px;width:148px !important;top:550px;background: url(assets/images/sidebutts.jpg) no-repeat 0px -507px;padding: 145px 0 0 0;overflow: hidden;height: 0px !important;height /**/:145px;}
#dimensions a:hover{background: url(assets/images/sidebutts.jpg) no-repeat -300px -507px}


#unipace a:link,#unipace a:visited{width:120px !important;top:550px;left:170px !important;background: url(assets/images/sidebutts.jpg) no-repeat -180px -507px;padding: 145px 0 0 0;overflow: hidden;height: 0px !important;height /**/:145px;}
#unipace a:hover{background: url(assets/images/sidebutts.jpg) no-repeat -480px -507px}


#fatcol2{width:630px;float:left;}
#inside_fatcol2{}
.col{width:300px;position:relative}
.left{float:left;}
.inner{padding:0 10px 0 30px}
.right{float:right;padding-top:20px}

#inside_thincol{padding-right:15px}
#logo{position:relative;top:0px;height:290px;width:640px}
#logo a:link,#logo a:visited{z-index:100;background: url(assets/images/masthead.jpg) no-repeat 0px -20px;width:630px;display:block;padding: 290px 0 0 0;overflow: hidden;height: 0px !important;height /**/:290px;}
#menu{position:absolute;margin:0;padding:0;top:180px;list-style:none;width:960px;height: 73px;background-image: url(assets/images/menuback2.png);background-repeat: repeat-x;background-position:-10px center;z-index:200;}
#menu li a:link, #menu li a:visited{position:absolute;z-index:100;display:block;width:75px;padding: 73px 0 0 0;overflow: hidden;height: 0px !important;height /**/:73px;}
#home a:link, #home a:visited{background: url(assets/images/home.png) no-repeat 0px -77px;left:20px}
#home a:hover{background: url(assets/images/home.png) no-repeat 0px 0px;}
#news a:link, #news a:visited{background: url(assets/images/news.png) no-repeat 0px -77px;top:0px;left:107px}
#news a:hover{background: url(assets/images/news.png) no-repeat 0px 0px}
#music a:link, #music a:visited{background: url(assets/images/music.png) no-repeat 0px -77px;top:0px;left:195px}
#music a:hover{background: url(assets/images/music.png) no-repeat 0px 0px}
#dance a:link, #dance a:visited{background: url(assets/images/dance.png) no-repeat 0px -77px;top:0px;left:284px}
#dance a:hover{background: url(assets/images/dance.png) no-repeat 0px 0px}
#drama a:link, #drama a:visited{background: url(assets/images/drama.png) no-repeat 0px -77px;top:0px;left:371px}
#drama a:hover{background: url(assets/images/drama.png) no-repeat 0px 0px}
#faqs a:link, #faqs a:visited{background: url(assets/images/faqs.png) no-repeat 0px -77px;top:0px;left:460px}
#faqs a:hover{background: url(assets/images/faqs.png) no-repeat 0px 0px}
#contact a:link, #contact a:visited{background: url(assets/images/contact.png) no-repeat 0px -77px;top:0px;left:548px}
#contact a:hover{background: url(assets/images/contact.png) no-repeat 0px 0px}
#homebutts{position:relative;margin:0 auto;padding:0;top:0px;height:200px;list-style:none;float:left;width:960px;margin-bottom:30px}
#homebutts li a:link, #homebutts li a:visited{position:absolute;z-index:100;display:block;width:300px;padding: 200px 0 0 0;overflow: hidden;height: 0px !important;height /**/:200px;}
#music-butt a:link, #music-butt a:visited{background: url(assets/images/music-home.jpg) no-repeat 0px 0px;}
#music-butt a:hover{background: url(assets/images/music-home-over.jpg) no-repeat 0px 0px;}
#dance-butt a:link, #dance-butt a:visited{background: url(assets/images/dance-home.jpg) no-repeat 0px 0px;left:330px;top:0px}
#dance-butt a:hover{background: url(assets/images/dance-home-over.jpg) no-repeat 0px 0px;}
#drama-butt a:link, #drama-butt a:visited{background: url(assets/images/drama-home.jpg) no-repeat 0px 0px;right:0px;top:0px}
#drama-butt a:hover{background: url(assets/images/drama-home-over.jpg) no-repeat 0px 0px;}
#sidebutts{position:relative;margin:0 auto;padding:0;top:0px;height:100px;list-style:none;width:300px;margin-bottom:30px}
#sidebutts li a:link, #sidebutts li a:visited{position:realtive;z-index:100;display:block;width:300px;padding: 100px 0 0 0;overflow: hidden;height: 0px !important;height /**/:100px;}
#music-side a:link, #music-side a:visited{background: url(assets/images/music-side.png) no-repeat 0px 0px;}
#music-side a:hover{background: url(assets/images/music-side-over.png) no-repeat 0px 0px;}
#dance-side a:link, #dance-side a:visited{background: url(assets/images/dance-side.png) no-repeat 0px 0px;;top:0px}
#dance-side a:hover{background: url(assets/images/dance-side-over.png) no-repeat 0px 0px;}
#drama-side a:link, #drama-side a:visited{background: url(assets/images/drama-side.png) no-repeat 0px 0px;top:0px}
#drama-side a:hover{background: url(assets/images/drama-side-over.png) no-repeat 0px 0px;}
#thincol2 div.section div{padding:10px;border:1px solid silver;margin-bottom:5px}
p.more{align:right}
#address{border-top:2px #009CDF solid; border-bottom:2px #009CDF solid;width:932px;margin:30px auto;padding-top:10px;text-align:left}
.col {font-size:0.9em}

form#quickie{border:1px solid silver;width:560px;padding:10px}
form#quickie legend{display:block;width:100%;font-size:1.2em;font-weight:bold;margin:10px 0;}
form#quickie fieldset{margin-bottom:1em;position:relative;padding:10px}
form#quickie label{font-weight:bold;display:block;text-align:left;position:relative;margin-bottom:0.5em}
form#quickie input,form#quickie select,form#quickie submit{display:block;width:100%;margin-bottom:1em;}
br{clear:both}
form#quickie #submit2{width:auto;margin-top:1em}
.formLeft{float:left;width:45%;position:relative}
.formRight{float:right;width:45%;position:relative}
.pic-float-right{float:right;margin:0px 0px 20px 20px}


form#order{border:none;padding:10px;margin:0 auto}
form#order legend{display:block;width:100%;font-size:1.2em;font-weight:bold;margin:10px 0;}
form#order fieldset{margin-bottom:1em;position:relative;padding:10px}
form#order label{font-weight:bold;display:block;text-align:left;position:relative;margin-bottom:0.5em}
form#order input,form#order select{display:block;width:100%;margin-bottom:1em;}
form#order #submit{width:35px;margin-top:1em}
form#order #total {border:none;text-align:right}

table.datatable{border-collapse: collapse;border-spacing: 0px;display: block;margin-bottom:15px;width:98%;margin-top: 0;margin-right: auto;margin-left: auto;background-color: #FFFFFF;font-size:1em;text-align:left;vertical-align:top; }
table.datatable th{background-color:#CCCCCC;color: #000;font-weight: bold;border: 1px solid #333333;text-align:left;vertical-align:top; }
table.datatable td{border: 1px solid #333333;text-align:left;vertical-align:top;}
table.datatable th,table.datatable td{padding: 3px;text-align: left;vertical-align:top; }
table.datatable td p{margin:0;padding:0;}
table.datatable caption {font-weight: bold;padding-bottom: 0.5em;font-size: 100%;}

div.section{float:left;width:auto;clear:left;border-bottom:1px solid silver;padding-bottom:1em;margin-bottom:10px;width:100%}

div.cMenu{width:300px;float:right;position:relative;margin:0 0 20px 20px;text-align:center;}
div.cMenu div{padding:0 0 40px 20px}
div.cMenu h2{font-size:1.6em}
div.cMenu ul{margin:0;padding:0;list-style:none;font-size:1em}
div.cMenu ul li.active {display:none}