@import url("subsite.css");
@import url("reset.css");
@import url("typo.css");
@import url("themes.css");

/* */

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}

.clearfix{display:inline-block}

.clear{clear:both}

/* */
html, body{ margin:0;  padding:0}


#pagewidth{ width:960px;  text-align:left;  background:#fff}


#header{ position:relative;  height:200px;   width:100%;  color:#fff}


 #content{   float:right;  position:relative;  color:#666}

#mainContent{background:#fff;  float:left;  position:relative; margin:5px 0 0 0}


body .width_main{width:710px}

body .width_main #mainContent{width:460px}

.width_right #mainContent{width:710px; margin:0 10px 0 0}

body .width_right #mainContent{width:700px}

 body .width_left #content{width:960px}
body .width_left #mainContent{width:700px; margin:0 0 0 10px}

#secondaryContent{ width:230px;  float:right;  position:relative;  margin:12px 0 0 0;  font-size:1.1em}

#tertiaryNav{ width:230px;  float:left;  position:relative;  font-size:1.3em}

#footer{ background-color:#fff;  clear:both;  float:left;  width:960px}



 #header #logo{ display:block;  float:left;  width:710px;  margin:20px 0 0 20px}

 #header #logo h1 a{ display:block;  width:139px;  height:86px;  background:transparent url(../images/logo_main.png) top left no-repeat;  text-indent:-5000px;  float:left}

 #header #logo h2{ color:#fff;  float:left;  margin:24px 0 0 16px;  display:block;  line-height:1.6em;  font-size:2em;  width:465px}

 #header #tools{ display:block;  float:right;  margin:0 0 0 0;  width:230px}

 #header #tools a{ color:#fff;  font-size:0.9em;  font-weight:bold}

 #header #tools ul{ display:block;  margin:0 0 0 -5px}

 #header #tools ul li{ float:left;  padding:0 7px 0 0;  margin:0 0 0 4px}

 #header #tools ul li.div{ background:url(../images/header_link_div.png) center right no-repeat}

 #header #tools .rss{ background:url(../images/icon_rss.png) center right no-repeat;  width:3em}

 #header #tools .searchbox{ clear:both;  display:block;  padding:10px 0;  float:left;  width:210px;  margin:5px 0}

 #header #tools .searchbox label, #header #tools .searchbox legend{ display:none}


 #header #tools .searchbox button{ background:transparent url(../images/button_search.png) 0 0 no-repeat;  border:0;  text-indent:-5000px;  width:42px;  height:22px;  margin:0 0 0 4px}


 #header #tools input{ border:1px solid #D2D2D2;  background:#fff;  font:100% Verdana,sans-serif;  width:160px}

 #header #tools input:hover{ background:#F3F4F5}

 #header #tools .searchbox button:hover{ cursor:pointer}


 #header .headerspace{ display:block;  float:left;  width:960px;  padding:0.5em 0 1em 0;  background:#fff}

 #header .underline{ background:#fff url(../images/keyline_double.png) bottom left no-repeat}

 #header .leftspace{ display:block;  float:left;  width:230px;  margin:0 0 0 10px}

 #header .headerspace ul{ float:right;  padding:0;   width:710px}

 #header .headerspace h2{ margin:0 0 0.3em -1px;  line-height:1.2em;  color:#000}

 #header .leftspace h2{ margin:0.7em 0 0 0;  line-height:0.8em;  color:#999}

 #header .headerspace h3{ float:left;  color:#888;  clear:right}

#header a#button_book{display:block; height:87px; width:223px; background:transparent url(../images/button_book.png) top left no-repeat}

#header a#button_book .title{float:left; font-size:1.4em; padding:10px 0 0 10px; color:#000}

#header a#button_book .sub_title{clear:both; float:left; font-size:1.4em; padding:5px 0 0 10px; color:#888}

#header a#button_book:hover .sub_title{text-decoration:none}



  #mainNav{  display:block;   float:left;   margin:20px 0 0 0;   width:950px;   padding:0 0 0 10px }

#mainNav ul li{float:left; margin:0 10px 0 0}

#mainNav ul li#nav_home a{background:url(../images/nav_home.png) top left no-repeat; width:149px; height:65px; text-indent:-5000px; display:block}

#mainNav ul li#nav_theatre a{background:url(../images/nav_theatre.png) top left no-repeat; width:149px; height:65px; text-indent:-5000px; display:block}

#mainNav ul li#nav_engage a{background:url(../images/nav_engage.png) top left no-repeat; width:149px; height:65px; text-indent:-5000px; display:block}

#mainNav ul li#nav_services a{background:url(../images/nav_services.png) top left no-repeat; width:149px; height:65px; text-indent:-5000px; display:block}

#mainNav ul li#nav_home a:hover,
#mainNav ul li#nav_theatre a:hover,
#mainNav ul li#nav_engage a:hover,
#mainNav ul li#nav_services a:hover,
#mainNav ul li.this a{background-position:bottom !important; cursor:pointer}


#secondaryNav{display:block; background:#fff url(../images/keyline_subhead.png) bottom left repeat-x; width:960px; float:left; padding:1em 0}

#secondaryNav li{float:left; background:url(../images/nav_link_div.png) center right no-repeat; padding:0 1em 0 0; margin:0 0 0 1em}

#secondaryNav li:last-child{background:none}

#secondaryNav li a{color:#000}

#tertiaryNav h3{margin:0 0 0 10px; font-size:1em; font-style:italic; color:#999}

#tertiaryNav .nav li a{padding:0.2em 0 0.2em 10px; width:220px; display:block}

#tertiaryNav .nav li a:hover{background:#999; color:#fff}

#tertiaryNav .nav li.this a{background:#999; color:#fff}

#tertiaryNav ul.nav ul li{padding:0 0 0 10px}

#tertiaryNav ul.nav ul li a{background:#fff url(../images/icon_dash.png) center left no-repeat !important; padding:0 0 0 10px; color:#000 !important; width:210px;line-height:1.3em;margin:0.4em 0;}

#tertiaryNav ul.nav ul li a:hover{background:none; text-decoration:underline; color:#000}

#tertiaryNav .left_links {display: block;border-top: 1px solid #989898;margin: 10px 0 0 10px !important;padding: 8px 0 0 0;width: 220px}

#tertiaryNav ul.imagelinks{margin:5px 0 10px 0}

#tertiaryNav ul.imagelinks li{margin:0 0 5px 10px; border-bottom:1px solid #C2C2C2; padding:5px 0; width:140px}

#tertiaryNav .subsites{display:block; border-top:1px solid #ccc; width:140px; margin:0 0 0 10px}

#tertiaryNav h4{line-height:1.1em; border-bottom:1px solid #ccc; padding:0.5em 0; font-size:1.15em}

#tertiaryNav h4 .suburl{font-size:0.8em}

#tertiaryNav h4 .suburl{color:#999 !important}

#tertiaryNav h4.lcds a, #tertiaryNav h5.lcds a:hover{color:#FF6503}

#tertiaryNav h4.radc a, #tertiaryNav h5.radc a:hover{color:#A445A4}

#tertiaryNav h4.placeprize a, #tertiaryNav h5.placeprize a:hover{color:#049EFF}

#tertiaryNav .basket{display:block; margin:10px 0; background:#F5F5F5}

#tertiaryNav .basket ul{display:block; padding:0.6em 10px}

#tertiaryNav .basket li.theDamage{color:#C61D22; font-weight:bold}

#tertiaryNav .book_by_phone{color:#fff; display:block; width:200px; padding:10px; background:#aaa; margin:10px 0 0 10px}

.textonly{position:absolute; left:-1500px; width:1px; height:1px; overflow:hidden}

#content h2{border-bottom:1px solid #989898; padding:1em 0; font-size:2em; letter-spacing:-1px; color:#000}

#mainContent a{font-weight:bold; color:#000}

#mainContent .intro p{font-size:1.3em}

#mainContent ul{ padding:0 1.2em;  margin:0 5px}

#mainContent li{ list-style:circle}

#mainContent ol{margin:0 0 0 30px}

#mainContent ol li{list-style-type:decimal}

#mainContent .mainimage{margin:7px 0 0 0}

#mainContent .vcard-download{background-image:url(../images/vcard.png); background-position:0 50%; background-repeat:no-repeat; text-indent:40px; float:left}

#googlemap{border:5px solid #aaa; float:left; margin:0 10px 0 0}

#mainContent .vcard{display:block}

#mainContent p.form_steps{font-weight:bold; color:#999}

#mainContent p.form_steps .step{color:#000}

#mainContent .user_form{display:block; float:left; width:453px; padding:0.3em; background:#F7F7F7; border-bottom:1px solid #fff}

#mainContent .user_form dt{display:block; float:left; width:270px; font-weight:bold}

#mainContent .user_form dd{display:block; float:right; width:170px}

#mainContent dl.delete{color:red; background:#eee; margin:0 0 10px}

#mainContent .itemlistadd{text-transform:uppercase}

#mainContent .itemlistmenu{float:left; display:block; width:460px; background:#d3d3d3}

#mainContent .useritemlist_menu a{text-transform:capitalize; float:left; padding:0.3em}

#mainContent .useritemlist_menu a.itemlistadd{color:green !important}

/*display:none added to hide "view entries" button on itemlists*/
#mainContent .useritemlist_menu a.itemlistviewall{color:blue !important; float:right; margin:0 5px 0 0; display:none}

#mainContent .reviewfieldlabel{font-weight:bold}

#mainContent .paging{display:block; float:left; width:700px; padding:0 0 0.3em 0}

#mainContent .paging_border{border-bottom:1px solid #999; border-top:1px solid #999}

#mainContent .paging p{display:block; float:left}

#mainContent .paging .webblerpaging{display:block; float:left}

#mainContent .paging .webblerpaging a{color:#999; padding:0.6em 0.2em; float:left; font-weight:normal; text-decoration:underline}

#mainContent .paging .webblerpaging a.current{font-weight:bold; text-decoration:none; color:#000}

#mainContent p.showall{float:right}
#mainContent p.showall a{color:#999}

#mainContent .paging .webblerpaging a.pagingnext, #mainContent .paging .webblerpaging a.pagingprevious{display:none}

#mainContent .listings,
#mainContent .listings_main{display:block; clear:both; float:left}

#mainContent .listings ul, #mainContent .listings_main ul, #mainContent .listings p{margin:0; padding:0}

#mainContent .listings ul:hover,
#mainContent .listings_main ul:hover{background:#F7F7F7}

#mainContent .listings ul li,
#mainContent .listings_main ul li{list-style:none}

#mainContent .listings ul.item{display:block; border-top:1px solid #999; padding:0.5em 0 0.2em 0; float:left; width:700px}

#mainContent .listings_main ul.item{display:block; border-top:1px solid #999; padding:0.5em 0 0.2em 0; float:left; width:450px}

#mainContent .listings ul.item li,
#mainContent .listings_main ul.item li{float:left}

#mainContent .listings ul.item li.image{width:150px}

#mainContent .listings ul.item li.content{float:right; width:471px}

#mainContent .listings ul.item li.content h3{font-size:1.2em; margin:0.2em 0 0 0}

#mainContent .listings ul.item li.content h3 a{color:#666}

#mainContent .listings ul.item li.content h4{font-size:1.2em; color:#999}

#mainContent .listings ul.item li.links{float:right}

#mainContent .listings ul.item li.links ul li{float:none; display:block; width:70px}

#mainContent .listings ul.item li.links ul li a{background:#E5E5E5; display:block; margin:0 0 5px 0; padding:0.1em 0.5em}

body .width_left #mainContent h2{border:0; margin:20px 0 10px 0; padding:0}

#mainContent .feature_main{display:block; float:left; background:#F0F0F0; width:700px; margin:0 0 20px 0}

#mainContent .feature_main h3 a{line-height:1.2em; color:#000; margin:5px 0 0 0; font-weight:normal}

#mainContent .feature_main h4{line-height:1.2em}

#mainContent .feature_main img{display:block; float:left}

#mainContent .feature_main p.buttons a{float:left; display:block; width:95px; background:#fff; margin:0 0 0 10px; padding:5px}

#mainContent .feature_main .content{display:block; float:right; width:220px; margin:0 10px 0 0; height:270px}

#mainContent .feature_img_block{display:block; margin:-1px 0 0 -20px; padding:0 0 20px 0; width:720px; background:#fff}

#mainContent .feature_img_block li.block{display:block; float:left; width:220px; background:#E6E6E6; margin:0 0 20px 20px; height:325px}

#mainContent .feature_img_block li.block_small{display:block; float:left; width:220px; background:#E6E6E6; margin:0 0 20px 20px; background:transparent url(../images/feature_img_block_bk1.png) repeat-x scroll left top}

#mainContent .feature_img_block li ul.price li{background:#999; color:#fff; margin:0 0 0 -8px; padding:0 0 0 4px; width:195px; font-size:1.4em; float:left}

#mainContent .feature_img_block h4{float:left; padding:10px 0 0 10px; line-height:1.2em; font-size:1.3em}

#mainContent .feature_img_block li.block_small h4{margin:8px 0 0 0; width:100px}

#mainContent .feature_img_block h4 a{color:#666; font-weight:normal; display:block}

#mainContent .feature_img_block img{float:right}

#mainContent .feature_img_block p{float:left; display:block; padding:0 1em 1em 10px; clear:both; width:200px; height:80px}

#mainContent .feature_img_block ul.buttons_two,
#mainContent .feature_img_block ul.buttons_three{margin:0 0 0 11px; padding:0 0 10px 0; float:left}

#mainContent .feature_img_block .buttons_two li{margin:2px 3px 0 0; padding:0.2em 0 0.2em 5px; list-style:none; display:block; background:#fff; float:left; width:93px}

#mainContent .feature_img_block .buttons_three li{margin:2px 2px 0 0; padding:0.2em 0 0.2em 5px; list-style:none; display:block; background:#fff; float:left; width:60px}

#mainContent .searchgroup{display:none}

#mainContent .grey_block{padding:0.5em 0.3em; display:block; margin:0 0 0.5em 0; clear:both; background:#f6f6f6}

#mainContent .grey_block:hover{background:#f0f0f0}

#mainContent .grey_block h4{font-size:1em}

#mainContent .grey_block p{padding:0.5em 0; margin:0}

#mainContent .jobelements{background:#f7f7f7; margin:2px 0; padding:3px}

ul.listings_block{margin:0 0 20px 0 !important; padding:0 !important; clear:both}

.listings_block li{padding:0.5em; display:block; width:100%; margin:0 0 0.5em 0; background:#f6f6f6}

.listings_block li:hover{background:#f0f0f0}

.border_box{margin:55px 0 0 0}

.box{border:1px solid #DBDBDB; display:block; width:220px; margin:0 0 20px 0}

.box h4{border-bottom:1px solid #DBDBDB; padding:2px 0; text-indent:10px}

.box li{padding:5px 10px}

.box a{font-weight:bold; color:#000}

#secondaryContent ul li{margin:0 0 10px 0}

#secondaryContent p{padding:0.7em 0 1.4em}

#secondaryContent .reminderlink{display:block; width:220px; float:left; margin:0 0 10px 0}

#secondaryContent .reminderlink a{background:#26618B url(../images/button_remind_bk.png) top left repeat-x; display:block; font-size:1.2em; padding:10px; width:200px; color:#fff}

#footer{font-size:10px; color:#999}

#footer .footerContent{display:block; border-top:1px solid #999; width:940px; margin:0 0 0 10px; padding:1em 0; float:left}

#footer .footerContent li{line-height:1.4em}

#footer .footerContent .logos{display:block; float:left; width:550px}

#footer .footerContent .logos ul{margin:10px 0 0 0}

#footer .footerContent .logos li{float:left}

#footer .footerContent .logos li a{text-indent:-5000px; display:block; height:38px; margin:0 12px 0 0}

#footer .footerContent .logos li.artscouncil a{background:url(../images/logo_artscouncil.png) top left no-repeat; width:132px}

#footer .footerContent .logos li.hefce a{background:url(../images/logo_hefce.png) top left no-repeat; width:104px}

#footer .footerContent .logos li.cdd a{background:url(../images/logo_cdd.png) top left no-repeat; width:107px}

#footer .footerContent .logos li.camden a{background:url(../images/logo_camden.png) top left no-repeat; width:68px}

#footer .footerContent .logos li.dcsf a{background:url(../images/logo_dcsf.png) top left no-repeat; width:119px}

#footer .footerContent .logos li.kent_uni a{background:url(../images/logo_kent_uni.png) top left no-repeat; width:51px}

#footer .footerContent .logos li.bloomberg a{background:url(../images/logo_bloomberg.png) top left no-repeat; width:166px}

#footer address{display:block; float:left; line-height:1.4em; font-style:normal}

#footer ul.info{display:block; float:left; margin:0 0 0 33px}

#footer ul.info li a{text-decoration:underline}

#footer ul.credits{display:block; float:right}

#tertiaryNav #calendar{border-bottom:1px solid #999; padding:0 0 10px 0; width:220px; display:block; float:right; margin:0 0 10px 10px !important}
#tertiaryNav #calendar table{border-collapse:collapse; padding:0px; margin:12px 0 0 0; color:#999; background:#fff; width:220px; border-top:1px solid #fff; border-right:1px solid #fff; font-size:0.85em}
#tertiaryNav #calendar table th,
#tertiaryNav #calendar table td{height:19px;  text-align:center; border-left:1px solid #fff; border-bottom:1px solid #fff}
#tertiaryNav #calendar table th{font-weight:bold; height:20px}
#tertiaryNav #calendar a{text-decoration:none; color:#808080}
#tertiaryNav #calendar h5{font-size:1.2em; padding:0; margin:0}
#tertiaryNav #calendar table td a{display:block;  margin:0; border:0; padding:4px 0 4px 0; text-align:center}

#tertiaryNav #calendar table td.today a{color:#fff; font-weight:bold}
#tertiaryNav #calendar table td a:hover,
#tertiaryNav #calendar table td.today a:hover{color:#fff}
#tertiaryNav #calendar table td.empty{background:#E5E5E5 url(../images/calendar_nodate.png) top left repeat-x; height:25px}
#tertiaryNav #calendar ul{list-style:none; padding:4px 0 6px 5px; margin:0; width:135px}
#tertiaryNav #calendar li{display:inline; margin:0px; padding:0}
#tertiaryNav #calendar li a{text-decoration:none; color:#808080}
#tertiaryNav #calendar li a.month{padding:0 0 0 7px; margin:0 0 0 0px; font-weight:normal; background:url(../images/capNavStrapLiDiv.png) left no-repeat}

#tertiaryNav #calendar table td.today a,
#tertiaryNav #calendar table td a:hover,
#tertiaryNav #calendar table td.today a:hover{background:#999}

#tertiaryNav #calendar table td.this a{background:#F90; color:#FFF; font-weight:bold}

#secondaryContent .related_video{background:transparent url(../images/related_vid_bk.png) repeat-x scroll left top; display:block; float:left; margin:-6px 0 0 0; min-height:292px; padding:2px 0 0 10px; width:210px}

#secondaryContent .related_video ul{display:block; float:left; width:210px}

#secondaryContent .related_video li{display:block; float:left; width:200px; margin:10px 0 0 0 !important; padding:0}

#secondaryContent .related_video li img{display:block; float:left; margin:0 5px 0 0}

#secondaryContent .related_video li p{padding:0; margin:0; font-size:1.2em}

* html .clearfix{height:1%}
.clearfix{display:block}


 @media print{ #leftcol{display:none}


#rightcol{display:none}

#twocols, #mainContent{width:100%; float:none}
}