/* CSS Document main styles*/

/*styles written by dw75@le.ac.uk*/

body {margin: 0; padding: 0; background: #fff; font-family: Arial, Verdana, Helvetica, sans-serif;}
.logo {padding: 5px 0px 5px 0; width: 138px;}
.flexible {width: 990px; margin: -10px auto 0 auto; min-height: 300px; clear: both; padding: 0;}
.flexible a:link, .flexible a:active, .flexible a:visited {font-weight: bold; color: #1DBFD7; text-decoration: none;}
.search-form a:link, .search-form a:active, .search-form a:visited {color: #333; text-decoration: none;}
.flexible a:hover, .search-form a:hover {text-decoration: underline;}

ul.navigation {background: url("../images/navigation_bg.png") #3D505A repeat-x 0 0; margin: -65px 0 0 0; padding: 0;  overflow: hidden; width: 830px; float: right;} 
ul.navigation li {list-style: none; color: #fff; float: left; display: block; font-size: 100%; text-align: center; padding: 0 3px 0 3px !important; background: url("../images/divider_bg.png") transparent no-repeat 0 0;}
.navigation a {color: #fff !important; text-decoration: none; display: block; padding: 0.7em 0 0.3em 0; font-weight: normal !important;}
.navigation a:hover {color: #50D3E7 !important; text-decoration: none;}
.navigation .one {width: 12%; background: url("../images/tlc.png") transparent no-repeat top left;}
.navigation .two {width: 14%;}
.navigation .three {width: 12%;}
.navigation .four {width: 10%;}
.navigation .five {width: 14%;}
.navigation .six {width: 11%;}
.navigation .seven {width: 21.5%; background: url("../images/trc.png") transparent no-repeat top right; float: right;}
.navigation .seven a {background: url("../images/divider_bg.png") transparent no-repeat top left;}
.navigation a.current {color: #50D3E7 !important;}
.shadow {background: url("../images/shadow_bg.png") transparent repeat-x 0 0; min-height: 44px; margin: -33px 0 15px 0; width: 830px; float: right;}
.blc {background: url("../images/blc.png") transparent no-repeat 0 0; min-height: 24px; float: left; min-width: 13px;}
.brc {background: url("../images/brc.png") transparent no-repeat 0 0; min-height: 24px; float: right; min-width: 13px;}

p.detailsbox {min-height: 80px;}
.eventinfo {padding: 0 0 10px 0 !Important;}

.homepage {width: 57%;}
div.highlight {margin: 0.5em 0 1em 0; padding: 10px;}
div.special {margin: 0.5em 1.2em 1em 0; padding: 1em 1em 0.1em 1em;}
div.highlight p {margin: 0;}
div.highlight img {border: 5px solid #fff;}
.highlight a, .special a {text-decoration: underline !important;}
div.highlight h2, div.special h2 {color: #333 !important; font-size: 130%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0; font-weight: normal;}
div.highlight ul li, div.special ul li {}

/******************* use these styles for contribute before version 4
.homepage {width: 54%; padding: 0 0 0 1em; margin: 0 20px 0 0;}
*************/


h1 {font-size: 130%; color: #9245A4; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0; text-align: left; position: relative; top: 104px; left: 160px; width: 510px;}
h1 a {text-decoration: none; color: #A01B75;}
h1 a:hover {text-decoration: none; color: #A01B75;}
p {font-size: 82%;  line-height: 150%; margin: 0 0 15px 0; padding: 0; color: #333;}
p + table {margin: -20px 0 -20px 0;}
p.padding {padding: 20px 0 0 0;}


.clear {clear: both;}
.right {float: right;}
.left {float: left;}
.no-background {background: none !important;}
.border-none {border: none;}

.search-form {float: right; width: 234px; margin: 0;}
.search-form ul {margin: 0; padding: 0; float: right;}
.search-form ul li {float: left; font-size: 70%; list-style: none; margin: -7px 0 0 0; padding: 0;}
.search-form ul li a {font-weight: normal !Important;}
.spacer {margin: -7px 0 0 6px !important;}
.search-button {width: 2.5em; margin: 0 0 0 0; height: 1.6em;  font-size: 100%; } 
#words {width: 11.6em; margin: 0 0 1em 0; border: 1px solid #ccc; padding: 2px 0 2px 1px; font-size: 100%;}
#words:focus, #words:hover {border: 1px solid #1DBFD7;} 

form {margin: -20px 0 0 0; padding: 0;}
textarea {width: 321px;}
.room-submit {margin: 0 0 0 394px;}
.no-border {border: none !important; padding: 0 0 10px 0;}
.no-borderimage {background: none !important;}
.accessible {position: relative; top: 10px; right: 0; clear: both; float: right;}
.no-float {float:none;}
.text-right {text-align: right !important;}
.home-paragraph {width: 62%; display: block; float: left;}
.home {width: 30%!important; float: right;}
.map {padding: 0 20px 0 0; float: left;}
.venue {float: right;}
.venue p {margin: 0 0 0 0;}
.narrow {width: 48%; margin: 20px 0 0 0;}


.gallery {float: left; margin: 0 auto 0 auto !important; padding: 0; width: 55%;}
.gallery li {float: left; list-style-type: none; text-align: center; color: #48A569; font-size: 82%; font-weight: bold; width: 30%; margin: 0; padding: 0; background: none !important;}
.gallery li a:link, .gallery li a:active, .gallery li a:visited {text-decoration: none; width: 122px; display: block;}
.gallery li a:hover {text-decoration: underline;}

.home-events {}

div.left-box {width: 22%; float: left;}
div.left-box div.boxes {width: 100%; margin: 10px 0 10px 15px;}

ul.left-container {width: 100%; min-height: 250px; margin: 0 0 0 15px; padding: 0; font-size: 82%;}
ul.left-container li {list-style-type: none; padding: 7px 0 7px 0; margin: 0; background: url("../images/dotty.png") transparent repeat-x bottom left;}
ul.left-container li a {color: #1DBFD7 !important; padding: 0 0 0 10px; display: block;}
ul.left-container li a:hover  {text-decoration: none; color: #666 !important;}
ul.left-container li a.current {background: url("../images/current.png") transparent no-repeat 0 3px; color: #666 !important;}

ul.left-container ul {margin: 4px 0 -5px 0; padding: 0; background: #fff; font-size: 82%;}
ul.left-container ul li {margin: 0; padding: 7px 4px 7px 22px; background: none;}
ul.left-container ul li a {color: #333 !important; background: url("../images/arrow.png") transparent no-repeat 0 4px;}
ul.left-container ul li a:hover {text-decoration: underline;}
ul.left-container ul li a.current {}

.box {width: 220px; background: #F1F2F3; min-height: 250px; float: left; margin: 0 10px 0 0;}



.single-container {padding: 0; min-height: 250px; /*float: left;*/ width: 100%; margin: 26px 0 0 0;}
.right-container {float: right; width: 71%; min-height: 250px; margin: 0 15px 0 0;}
.right-container ul, .single-container ul {margin: 0 0 0 20px; padding: 0;}
.right-container ul li, .single-container ul li {margin: 0; padding: 3px 0 3px 12px; font-size: 82%; background: url("../images/bullet.png") transparent no-repeat 0 8px; list-style-type: none; line-height: 150%; color: #000;}
.right-container ul ul li, .single-container ul ul li {font-size: 100%; background: url("../images/bullet_outline.png") transparent no-repeat 0 8px}

.right-container ol, .single-container ol {margin: 0 0 0 40px; padding: 0;}
.right-container ol li, .single-container ol li {margin: 0; padding: 0; font-size: 82%; line-height: 150%;}


.footer-container {background: #3D505A; clear: both; border-top: 2em solid #fff; border-bottom: 1.5em solid #fff; height: 20px;}
ul.footer {margin: 0 auto; width: 990px; padding: 2px 0 0 5px;}
ul.footer li {list-style: none; color: #fff; float: left; display: block; font-size: 82%; padding: 0 0 0 0 !important; margin: 0 20px 0 0;}
ul.footer li a {color: #fff !Important; font-weight: normal !important;}
ul.footer li.hosted {float: right; margin: 0 10px 0 0;}

ul.social {clear: both; margin: 0 0 15px 0; padding: 0;}
ul.social li {list-style: none; float: left; display: block; margin: -10px 7px 15px 0; padding: 0;}
ul.social li img {border: none;}
ul.social li.funded {padding: 30px 0 0 10px; font-size: 70%;}

.table-centred {text-align: center; margin: 5px 0 0 0;}
table.rachome { margin:0; padding: 0;}
table.rachome p {margin: 15px 0 15px 0; font-size: 110%;}
table.rachome h2 {margin: 0 0 10px 0; padding: 0;}
table.rachome h3 {color: #7FC140; background: none; margin: 0 0 0 0; padding: 0;}
table.rachome td {background: none !important; padding: 0;}
table.rachome tr.titles a {color: #000; font-size: 130%;}
table.rachome .box p {margin: 0 20px 0 20px; padding: 0; font-size: 90%;}
table.rachome .box h3 {color: #7FC140; background: none; margin: 0 0 0 20px; padding: 0;}
table.rachome .box a {font-size: 110%;}
table.rachome td.wildcard div.minmax {min-height: 330px;}
table.rachome td.wildcard {padding: 15px 0 0 0;}
table.rachome td.wildcard h3 {margin: 0 0 -5px 0}
table.rachome td.wildcard p {font-size: 100%; padding: 0 20px 0 0;}
table.rachome td.wildcard ul {margin: 10px 0 10px 0;}
table.rachome td.wildcard ul li {line-height: 140% !important;}

table.rachome ul.viewall {margin: 0; padding: 0 0 10px 0;}
table.rachome ul.viewall li {margin: 0; padding: 0; list-style: none; background: none; height: 1.9em;}

table.rachome .viewall ul li a {}
table.rachome .viewall a.all1 {color: #8559A5; background: url("../images/all1.png") transparent no-repeat 0 0; padding: 0 0 0 16px; font-size: 110%;}
table.rachome .viewall a.all2 {color: #7FC241; background: url("../images/all2.png") transparent no-repeat 0 0; padding: 0 0 0 16px; font-size: 110%;}
table.rachome .viewall a.all3 {color: #D0418E; background: url("../images/all3.png") transparent no-repeat 0 0; padding: 0 0 0 16px; font-size: 110%;}
table.rachome .viewall a.all4 {color: #00758A; background: url("../images/all4.png") transparent no-repeat 0 0; padding: 0 0 0 16px; font-size: 110%;}


table {border: none; collapse; width: 100%; font-size: 82%; margin: 15px 0 15px 0; padding: 0;}
table td {border: none; padding: 5px; border-right: 1px solid #fff; border-top: 1px solid #fff; background: url("../images/dotty.png") transparent repeat-x bottom left; vertical-align: top;}
table th {background: #e2e2e2; color: #666; font-weight: bold; border: none; border-right: 3px solid #fff; padding: 5px;}
table p {font-size: 100%;}
.table-small {width: 50%; margin: 20px auto 0 auto;}
table ul li, table ul ul li, table ul ul ul li {font-size: 100% !important; padding: 0; line-height: 100% !important;}
table h3 {font-size: 152%; margin: 20px 0 10px -5px; padding: 0 0 7px 0; font-weight: normal;}

table table h3 {font-size: 182%; margin: 20px 0 10px -5px; padding: 0 0 7px 0; font-weight: normal;}
table table, table table td {margin: 0 !important; padding: 0 !Important; background-image: none !Important;}
table table p {font-size: 125%;}

.new-events-table h3 {background: none; margin: 12px 0 0 0; padding: 0;}
.new-events-table td.dotty {background: url("../images/dotty.png") transparent repeat-x top left!important;}
.events-table, .new-events-table {margin: 0px 0 0 0;}
.events-table td.price {margin: 0; padding: 0;}
.events-table strong {color: #333;}
.soundbites-table {margin: 5px 0 0 0;}
.events-table td, .soundbites-table td, .new-events-table td  {background: none !important; padding: 5px 5px 5px 0;}
.events-table th, .soundbites-table th {background: none; text-align: left; color: #48A569; padding: 5px 5px 5px 0;}
.events-table p,  .soundbites-table p {}


.audio-version, .book {color: #e44cb2;}
.audio-version:hover, .book:hover {text-decoration: underline;}

object, embed {display: block; margin: 10px 0 20px 0 !important;}
embed {display: block; margin: 0 0 20px 0 !important;}

iframe {float: right; margin: 0 0 20px 20px;}

img.ace {float: right; margin: -25px 0 10px 0;}
img {border: none;}