/* styles for centro */

* {

margin: 0px;
padding: 0px;

}

html {

margin: 0px;
padding: 0px;

}

body {

/* height: 100%; */
margin: 0px;
padding: 0px;
text-align: center;

font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, helvetica, arial, sans-serif;
font-size: x-small;


/* background: url("../img/design/bg_beige_1px.gif") repeat-x #e3d9bb; */
/* background: url("../img/design/bg_khaki_1px.gif") repeat-x #c4c9a9; */
/* background: url("../img/design/bg_green_1px.gif") repeat-x #e0e9aa; */
background: url("../img/design/bg_gr3_1px.gif") repeat-x #e1e2ba;

/* background: #00bf47; */


/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;

}

html>body {

font-size: small;
margin-left: 0px;

}

/* end ie5 fontsize fix */


/* to prevent the dotted outline appearing when flash movies are clicked */
object {

outline: none;

}


/* main layout divs */


/* N.B. not using wrapper at present


#wrapper {

background: url("../img/design/bg_771.gif") top center repeat-y #eee;
display:inline-block;

} 

/* Hide from IE Mac \*/
#wrapper {display:block;}
/* End hide from IE Mac */

/* Hide from IE Mac \*/
* html #wrapper {height: 1%;}
/* End hide from IE Mac */


/* tony aslett float clearing technique */

/*

#wrapper:after {

content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;

}

*/

#container {

width: 755px;

margin-right: auto;
margin-left: auto;
margin-top: 10px;
margin-bottom: 0px;
padding: 0px;
border: 0px;
text-align: left;

}

/* ie5 container fixes */

/* following rule is for ie mac float problem */
#container {

display: inline-block;

}


/* following hack is for ie win only */

/* Hides from IE-mac \*/
* html #container {

height: 1%;

}

/* now reset display property for everything except ie mac */
#container {

display: block;

}
/* End hide from IE-mac */




/* ------------------- hidden links ------------------- */

#skiplinks, #skipnav, #skipcontent, #skiplogin, #flashsniffer {

position: absolute;
left: -999px;
width: 990px;

}


/* header stuff */

#header {

margin: 0px;
padding: 0px;

}

#header a.home {

cursor: pointer;
float: left;

}


/* h1 uses the smart leahy/langridge image replacement (LIR) technique */
#header h1 {

width: 300px;

padding: 60px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:60px;
	
background: url("../img/design/logo_panel_280_g.gif") no-repeat 0px 0px;

float: left;
	
}


#header #loginmenu {

width: 450px;

margin: 0px;
padding: 0px;

float: left;

}

#header #loginmenu p {

padding: 30px 10px 0px 10px;
text-align: right;

}

#loginmenu a {

color: #666;
font-weight: bold;

}

#loginmenu a.home_login {

padding-right: 15px;
background: url("../img/design/login_arrow_g.gif") center right no-repeat;

}

#loginmenu a.home_workshop {

color: #c3561e;

}




#topmenu {

width: 755px;
height: 49px;


/* should really be 15px margin but use padding to keep netscape 7 happy */
margin:  0px;
padding: 0px 0px 0px 0px;

background: url("../img/design/topmenu_bg_g.gif") no-repeat 0px 0px;

float: left;

}


#topmenu ul {

list-style: none;

padding: 11px 0px 21px 20px;
margin: 0px;

}

#topmenu li {

padding: 0px 20px 0px 15px;
margin: 0px;
float: left;

}

#topmenu a, #topmenu a:link ,#topmenu a:active, #topmenu a:visited, #topmenu a:hover {

display: block;

padding: 12px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:12px;

}

#menu_news {

width: 113px;
background: url("../img/design/menu_news.gif") no-repeat;

}

#menu_whatson {

width: 73px;
background: url("../img/design/menu_whatson.gif") no-repeat;

}

#menu_parents {

width: 54px;
background: url("../img/design/menu_parents.gif") no-repeat;

}

#menu_children {

width: 62px;
background: url("../img/design/menu_children.gif") no-repeat;

}

#menu_pupils {

width: 62px;
background: url("../img/design/menu_pupils.gif") no-repeat;

}

#menu_feedback {

width: 64px;
background: url("../img/design/menu_feedback.gif") no-repeat;

}

#menu_contact {

width: 59px;
background: url("../img/design/menu_contact.gif") no-repeat;

}

#menu_links {

width: 36px;
background: url("../img/design/menu_links.gif") no-repeat;

}

#mainbanner {

padding: 0px;
margin: 0px 0px 15px 0px;

}


#left_column {

width: 207px;
margin: 0px;
padding: 0px;

float: left;

}


#teacher_menu {

width: 207px;
margin: 0px 0px 10px 0px;
padding: 0px;

}


div.upper_sidemenu_header {

height: 42px;

background: url("../img/design/upper_sidemenu_header_bg_g.gif") no-repeat;

}


div.lower_sidemenu_header {

height: 42px;

background: url("../img/design/lower_sidemenu_header_bg_g.gif") no-repeat;

}


div.sidemenu_footer {

height: 20px;

background: url("../img/design/sidemenu_footer_bg_g.gif") no-repeat;

}

#teacher_menu_heading {

/* uses the smart leahy/langridge image replacement (LIR) technique */

padding: 35px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:35px;
	
background: url("../img/design/teacher_menu_heading.gif") no-repeat 15px 15px;

}

#teacher_menu ul {

list-style: none;
padding: 5px 10px 5px 10px;
margin: 0px;

background: url("../img/design/sidemenu_body_bg_g.gif") repeat-y;

}

#teacher_menu li {

padding: 6px 0px 6px 12px;
border-bottom: 1px dotted #ccc;

}

#teacher_menu li.active {



}

#teacher_menu li a, #teacher_menu li a:link, #teacher_menu li a:active, #teacher_menu li a:visited {

color: #333;
text-decoration: none;

}


#teacher_menu li a:hover {

color: #fff;
text-decoration: none;
background: #666;

}


#extras_menu {

width: 207px;
margin: 0px 0px 10px 0px;
padding: 0px;

}


#extras_menu_heading {

/* uses the smart leahy/langridge image replacement (LIR) technique */

padding: 34px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:34px;
	
background: url("../img/design/extras_menu_heading.gif") no-repeat 15px 15px;

}

#section_menu_heading {

/* uses the smart leahy/langridge image replacement (LIR) technique */

padding: 34px 0 0 0;
margin: 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:34px;
	
background: url("../img/design/section_menu_heading.gif") no-repeat 15px 14px;

}

#extras_menu ul {

list-style: none;
padding: 5px 10px 5px 10px;
margin: 0px;

background: url("../img/design/sidemenu_body_bg_g.gif") repeat-y;

}

#extras_menu li {

padding: 6px 0px 6px 12px;
border-bottom: 1px dotted #ccc;

}

#extras_menu li.active {



}

#extras_menu li a, #extras_menu li a:link, #extras_menu li a:active, #extras_menu li a:visited {

color: #333;
text-decoration: none;

}


#extras_menu li a:hover {

color: #fff;
text-decoration: none;
background: #666;

}


#main_column {

width: 529px;
margin: 0px;
padding: 0px 0px 0px 19px;

float: left;

}


#banner_fivetoseven {

background: url("../img/design/banner_5-7_bg.jpg") no-repeat;

}



#banner_seventoeleven {

background: url("../img/design/banner_7-11_bg.jpg") no-repeat;

}



#banner_eleventofourteen {

background: url("../img/design/banner_11-14_bg.jpg") no-repeat;

}


div.home_body_banner {

width: 529px;
height: 180px;
margin: 0px 0px 10px 0px;
padding: 0px;
cursor: pointer;

}

div.home_body_banner p {

color: #333;
margin: 0px 25px 5px 322px;
padding: 0px;
line-height: 1.25em;

}

div.home_body_banner .go {

/* uses the smart leahy/langridge image replacement (LIR) technique */

display: block;
cursor: pointer;

padding: 29px 0 0 0;
margin: 22px 0px 0px 454px;
overflow: hidden;
    
height: 0px !important;
height /**/:29px;
	
background: url("../img/design/go_button.gif") no-repeat;

}

/* not used 

div.home_body_banner p.go a {

color: #666;

}

div.home_body_banner p.go a:hover {

color: #fff;
text-decoration: none;
background: #999;

}

*/

div.home_body_banner h2 {

/* uses the smart leahy/langridge image replacement (LIR) technique */

padding: 48px 0 0 0;
margin: 0px 0px 5px 320px;
overflow: hidden;
    
height: 0px !important;
height /**/:48px;

}


#banner_fivetoseven h2 {

background: url("../img/design/banner_5-7_heading.gif") no-repeat 0px 24px;

}

#banner_seventoeleven h2 {

background: url("../img/design/banner_7-11_heading.gif") no-repeat 0px 24px;

}

#banner_eleventofourteen h2 {

background: url("../img/design/banner_11-14_heading.gif") no-repeat 0px 24px;

}

#banner_fivetoseven h2, #banner_seventoeleven h2, #banner_eleventofourteen h2 {

cursor: pointer;

}



#logos_panel {

width: 529px;
/* background: url("../img/design/logos_panel_bg.gif") no-repeat; */


}


#logos_panel img {

margin: 5px 15px 0px 0px;
border: 0px;

}


#main_content {

/* positioning of main content should really use margin, but ie5 doesn't like it */
margin: 0px;
padding: 0px;

}


#mainpanel_header {

width: 529px;
height: 35px;
background: url("../img/design/mainpanel_header_bg_g.gif") no-repeat;

}


#mainpanel_header h2 {

font-family: verdana, helvetica, arial, sans-serif;
font-size: small;
font-weight: bold;

color: #666;

padding: 10px 0px 0px 15px;

}

#mainpanel_footer {

width: 529px;
height: 18px;
margin-bottom: 10px;
background: url("../img/design/mainpanel_footer_bg_g.gif") no-repeat;

float: left;

}

#mainpanel_body {

width: 529px;

padding: 0px 0px 15px 0px;
margin: 0px;
background: url("../img/design/mainpanel_body_bg_g.gif") repeat-y;

float: left;

}

/* min-height rule and hacks */

#mainpanel_body {

height: 250px;
min-height: 250px;

}

html>body #mainpanel_body {

height: auto;

}



#mainpanel_body div.horizontalpageitem_ks1, #mainpanel_body div.horizontalpageitem_ks2 {

width: 500px;
float: left;
clear: both;

}

#mainpanel_body p {

margin: 15px 15px 0px 15px;
padding: 0px;

}

#mainpanel_body div.horizontalpageitem_ks1 p, #mainpanel_body div.horizontalpageitem_ks2 p {

margin-left: 114px;

}

#mainpanel_body p.intro {

color: #333;
padding-top: 10px;
margin-top: 0px;
font-weight: bold;
border-top: 1px dotted #ccc;

}

#mainpanel_body p.subtitle {

color: #333;
font-weight: bold;

}

#mainpanel_body p.pdf_link {

padding: 0px 0px 5px 20px;
background: url("../img/design/pdf_icon.gif") no-repeat top left;

}

#mainpanel_body p.backtotop {

text-align: right;
padding: 0px 20px 5px 20px;
/*background: url("../img/design/pdf_icon.gif") no-repeat top left;*/

}

#mainpanel_body p.smallprint {

color: #333;
font-size: xx-small;

}


#mainpanel_body p.info {

color: #999;
font-weight: bold;

}



#mainpanel_body h3 {

font-size: small;
color: #f36e32;
margin: 20px 15px 0px 15px;
padding: 0px;

}

#mainpanel_body h3.intro {

padding-top: 10px;
margin-top: 0px;
border-top: 1px dotted #ccc;

}

/* take advantage of these great offers h3 */

#mainpanel_body h3.takeadvantageheading {

/* uses the smart leahy/langridge image replacement (LIR) technique */

padding: 21px 0px 0px 0px;
margin: 25px 0px 0px 15px;
overflow: hidden;
    
height: 0px !important;
height /**/:21px;
	
background: url("../img/design/heading_takeadvantage.gif") no-repeat 0px 0px;

}

#mainpanel_body h4 {

font-size: 0.9em;
color: #cc7250;
margin: 20px 15px 0px 15px;
padding: 0px;

}

#mainpanel_body h4.tickettypeheading {

/* uses the smart leahy/langridge image replacement (LIR) technique */

padding: 35px 0px 0px 0px;
margin: 15px 0px 0px 0px;
overflow: hidden;
    
height: 0px !important;
height /**/:35px;

}

/* the various ticket type ids */

#daytripper {

background: url("../img/design/heading_daytripper.gif") no-repeat 15px 0px;

}

#daytripperplus {

background: url("../img/design/heading_daytripperplus.gif") no-repeat 15px 0px;

}

#oneday {

background: url("../img/design/heading_oneday.gif") no-repeat 15px 0px;

}

#mainpanel_body h5 {

font-size: 0.8em;
font-weight: bold;
color: #333;
margin: 20px 15px 0px 15px;
padding: 0px;

}


#mainpanel_body ul, #mainpanel_body ol {

color: #666;
margin: 15px 15px 0px 30px;
padding: 0px;

}

#mainpanel_body li {

margin: 0px;
padding: 5px;

}

#mainpanel_body img.bodyimage {

margin: 15px 15px 5px 10px;
padding: 0px;
border: 1px solid #ccc;

float: right;

}

#mainpanel_body img.bodyimagenoborder {

margin: 15px 15px 5px 10px;
padding: 0px;
border: 0px;

float: right;
clear: both;

}

#mainpanel_body img.bodyimagenofloat {

margin: 15px 10px 5px 15px;
padding: 0px;

}

#mainpanel_body img.bodyimageleft {

margin: 15px 10px 5px 15px;
padding: 0px;

float: left;

}

#mainpanel_body .imgandcaption {

margin: 15px 15px 5px 10px;
padding: 0px;

float: right;

}

#mainpanel_body .imgandcaption img {

border: 1px solid #ccc;

}

#mainpanel_body .imgandcaption p.caption {

color: #666;
font-size: xx-small;
margin: 0px;
padding: 0px;
text-align: left;

}

#mainpanel_body table {

margin: 15px 15px 0px 15px;
padding: 0px;

}

#about_heading {

background: url("../img/design/about_heading.gif") no-repeat 0px 0px;

}

#contact_heading {

background: url("../img/design/contact_heading.gif") no-repeat 0px 0px;

}


#feedback_heading {

background: url("../img/design/feedback_heading.gif") no-repeat 0px 0px;

}


#links_heading {

background: url("../img/design/links_heading.gif") no-repeat 0px 0px;

}





/* contact form stuff */


#contact {

padding: 5px 30px 0px 15px;
		
}


#contact input {

margin: 5px 0px 10px 0px;

}

#contact textarea {

margin: 5px 0px 10px 0px;

}

	
#contact #your_details {

width: 300px;
text-align: right;

}

#contact #your_details label {

padding-right: 15px;
text-align: right;

}

#contact #your_pupils label {

padding-right: 10px;

}


#contact #agree_submit {

margin: 15px 0px 0px 0px;

}


#contact #sendbutton {

}


	
#contact_form .textbox {

}


/* feedback form stuff */

#feedback {

padding: 5px 30px 0px 15px;

}

#feedback p {

margin: 0px 0px 10px 0px;
padding: 0px;

}

#feedback label {

margin: 0px 5px 0px 5px;
padding: 0px;

}

#feedback label.field {

margin: 5px 0px 0px 0px;
padding: 0px;

}

#feedback input {

margin: 5px 0px 0px 0px;
padding: 0px;

}

#feedback input.textfield {

margin: 5px 0px 10px 0px;
padding: 0px;

}

#feedback #submitbutton {



}




/* booking form stuff */

#bookingform {

padding: 5px 30px 0px 15px;

}

#bookingform p {

margin: 5px 0px 10px 0px;
padding: 0px;

}

#bookingform h3 {

margin-left: 0px;

}


#bookingform label {

margin: 0px 5px 0px 5px;
padding: 0px;

}

#bookingform .textboxgroup label {

margin: 0px 5px 0px 0px;
padding: 0px;

}

#bookingform label.hiddenlabel {

position: absolute;
left: -999px;
width: 990px;

}

#bookingform label.field {

margin: 5px 0px 0px 0px;
padding: 0px;

}

#bookingform input {

margin: 5px 0px 0px 0px;
padding: 0px;

}

#bookingform select {


}

#bookingform select option {

padding-right: 5px;

}

#bookingform input.textfield {

margin: 5px 0px 10px 0px;
padding: 0px;

}

#bookingform #submitbutton {



}


#bookingform div.checkboxgroup {

margin: 0px 0px 10px 0px;
padding: 0px;

}

#bookingform div.singlecheckboxgroup {

margin: 5px 0px 10px 0px;
padding: 0px;

}

#bookingform div.singlecheckboxgroup label {

position: relative;
top: -20px;
left: 20px;
display: block;

}



#bookingform div.checkboxgroup label {

position: relative;
top: -18px;
left: 15px;
display: block;
/*float: right;*/

}

#bookingform div.checkboxgroup input {

/*position: relative;
top: 2px; 
float: left;*/

}


#bookingform div.textboxgroup {

margin: 0px 0px 10px 0px;
padding: 0px;

}

#bookingform div.textboxgroup input {

margin: 5px 0px 5px 0px;

}



/* workshop dates table for booking form */

#bookingform table {

margin: 10px 20px 10px 0px;

}

#bookingform table th {

text-align: left;
vertical-align: top;

}

#bookingform table td {

text-align: left;

}

#bookingtextinput {

margin-top: 20px;

}

label.bookingtextlabel {

margin-top: 20px;

}




/* login/register form stuff */


#register {

padding: 5px 30px 0px 15px;

}

#login {

padding: 5px 30px 0px 15px;

}

#forgot {

padding: 5px 30px 0px 15px;

}



#register p, #login p, #forgot p {

margin: 20px 0px 5px 0px;

}

#register label, #login label, #forgot label, #contact label {

margin: 0px;
padding: 0px;

}

#register input, #login input, #forgot input {

margin: 5px 0px 10px 0px;

}

#register input.submit_button, #login input.submit_button, #forgot input.submit_button {



}

#register select, #login select, #forgot select {

margin: 5px 0px 10px 0px;
padding: 0px;

}


#register fieldset, #login fieldset, #forgot fieldset, #feedback fieldset, #contact fieldset, #bookingform fieldset {

padding: 15px;
margin: 10px 0px 15px 0px;
border: 1px solid #ccc;

}

#register fieldset p, #login fieldset p, #forgot fieldset p, #feedback fieldset p {

padding: 0px;
margin: 0px 0px 10px 0px;

}


#register legend, #login legend, #forgot legend, #feedback legend, #contact legend, #bookingform legend {

margin: 0px 0px 5px 0px;
padding: 5px;

font-weight: bold;
color: #000;

}





/* change password stuff */

#change_password_form {


}

#change_password_form label {

padding: 0px;
margin: 0px;

}

#change_password_form input {

margin: 5px 0px 10px 0px;

}


#change_password_form #submit {

display: block;

width: 140px;
height: 20px;

margin: 15px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/change_password_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}




#forgotten_password_form {


}

#forgotten_password_form p {

margin: 0px 0px 15px 0px;

}

#forgotten_password_form label {

padding: 0px;
margin: 0px;

}

#forgotten_password_form input {

margin: 5px 0px 10px 0px;

}


#forgotten_password_form #submit {

display: block;

width: 160px;
height: 20px;

margin: 15px 0px 0px 0px;
padding: 0px;
border: 0px;

font-size: x-small;
font-family: frutiger, verdana, helvetica, arial, sans-serif;

background: url("../img/design/new_password_button.gif") no-repeat;

text-indent: -1000em;

cursor: pointer;
/* hand for ie5 */
cursor: hand;

}





/* footer stuff */

#footer {

width: 755px;

margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px 50px 0px;
text-align: left;

background: url("../img/design/bg_footer.gif") top center no-repeat;

clear: left;

}


/* get rid of padding for ie */
* html #footer {

padding-bottom: 20px;

}


#footer p {

font-size: x-small;

margin: 0px;
padding: 12px 20px 10px 20px;

float: left;

color: #666;

}

#footer p.copyright {

float: right;

}

#footer p a {

color: #666;
font-weight: normal;
text-decoration: underline;

}

#footer p a:hover {

text-decoration: none;

}




/* generic tags */


p, blockquote {

line-height: 1.5em;

}


a, a:link, a:active, a:hover {

color: #4e91c0;
text-decoration: none;

}

a:visited {

color: #499396;
text-decoration: none;

}


a:hover {

text-decoration: underline;

}

a img {

border: none;

}

table {

border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
border-collapse: collapse;

margin: 0px 0px 20px 0px;
padding: 0px;

font-family: myriad, verdana, helvetica, arial, sans-serif;
font-size: xx-small;

float: left;

/* adjust font-size for everything but ie5 */
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

html>body table {

font-size: x-small;

}

/* end ie5 fontsize fix */


td, th {

border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-collapse: collapse;

padding: 5px;

}

table td p {

padding: 5px 0px 5px 0px;

}

acronym, abbr {

cursor: help;

}


/* generic classes */


.back_to_top {

text-align: right;

}

.back_to_top a, .back_to_top a:active, .back_to_top a:visited, .back_to_top a:hover {

font-weight: normal;

}

.no_break {

white-space: nowrap;

}

.error {

color: #f0082e;
font-weight: bold;

}