body{
  color:#000;
  margin:0px;
  padding:0px;
  font-family:"verdana", "arial",sans-serif;
  font-size:11pt;
  z-index:auto;
  background-color:#ffffff;
}
a{
  color:#1631ba;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
.centre{
  text-align:center !important;
}
table{
  margin:0 auto;
  padding:0;
  border-collapse:collapse;
  border:0;
  background-color:transparent;
  width:100%;
}
table tr{
  margin:0;
  padding:0;
}
table td{
  vertical-align:top;
  padding:0px 0.2em;
}
table td.left{
  text-align:left;
  width:50%;
  padding-left:0px;
}
table td.right{
  width:50%;
  text-align:right;
  padding-right:0px;
}
div.clearer{
  clear:both;
  height:0;
  width:0;
  position:static;
  border:0;
  background-color:transparent;
}
h1,
h2,
h3{
  font-weight:normal;
  text-align:left;
  margin:0.2em auto 0.2em auto;
  padding:0;
}
h1{
  text-align:center;
  font-size:1.3em;
}
.subtitle{
  font-size:1.1em;
  text-align:center;
  margin:0 auto 0.2em auto;
  font-weight:normal;
}
h2{
  font-size:1.2em;
}
h3{
  font-size:1.1em;
}
p{
  text-align:left;
  margin:0.5em 0 1em 0;
  line-height:1.2em;
  padding:0;
  z-index:auto;
  width:auto;
}
div.indent{
  margin:0.3em 1em;
  width:auto;
}
img{
  border:0;
  vertical-align:middle;
}
.external{
  background:transparent url('images/external.gif') no-repeat scroll right center;
  padding-right:13px;
}
code{
  font-family:"Courier", monospace;
  font-style:normal;
}
#browser_warning{
  padding:2px 0;
  font-size:0.9em;
  text-align:center;
  font-family:sans-serif;
  color:#fff;
  background-color:#000;
  display:none;
}
#browser_warning a{
  color:#55ffff;
}
#wrapper{
  background:transparent none;
  margin:5px auto;
  border:0;
  color:#000000;
  z-index:auto;
  padding:0;
  width:92%;
  min-width:700px; /* allows for approx. 100 pixel widths in the (15%) left- and right-hand columns */ 
  clear:both;
}
#title{
  width:100%;
  text-align:right;
  z-index:auto;
  padding:0;
  border-bottom:0px;
  margin:0px;
  position:relative;
  vertical-align:middle;
  position:relative;
  overflow:hidden;
  min-height:150px;
  background:#2c5a92 url("images/bg_banner.gif") repeat-y scroll center right;
}
#title h1{
  font-size:2.4em;
  margin:10px 10px 0 0;
  padding:0;
  text-align:right;
  font-family:"Times New Roman",serif;
  font-weight:bold;
  color:#fff;
}
#title h2{
  font-size:0.9em;
  text-align:right;
  padding:0;
  color:#ffffff;
  margin:0 10px 0 0;
}
#title a{
  color:#d2dbff;
}
#op{
  position:absolute;
  left:-18px;
  top:-8px;
}
#ox{
  margin:5px;
}

#menu{
  width:100%;
  font-size:1em;
  margin:0;
  padding:0px;
  z-index:100;
  clear:both;
  float:left;
  position:relative;
  background:#1b446f url("images/bg_menu.gif") repeat-x scroll 0% 50%;
}
#menu ul{
  clear:left;
  float:left;
  width:100%;
  list-style:none;
  margin:0 auto;
  padding:0;
}
#menu ul li{
  display:inline;
  list-style:none;
  margin:0px;
  padding:0px;
  float:left;
  position:relative;
  white-space:nowrap;
}
#menu a{
  background:#1b446f url("images/bg_menu.gif") repeat-x scroll 0% 50%;
  display:block;
  padding:0.3em 1em;
  text-align:left;
  color:#ffffff;
  text-decoration:none;
  position:relative;
  left:0;
}
#menu a:hover,
#menu li a:focus{
  background:#1b446f url("images/bg_menu_inv.gif") repeat-x scroll 0% 50%;
  color:#fff;
}
#menu li ul a:hover,
#menu li ul a:focus{
  background-color:#1b446f;
  background-image:none;
  color:#fff;
}
#menu a.active,
#menu a.active:hover,
#menu a.active:focus{
  background-color:#1e2953;
  background-image:none;
  color:#fff;
}
#menu a.half_active{
  background-color:#1b446f;
  background-image:none;
  color:#fff;
}
#menu a span{
  display:block;
}
#menu li ul{
  display:none;
  position:absolute;
  visibility:hidden;
  z-index:0;
  padding-right:3em;
  padding-bottom:3em;
}
#menu li:hover>ul,
#menu li:focus>ul{
  visibility:visible;
  display:block;
  position:absolute;
  top:1.7em;
  left:0;
  z-index:999;
}
#menu li li:hover ul,
#menu li li:focus ul{
  display:block;
  position:absolute;
  left:100%;
  top:0;
  z-index:999;
}
#menu a.pf{
  background:#1b446f url("images/pf/bg_menu_pf.gif") repeat-x scroll 0% 50% !important;
}
#menu a.pf:hover{
  background:#1b446f url("images/pf/bg_menu_pf_inv.gif") repeat-x scroll 0% 50% !important;
}
#menu a.ph{
  background:#1b446f url("images/bg_menu.gif") repeat-x scroll 0% 50% !important;
}
#menu a.ph:hover{
  background:#1b446f url("images/bg_menu_inv.gif") repeat-x scroll 0% 50% !important;
}
#menu>ul>li>ul>li{
  min-width:100%;
}
#menu li li a{
  background:transparent url('images/black.85.png') repeat scroll 0% 0%;
  color:#fff;
  z-index:999 !important;
}
#menu>ul>li>a{
  text-transform:uppercase;
}
#breadcrumb{
  clear:both;
  background-color:#ededed;
  margin:0;
  border:0;
  text-align:left;
  position:relative;
  z-index:0;
  font-size:0.8em;
}
#breadcrumb{
  vertical-align:middle;
  white-space:nowrap;
  vertical-align:middle;
  height:1.3em;
  padding:0.3em 0.5em;
}
.review_quote,.review_attrib{
  color:#888888;
}
.review_quote{
  margin:0 auto;
  background-color:transparent;
  padding:3px 3px 2px 3px;
  color:#000000;
}
.review_attrib{
  margin:0px auto 0.5em auto;
  text-align:left;
  padding:0px 3px 4px 3px;
}
.discography,.op_shop{
  text-align:center;
  margin:5px auto;
}
.caption_wrapper{
    display:inline-block;
    vertical-align:top;
  text-align:center;
  margin:0.4em 1em;
  font-size:0.9em;
}
.caption_wrapper img{
  padding:0px;
  margin:2px;
}
div.caption_wrapper_of{
  display:block;
  margin:10px auto;
  vertical-align:top;
  text-align:center;
  font-size:0.9em;
}
div.caption_wrapper_of img{
  padding:0px;
  margin:2px;
}

input,textarea{
  border:1px solid #888888}
form .submit{
  cursor:pointer;
  font-weight:bold;
}
form .reset{
  cursor:pointer;
}
form .clear,
  form .cancel{
  cursor:pointer;
  font-weight:normal;
  background-color:#ba1616;
  color:white;
}
form input.delete,form input.bad,
form input.delete:hover,form input.bad:hover{
  cursor:pointer;
  background-color:#ba1616 !important;
  color:white !important;
  background-image:none !important;
}
form .special,
  form .finish,
  form .continue,
  form .bgalert,
  form input.good,
  form input.good:hover{
  color:#000 !important;
  background-color:#a0dc89 !important;
  background-image:none;
}
form .bgalert{
  border-color:#ba1616;
}
form .normal{
  background-color:#fffaaf;
}
form .clicked{
  background-color:#ededed !important;
  color:#000 !important;
}
fieldset legend{
  font-size:0.9em;
  font-weight:bold;
}
fieldset .notes{
  color:#666;
}
.button{
  display:inline !important;
  vertical-align:middle;
}
.button a,
input[type='submit'].bt{
  margin:0.5em auto !important;
  background:#1b446f url("images/bg_menu.gif") repeat-x scroll 0% 50%;
  color:#fff;
  padding:0.5em !important;
}
.button a{
  text-transform:uppercase;
}
.button a:hover,
input[type="submit"].bt:hover{
  background:#1b446f url("images/bg_menu_inv.gif") repeat-x scroll 0% 50%;
  color:#fff;
  text-decoration:none;
}
input.disabled,input.disabled:hover{
  background-color:#ededed;
  background-image:none;
  color:#888;
}
input.normal{
  background:#eee none !important;
  color:#000 !important;
  padding:2px !important;
  margin:2px !important;
}

#calendar{
  margin:0px auto 10px auto;
  color:#000;
  font-size:0.9em;
  position:relative;
  padding:5px;
  border-color:#888888;
  border-width:0 0 0px 0;
  border-style:solid;
  border-collapse:collapse;
}
#calendar td{
  color:#999;
  text-align:center;
  padding:1px;
}
#calendar td a{
  color:#000;
  display:block;
  width:100%;
}
#calendar abbr{
  border:0;
}
#cal_loading{
  display:none; /* fades in slowly via jQuery */
  position:absolute;
  bottom:0;
  right:0;
  padding:2px;
  z-index:100;
  background-color:#ddd;
}
.calendar-prev,.calendar-next{
  display:block;
  position:absolute;
  top:5px;
}
.calendar-prev{
  left:5px;
}
.calendar-next{
  right:5px;
}
#calendar td.cal_today{
  color:#000;
  font-weight:bold;
  padding:0;
}
.cal_residency_event{
  background-color:#88ccff;
}
.cal_concert{
  background-color:#ffff00;
}
.cal_past{
  background-color:#efefef;
}

#tooltip{
  font-size:0.9em;
  position:absolute;
  padding:0;
  z-index:101;
  text-align:left;
  background-color:#1e2953;
  color:#fff;
  max-width:500px;
  margin:0;
}
#tooltip h1{
  font-size:1.1em;
  text-align:left;
  margin:0;
  padding:0;
  font-weight:bold;
}
#tooltip .event_date{
  text-align:left;
}
#tooltip .calendar_event_series{
  font-style:oblique;
  font-size:0.9em;
}
#tooltip p{
  text-align:justify;
  margin:0.5em 0 0 0;
}
#tooltip .error{
  color:#fff;
  background-color:#800000;
}
#tooltip div.event_tooltip{
  border:1px solid #888888;
  clear:both;
  padding:0.3em;
  color:#000;
  background-color:#fff;
}
#tooltip div.event_tooltip+div.event_tooltip{
  border-top:0px;
}
.in_cal_caption,.in_cal_today,.tooltip_general{
  padding:0.3em !important;
  border:1px solid #ddd;
}
#tooltip img{
  max-height:8em;
  float:right;
  margin:0.1em 0px 5px 5px;
  border:1px solid #fff;
}

#alert{
  position:fixed;
  text-align:center;
  font-size:1.05em;
  background-color:#1e2953;
  color:#fff;
  top:25%;
  width:50%;
  left:25%;
  padding:5px;
  border:2px solid #ddd;
  z-index:999;
}

#nav ul,.sidebar_links ul{
  margin:0.5em 0 0 0;
  padding:0;
  list-style-type:none;
  list-style:none;
  font-size:0.9em;
}
#nav h1{
  font-size:1em;
  font-weight:bold;
  margin:0;
  text-align:left;
}
#nav ul li {
  margin:0.3em 0;
  padding:0;
  background:transparent;
}
#nav h2{
  font-size:1em;
  font-weight:bold;
}
#nav ul ul{
  margin:0.3em 0 0 0;
  padding:0;
}
#nav ul ul li{
  margin-left:1em;
}
#nav ul ul ul{
  padding:0;
  font-size:1em;
  margin:0.3em 0 0 0;
}

.sidebar_links{
  text-align:left;
  padding:10px;
  background-color:#ededed;
  margin:1em auto;
  font-weight:bold;
  position:relative;
}

#footer{
  font-size:0.85em;
  background-color:#ededed;
  margin:0;
  clear:both;
  border:0;
  text-align:left;
  padding:5px 5px 7px 5px;
}
#footer_right{
  float:right;
  margin-left:4em;
}
#footer p{
  text-align:center;
}
#bottom_links{
  margin:10px auto;
  text-align:center;
  font-size:0.8em;
  color:#888;
}
#bottom_links a{
  color:#888 !important;
}


.error,
.broken,
.warning,
.red{
  color:#ba1616 !important;
}

.green{
  color:#106112 !important;
}

.notes{
  font-style:oblique;
  color:#666;
}

div.notes{
  text-align:center;
  clear:both;
  font-size:0.9em;
}

div.special_notice{
  text-align:center;
  width:40%;
  padding:3px;
  background-color:#b7ffc3;
  border:1px solid #888;
  margin:1em auto;
}


.search_pagination{
  z-index:1;
  float:left;
  width:40%;
  margin-right:10px;
  text-align:left;
}
.sortbox{
  z-index:0;
  width:40%;
  font-size:0.9em;
  margin-left:10px;
  float:right;
  text-align:right;
}
.sortbox form,.sortbox fieldset{
  border:0;
  padding:0;
  margin:0;
}
.sortbox select{
  padding:2px;
  background-color:#eee;
  border:1px solid #888;
  margin:2px 0;
}
div.search_nav{
  width:90%;
  font-size:0.9em;
  border:0;
  margin:10px auto 10px auto !important;
}
.page_no{
  color:#555;
}
.page_no span{
  color:#000;
  font-weight:bold;
}
.page_no a,
a.hoverbg{
  color:#1631ba;
  background-color:transparent;
  text-decoration:none;
}
.page_no a:hover,
a.hoverbg:hover{
  background-color:#1631ba;
  color:#fff;
  text-decoration:none;
}
.search_pagination_end{
  width:80%;
  margin:0.5em auto;
  text-align:center;
}

div.details_toggle{
  display:block;
  z-index:2;
  font-size:0.9em;
  margin:0.5em auto 0 auto !important;
  clear:both;
  text-align:center;
}

form#sitemap_general input{
  border:1px solid #383838;
  background-color:#cfffff;
}
form#sitemap_general ul{
  list-style:none;
}
form#sitemap_general li{
  margin-top:5px;
}

.main_content h1{
  font-size:1.1em;
  text-transform:uppercase;
  color:#cc0066;
  text-align:center;
  font-weight:bold;
}
.main_content h2,
.main_content h3,
.main_content h4,
.main_content h5,
.main_content h6{
  margin:0.5em auto 0.1em auto;
  font-size:1.1em;
  text-align:left;
  color:#84694c;
  font-weight:bold;
}
.main_content h2.subtitle{
  margin:0 auto 0.5em auto;
  text-align:center;
  font-weight:bold;
  font-size:1.1em;
}
.main_content h3.subtitle{
  margin:0 auto 0.5em auto;
  font-size:1em;
  color:#000;
  margin:0;
}
.main_content p{
  text-align:left;
  margin:0.5em auto 1em auto;
  line-height:1.2em;
  padding:0;
  z-index:auto;
}
.outline{
  background-color:#fff;
  border:1px solid #888888;
  padding:3px;
  margin:5px;
}
p img{
  float:left;
  margin:0 10px 5px;
}
p.centre img{
  float:none;
  margin:0;
}
img.right_img{
  float:right;
  margin:0 0 5px 10px;
}
img.left_img{
  float:left;
  margin:0 10px 5px 0;
}
table.travel_info{
  width:80%;
  margin:10px auto;
}
table.travel_info th,
table.travel_info td{
  text-align:left;
  vertical-align:top;
  padding:5px;
}

table.fee_info,
table.price_info{
  width:60%;
  margin:10px auto;
}
table.fee_info th,
table.fee_info td,
table.price_info th,
table.price_info td{
  border:1px solid #888;
  padding:2px 5px;
}
.event,.box{
  clear:both;
  width:80%;
  min-width:250px;
  font-size:0.9em;
  background-color:#ededed;
  padding:15px;
  margin:1em auto 2em auto;
  z-index:2;
  position:relative;
}
.event.last{
  margin-bottom:1em;
}
.event h3,.box h3{
  color:#000;
  font-weight:bold;
  text-align:left !important;
  font-size:1.1em;
  margin:0;
}
.event .event_date,.box h3{
  color:#CC0066 !important;
  font-size:1.1em !important;
}
.event_title{
  font-weight:normal !important;
}
.toTop{
  color:#888;
  font-size:0.9em;
}
.toTop:hover{
  color:#000;
}
.event h3 .event_date.past{
  color:#444 !important;
}
.event h3 .event_date.past span{
  font-size:0.8em;
  font-weight:normal;
}
.event h3 .event_series{
  font-size:1.1em;
  font-weight:normal;
  font-style:oblique;
}
.event .event_works,.event .event_performers{
  list-style-type:none;
  list-style-image:none !important;
  padding:0;
  margin:1em;
}
.event_works li,.box li{
  margin:0.5em 0;
}
.event_works .event_works_composer{
  font-weight:bold;
  text-transform:uppercase;
  font-size:1em;
}
.event_performers_name{
  font-weight:bold;
}
.event_performers_role{
  font-weight:normal;
  font-size:0.9em;
  margin-left:0.3em;
}
.event_supporters{
    font-size:0.8em;
}
.event_admission{
  margin:1em 0;
}
.event_promotion{
  margin:0.5em auto;
  width:90%;
  text-align:center;
}
.event_description{
  margin:1em 0;
  text-align:justify;
}
.event_booking{
  clear:both;
  margin:0.5em 0;
}
.event_boxoffice{
  font-weight:bold;
  float:right;
  text-align:right;
  color:#003399;
}
.event_img img,.box img{
  background-color:#fff;
  float:right;
  clear:right;
  margin:0 0 5px 5px;
  padding:3px;
  border:1px solid #888888;
}
.event_img img,
.box img{
  max-width:100px;
  height:auto;
}
.pfm .event_img img{
  max-width:80px;
	height:auto;
}
.event .caption_wrapper,.box .caption_wrapper{
  margin:0.5em 0;
}
.event p,.box p{
  margin:0.5em auto 1em auto;
}
.event table,.box table,table.schedule{
  border-collapse:collapse;
  background-color:#fff;
  width:90%;
  margin:5px auto;
}
.event table td,.box table td,table.schedule td{
  padding:0 0.2em;
  border:1px solid #eee;
}
caption{
  font-weight:bold;
  text-transform:uppercase;
}
.event table caption,.box table caption,table.schedule caption{
  text-align:left;
  padding:0 0.2em;
}

dt{
  font-weight:bold;
  float:left;
  margin-right:1em;
}

.home_left,.home_right,.home_top{
  margin-top:10px;
}
.home_left{
  width:100%;
  background:transparent;
  float:left;
  margin-right:-500px !important;
}
.home_right{
  width:320px;
  float:right;
  overflow:hidden;
}
.home_top .box{
  width:auto !important;
  margin:0 auto 1em auto;
  padding:15px;
  vertical-align:middle;
  background-color:#ededed;
  border:0;
  min-height:5em;
}
.home_left .event,.home_left .box,
.home_right .event, .home_right .box{
  font-size:0.9em;
  width:auto !important;
  padding:15px;
  vertical-align:top;
  background-color:#ededed;
  border:0;
  min-height:2em;
}
.home_left .event,.home_left .box{
  margin:0 340px 1em 0 !important;
}

.home.banner{
  width:auto !important;
  margin:10px auto 5px auto;
  padding:15px;
  background-color:#ededed;
  border:0;
  min-height:5em;
}
.home.banner h2{
  color:#CC0066;
  font-weight:bold;
  text-align:left !important;
  font-size:1.1em;
  margin:0;
}
.home.banner .links a{
  white-space:nowrap;
  font-weight:bold;
}

.home.events{
  width:49.9%;
  float:left;
  background-color:transparent;
  border:0;
  vertical-align:middle;
}
.home.news{
  width:49.9%;
  float:right;
  background-color:transparent;
  border:0;
  vertical-align:middle;
}
.home.events>div,.home.news>div{
  width:auto;
  margin:5px 0 10px 0;
}
.home.events>div{
  margin-right:5px;
}
.home.news>div{
  margin-left:5px;
}


.std{
  width:80%;
  margin:0.5em auto 1em auto;
  padding:1em;
  background-color:#ededed;
}
.std input:focus,.std textarea:focus{
  border-color:#000;
}
.std td{
  padding:8px 3px;
}
.std colgroup.labels{
  width:30%;
}
form.std{
  padding:1em;
}
form.std a,form.std a:focus,form.std a:hover{
  color:blue;
}
.std .input_wrap{
  margin-bottom:0.8em;
  cursor:move;
}
.ui-sortable-placeholder{
  margin-bottom:0.8em;
  background-color:#ffc;
}
.std input,
.std select,
.std textarea{
  border:1px solid #888;
  font-family:sans-serif;
  margin:2px;
  padding:2px;
  background-color:#fff;
  color:#000;
  z-index:3;
  font-size:1em;
  position:relative;
}
.std input[disabled],.std textarea[disabled]{
  border-style:dotted;
}
.std textarea{
  width:90%;
  display:block;
  margin:2px auto;
}
input[type='submit'],
input[type='checkbox'],
input[type='button'],
select{
  cursor:pointer;
}
.success,.failure{
  margin:5px;
  font-size:0.9em;
}
.success{
  color:#106112;
}
.failure{
  color:#ba1616;
}
.std .error{
  margin:5px;
  line-height:150%;
}
.std .fieldname{
  padding:0 0 1px 0;
  margin:0 0 1px 0;
  border-bottom:1px dotted #888;
}
.std .fieldname:hover{
  border-style:none none solid none;
}
.std .validated{
  border-color:#106112 !important;
}
.std .invalid{
  border-color:#ba1616 !important;
}
.std .required_symbol{
  color:#ba1616;
  font-size:0.9em;
}

.hint{
  color:#666;
  font-size:0.9em;
  font-style:oblique;
}
div.hint{
  margin:0 auto 2px auto;
  text-align:left;
}
span.hint{
  padding:0 2px;
}
input.expand{
  width:70%;
}
input[type='text'],textarea{
  padding:2px !important;
}

table.staff,table.board{
  margin:1em auto;
}
table.staff{
  width:80%;
}
table.staff th{
  width:50%;
  text-align:right;
  padding-right:10px;
}
table.staff td{
  text-align:left;
  padding-left:10px;
}

.info,
.friends_levels{
  margin:0.5em auto;
  width:90%;
  border-collapse:collapse;
  border:1px solid #888;
}
.info td,.info th,
.friends_levels td{
  border:1px solid #888;
  padding:5px;
}
.info th,
.friends_levels th{
  border:1px solid #888;
  padding:5px;
}

.friends_levels td ul{
  margin:0;
}
.friends_levels td li{
  margin:0;
}
.friends_levels colgroup.name{
  width:20%;
}

.teacher_info{
  width:80%;
  margin:20px auto;
  padding:0;
  border:1px solid #888;
  position:relative;
  background-color:#ededed;
}
.teacher_info h3{
  text-align:center;
  margin:0 0 10px 0;
  padding:2px;
  background-color:#1e2953;
  border-bottom:1px solid #888;
  color:#fff;
}
.teacher_info .bio{
  font-size:0.9em;
  margin:10px;
  padding:2px;
}
.teacher_info .bio img{
  float:left;	
  margin:0 10px 5px 0;
}
.teacher_info.edit{
  padding:10px;
  background-color:#E6FFEA;
}

.corner_white{
  position:relative;
}
.corner_white .corner_nw{
  position:absolute;
  left:0;
  top:0;
  width:7px;height:7px;z-index:2;
  background:url('images/corner.7.nw.png') no-repeat scroll 0% 0%;
}
.corner_white .corner_ne{
  position:absolute;
  right:0;
  top:0;
  width:7px;height:7px;z-index:2;
  background:url('images/corner.7.ne.png') no-repeat scroll 0% 0%;
}
.corner_white .corner_se{
  position:absolute;
  right:0;
  bottom:0;
  width:7px;height:7px;z-index:2;
  background:url('images/corner.7.se.png') no-repeat scroll 0% 0%;
}
.corner_white .corner_sw{
  position:absolute;
  left:0;
  bottom:0;
  width:7px;height:7px;z-index:2;
  background:url('images/corner.7.sw.png') no-repeat scroll 0% 0%;
}

embed{
  display: block;
  margin:0 auto;
  z-index:0;
}

#map{
  float:left;
  width:65%;
  min-width:300px;
  height:25em;
  min-height:300px;
  margin:1em 0;
  padding:10px;
  text-align:center;
  border:1px solid #888;
  background-color:#fff;
  overflow:hidden;
}
#map_key{
  float:right;
  padding:10px !important;
  margin:1em 0 !important;
  width:26%;
  height:25em;
  overflow:auto;
}
#map_key ul{
  padding:0 !important;
  margin:0 !important;
  list-style-type:none;
  list-style-image:none !important;
}
div.mapinfo{
  text-align:left;
  padding:0px;
  background-color:transparent;
  vertical-align:middle;
  max-width:300px;
}
div.mapinfo img{
  float:left;
  margin-right:5px;
  margin-top:3px;
  border:0px solid #383838;
}

#slideshow{
  float:right;
  text-align:center;
  margin:0 0 0 10px;
  border:1px solid #888;
  width:240px;
  height:180px;
  padding:3px;
  background-color:#fff;
  overflow:hidden;
  z-index:1;
  position:relative;
}
#slideshow img{
  position:absolute;
  top:0;
  left:0;
  margin:3px;
}

.embed_wrapper{
  text-align:center;
  border:0;
  background-color:#fff;
  margin:10px auto;
}

#col_wrapper{
  padding:0px;
  background-color:transparent;
  clear:both;
}
#breadcrumb{
  background-color:#ededed;
}
#col3{
  display:none !important;
  position:absolute;
  visibility:hidden;
  z-index:0;
}
#col1{
  width: 100%;
  float:left;
  margin-right:-14em;
  z-index:2;
  min-height:25em;
}
#main_content_wrapper{
  margin-right:13em;
  padding:5px 20px 5px 0px;
}
#col2{
  width:13em;
  clear:none;
  z-index:1;
  float:right;
}
#sidebar_wrapper{
  clear:none;
  padding:5px 0px 1em 0px;
  overflow:hidden;
  position:relative;
}
#sidebar_wrapper hr{
  width:100%;
  padding:0;
  margin:5px 0;
  border-width:1px 0 0 0;
  border-style:solid;
  border-color:#888888;
}

.square{
  background-image:none;
  background-color:#fff;
  width:16px;
  height:16px;
  display:block;
  float:left;
  clear:both;
  vertical-align:top;
  margin-top:5px;
  margin-bottom:5px;
  margin-right:0.5em;
}

.highlight{
  background-color:#ffffcc;
}

.ui-datepicker-trigger{
  cursor:pointer;
  margin-left:5px;
}

@media print{
  *{
    overflow:visible;
    background:#fff none !important;
  }
  #title{
    padding:0;
    min-height:0;
    height:auto;
  }
  #title h1,#title h2{
    font-size:1.3em !important;
    font-family:sans-serif !important;
    font-style:normal;
  }
  #title h1,#title h2{
    text-align:center;
  }
  #title h2{
    font-size:1.1em !important;
  }
  body,#wrapper{
    border:0;
    width:100%;
    margin:0;
    padding:0;
    background:transparent;
  }
  a.external{
    padding:0;
  }
  #colwrapper,#colcentre,#col1,
  #main_content_wrapper{
    width:100%;
    margin:0;
    padding:0;
  }
  #menu,
  #col2,
  #col3,
  #footer,
  #bottom_links,
  #breadcrumb,
  .details_toggle,
  #op,#ox{
    display:none !important;
    float:none !important;
    width:0;
    height:0;
  }
  .event{
    clear:both !important;
    float:none !important;
    width:auto !important;
    page-break-inside:avoid !important;
  }
  .event_long{
    display:block !important;
  }
  #map{
    float:none;
    width:auto !important;
  }
  #map_key{
    float:none;
    clear:both;
    width:auto;
    height:auto;
  }
}

/* ----------------------------------- Media limits ----------------------------------- */
/**  Examples
 *  <div class="only print">This only appears on a print-out</div>
 *  <div class="only screen projection">This only appears on a screen or projection</div>
 *  <div class="no handheld print">This appears anywhere, except on print-outs or handheld devices</div>
 *  <div class="no handheld">This appears anywhere, except on handheld devices</div>
 *  <span class="inline only handheld">The 'inline' class is required if you want to use the 'only' class with an inline element</span>
**/

.only{display:none;}
@media screen{
  .only.screen{display:block;}
  .only.screen.inline{display:inline;}
  .no.screen{display:none;}
}
@media handheld{
  .only.handheld{display:block;}
  .only.handheld.inline{display:inline;}
  .no.handheld{display:none;}
}
@media print{
  .only.print{display:block;}
  .only.print.inline{display:inline;}
  .no.print{display:none;}
}
@media aural{
  .only.aural,.only.speech{display:block;}
  .only.aural.inline,.only.speech.inline{display:inline;}
  .no.speech,.no.aural{display:none;}
}
@media projection{
  .only.projection{display:block;}
  .only.projection.inline{display:inline;}
  .no.projection{display:none;}
}