body { margin:0; padding:15px; font:12px/1.5 arial, sans-serif; } 
input, textarea, select { font:1em arial, sans-serif; }
table { font-size:1em; margin:0 auto; }
table p { margin:0; }
p, .shout, .shout2, .quote, h1, h2, h3, h4, h5, h6 { margin-bottom:25px; }
table {margin-bottom: 15px}
p {line-height: 1.8em; margin: 8px 0; padding: 0}
ul { list-style-type:square; margin:0 0 25px 40px; line-height:1.8; }
a { outline: 0 none; text-decoration: none; color: #47036A; font-weight: bold}
a:hover { text-decoration:underline; }
a img {  }
a:hover img {  }
a img.noback { background:none; padding:0; border:none; }
a:hover img.noback { background:none; padding:0; border:none; }
h1 { font-size: 24px; margin: 5px 0 20px; font-weight: bold; color: #47036A; padding: 0; text-transform: uppercase;  }
h2 { color: #47036A; font-size: 14px; text-transform: uppercase; padding: 4px 8px 8px; background:url(h2_back.gif) repeat-x bottom #C1C72F; font-weight: bold; margin: 0 0 15px  } 
h3 {color: #3793e8; font-size: 16px; text-transform: uppercase; padding: 0; margin: 0 0 15px; font-weight: bold } 
h4 {margin: 10px 0; padding:0; font-size:14px; color: #6D0983; text-transform: uppercase; font-weight: bold} 
h5 {  }
h6 {  }
pre {  }
address {  }
del {  }
img.clsleft { margin-right:20px; margin-bottom:15px; float:left; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsright { margin-left:20px; margin-bottom:15px; float:right; }
img.clsborderleft { border:1px solid #000; padding:4px; margin-right:20px; margin-bottom:15px; float:left; } 
img.clsbordermiddle { border:1px solid #000; padding:4px; margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsborderright { border:1px solid #000; padding:4px; margin-left:20px; margin-bottom:15px; float:right; }
.datatable { border-top:1px solid #000; }
.datatable th {  } 
.datatable td { border-bottom:1px solid #000; padding:8px 4px;  } 
.notes { font-size:0.9em; } 
.shout { font-size:1.2em; } 
.shout2 { font-size:1.2em; } 
.submit, .reset { cursor:pointer; outline:none; border:none; width:90px ! important; color:#fff; padding:5px; background:#6d0983; clear: both; font-weight: bold } 
.reset { background:#333; } 
.quote, blockquote {  } 
.caption { float:right; width:220px; padding:15px; margin:0 0 0 25px; } 
.custom1 {  } 
.custom2 {  } 
.border { border:1px solid #000; padding:4px; } 
.noborder { border:0; }
.clear { clear:both; }
.contact_form, .contact_form fieldset  { display:inline; }
.contact_form label { display:block; float:left; width:150px; padding:2px 0; }
.contact_form input, .contact_form textarea { width:300px; margin-bottom:8px; }
.contact_form textarea { height:140px; }
.contact_form p { text-align:right; margin-top:10px; }
ol {list-style-type:decimal; margin:0 0 25px 40px; line-height:1.8}
ol li {padding-bottom: 15px}

#container { margin:0 auto; width:955px; }
#sitelogo { display:block; height: 255px; background: white}
#left {width: 196px; float: left; margin: 0 0 10px}
#menu ul, #menu li {margin: 0; padding: 0; list-style: none}
#menu li a { padding: 8px 8px 6px; color: #47036a; font-weight: bold; width: 180px; display: block; background: #e68131; text-transform: uppercase; font-size: 13px; margin: 0 0 6px; line-height: 35px}
#menu li a:hover {text-decoration: none; color: #fffc00}
#menu li ul a {margin:0; line-height: normal; padding: 6px 8px; font-size: 12px }
#menu li.nav_out2 a {background:#3793e8}
#menu li.nav_out3 a {background:#6d0983; color: white}
#menu li.nav_out4 a {background:#c1c72f}
#menu li.submenu a {background:url(../images/navleft_top.gif) no-repeat 155px 9px; }
#menu li { float:left; width:196px; }
#menu li ul { position:absolute; width:196px ; left:-999em; z-index: 5000 }
#menu li ul ul { margin:-33px 0 0 196px; }
#menu li:hover ul ul, #menu li.sfhover ul ul { left:-999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { left:auto; margin:-33px 0 0 196px; }
#menu li ul ul { margin:-1em 0 0 10em; }
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul { left:-999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { left:auto; }


#right {float: right; width: 749px}
#head {padding: 3px 3px 0 0; height: 47px; text-align: right}
#head img {margin:0 0 0 2px}
#our_studio {width: 172px; height: 132px; background:url(our_studio.gif) no-repeat; padding: 37px 12px 0; line-height: 17px;  }
#our_studio b {color: #359ae8}
#top_pic {width: 737px; padding: 6px; background: white; height: 273px; }
#pagebody {width: 737px; padding: 6px;}

#bottom {background:url(bottom_back.gif) no-repeat bottom center; height: 179px; width: auto }
#bottom_left {float: left; width: 450px; margin: 26px 0 0; background:Url(quick_contact.gif) no-repeat; padding: 22px 0 0 5px; position: relative}
#bottom_left input, #bottom_left textarea {position: absolute;}
#bottom_left input {background:url(bottom_input.png) no-repeat; padding: 6px 8px 15px; border: 0; width: 173px; font-size: 12px; color: black }
#bottom_left textarea {background:url(bottom_textarea.png) no-repeat; padding: 6px 8px 15px; border: 0; width: 173px; font-size: 12px; color: black; height: 86px }
#bottom_name {top: 22px; left: 5px }
#bottom_telno {top: 60px; left: 5px}
#bottom_email {top: 99px; left: 5px}
#bottom_enquiry {top: 22px; left: 205px}
#bottom_left input#bottom_submit {top: 52px; left: 405px; background: none; padding: 0; height: auto; width: auto}

#bottom_inner {width: 955px; margin: 0 auto; height: 179px}


#bottom_right {width: 290px; text-align: right; padding: 24px 6px 0 0; float:right }

#news_ticker {width: 612px; padding: 9px 0 0 125px; background:url(news_ticker.gif) no-repeat; height: 29px}
#news_ticker p {margin:0; padding: 0}

.copyright {display: block; margin:13px 0 8px}
#sitewizard  {font-size: 11px}
#sitewizard a {color: black; font-weight: normal}

#timetable td {padding: 8px; font-size: 11px}
#timetable td.timetable_heading {padding:0}
#timetable p {border-bottom: 1px solid #e3e3e3}

#timetable .timetable_spacer td {height: 9px; font-size: 0; padding: 0}
#timetable .timetable_spacer_top td {height: 3px; font-size: 0; padding: 0}
.monday td, .friday td {border-top: 2px solid #e68131; border-bottom: 2px solid #e68131}
.monday td.timetable_heading, .friday td.timetable_heading {background: #e68131; vertical-align: middle}
.monday td.timetable_right, .friday td.timetable_right {border-right: 2px solid #e68131; }

.tuesday td, .saturday td {border-top: 2px solid #438be4; border-bottom: 2px solid #438be4}
.tuesday td.timetable_heading, .saturday td.timetable_heading {background: #438be4; vertical-align: middle}
.tuesday td.timetable_right, .saturday td.timetable_right {border-right: 2px solid #438be4; }

.wednesday td, .sunday td {border-top: 2px solid #6b0081; border-bottom: 2px solid #6b0081}
.wednesday td.timetable_heading, .sunday td.timetable_heading {background: #6b0081; vertical-align: middle}
.wednesday td.timetable_right, .sunday td.timetable_right {border-right: 2px solid #6b0081; }

.thurs td {border-top: 2px solid #c1c72f; border-bottom: 2px solid #c1c72f}
#timetable td strong {color: #6b0081}
.thurs td.timetable_heading {background: #c1c72f; vertical-align: middle}
.thurs td.timetable_right {border-right: 2px solid #c1c72f; }

.studio1 {background: #ededed}
.studio2 {background: #e6e6e6}
.studio3 {background: #ededed}
.studio4 {background: #e6e6e6}
#timetable .timetable_top {background: #e68131; font-size: 13px; color: #6b0081; font-weight: bold;border-right: 2px solid #e68131; font-weight: bold; }
#timetable .timetable_top_th td {padding: 4px 8px}

.term_dates, .fees1 {border-right: 1px solid #efefef}
.term_dates td, .fees1 td {border-bottom: 1px solid #efefef; border-left: 1px solid #efefef; padding: 4px}
.term_dates th, .fees1 th {background: #e68131; padding: 6px 4px; font-weight: bold; color: #6b0081; text-transform: uppercase}
.fees2 th {background: #3793e8;}
.term_dates th.heading2 {background: #3793e8; }
.term_dates th.heading3 {background: #6d0983; color: white}
.term_dates th.heading4 {background: #c1c72f; }

.inputsurround label {width: 160px; display: block; padding: 5px 5px 9px; float: left; clear: both}
.inputsurround input, .inputsurround textarea {float: left; width: 250px; margin: 5px 0 0}

#contact_details {background:url(contact_details.gif) no-repeat bottom right #e68131; padding: 0px 13px 14px 10px; color: white;  }
#contact_details h4 {margin: 10px 0 0; padding:0; font-size:14px; color: #6D0983; text-transform: uppercase; font-weight: bold}
#contact_details a {color: white; font-weight: normal}


.birthday_1 {background:url(contact_details.gif) no-repeat bottom right #e68131; padding: 0px 10px 10px 12px; color: white;}
.birthday_2 {background:url(birthday_2.gif) no-repeat bottom right #3793e8; padding: 0px 10px 10px 12px; color: white;}
.birthday_3 {background:url(birthday_3.gif) no-repeat bottom right #c1c72f; padding: 0px 10px 10px 12px; color: white;}

.birthday_1 ul, .birthday_2 ul, .birthday_3 ul {margin:  0; padding: 0; list-style: none}
.birthday_1 ul li, .birthday_2 ul li, .birthday_3 ul li {padding: 0 0 6px 20px; margin: 0; background:url(bullet.gif) no-repeat 4px 9px}
.landing img {margin: 0 4px}