/* CSS Document main styles*/

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

body {margin: 0; padding: 0; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif;}
.flexible {min-width: 770px; max-width: 1024px; margin: 0 auto 0 auto; min-height: 300px; clear: both; padding: 0;}
.flexible a:link, .flexible a:active, .flexible a:visited {font-weight: bold; color: #E44CB2; 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") #A01B75 repeat-x 0 0; clear: both; margin: 0; padding: 0;  overflow: hidden;}
ul.navigation li {list-style: none; color: #fff; float: left; display: block; font-size: 90%; text-align: center; padding: 0 3px 0 3px !important; font-weight: bold; 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.2em 0;}
.navigation a:hover {color: #ff0 !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: #ff0 !important;}
.shadow {background: url("../images/shadow_bg.png") transparent repeat-x 0 0; min-height: 44px; margin: 0 0 15px 0;}
.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;}

.homepage {width: 57%;}
div.highlight {margin: 0.5em 0 1em 0; padding: 1em 1em 0.1em 1em; width: 50%; float: left;}
div.special {margin: 0.5em 1.2em 1em 0; padding: 1em 1em 0.1em 1em;}
div.highlight p {margin: 15px 0 15px 0;}
div.highlight img {border: 5px solid #fff; margin: 25px auto 12px 10px;}
.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: 110%; color: #A01B75; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background: url("../images/h1_bg.png") no-repeat top right; margin: 10px 10px 20px 0; padding: 0.3em 0.3em 0 0.3em; text-align: left; border: 1px solid #A01B75;}
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;}


.clear {clear: both;}
.right {float: right;}
.left {float: left;}
.no-background {background: none !important;}
.search-form {position: absolute; left: 8px; top: 70px;}
.search-form ul {margin: 0; padding: 0;}
.search-form ul li {float: left; font-size: 70%; list-style: none; margin: -7px 0 0 0; padding: 0;}
.spacer {margin: -7px 0 0 6px !important;}
.search-button {width: 3em; margin: 0 0 1em 0;}
#words {width: 10em; margin: 0 0 1em 0; border: 1px solid #ccc; padding: 2px;}
#words:focus, #words:hover {border: 1px solid #E14DB1;} 

form {margin: 0; padding: 0;}
textarea {width: 321px;}
.room-submit {margin: 0 0 0 394px;}
.no-border {border: none !important; padding: 0 0 10px 0;}
.accessible {position: relative; top: -30px;}
.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: -26px 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 {background: url("http://www.le.ac.uk/racentre/images/home_events_bg.png") #f1f1f1 repeat-x 0 0; height: 208px; clear: both;}
.home-events td {width: 33%; padding: 0 15px 15px 15px; vertical-align: top;}
.home-events h3 {font-size: 120%; color: #333; margin: 0 0 10px 0; padding: 0; font-weight: bold; background: none;}
.home-events p {margin: 0; clear: left;}
.home-events img.image-right {float: right; margin: 5px 0 10px 10px;}
.home-events img {background: #fff; padding: 4px;}
.border-right {background: url("../images/dotty_vertical.png") transparent repeat-y top right;}
.border-none {background: none;}

ul.left-container {width: 22%; float: left; 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: #E44CB2 !important; padding: 0 0 0 10px; display: block;}
ul.left-container li a:hover  {text-decoration: none; color: #333 !important;}
ul.left-container li a.current {background: url("../images/current.png") transparent no-repeat 0 3px; color: #333 !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 {}


.single-container {padding: 0 1em 0 1em; min-height: 250px; float: left; width: 96%;}
.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%;}
.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: url("../images/footer-container_bg.png") repeat-x transparent 0 0; clear: both; border-top: 2em solid #fff; border-bottom: 1.5em solid #fff; height: 40px; padding:}
ul.footer {background: url("../images/footer-container_bg.png") repeat-x transparent 0 0; margin: 0 auto; width: 774px; padding: 0;}
ul.footer li {list-style: none; color: #333; float: left; display: block; font-size: 72%; padding: 12px 0 0 0 !important; margin: 0; width: 25%;}


.table-centred {text-align: center;}
table {border: none; collapse; width: 100%; font-size: 82%; margin: 15px 0 15px 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; }

.events-table {margin: 5px 0 -20px 0;}
.soundbites-table {margin: 5px 0 0 0;}
.events-table td, .soundbites-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;}


/*This sets the colour of the bar containing the bottom navigation */
.bottomnav {background: transparent; clear: both; padding: 0;}
/*This sets the colour of the five boxes*/
.bottomnav a {background: transparent; border: 1px solid #AD3385;}
/*This sets the colour of the text within the five boxes*/
.bottomnav a:link, .bottomnav a:visited, .bottomnav a:active {color: #AD3385;}
/*This sets the colour of the five boxes and text within, when the mouse is rolled over*/
.bottomnav a:hover {color: #fff; background: #AD3385; border: 1px solid #AD3385;}


/*This sets the colour for the bar underneath the bottom navigation*/
.maintainer {background: transparent; color: #333;}
/*This sets the colour of the text for the updated date*/
.maintainerleft {color: #333;}
/*This sets the colour of the text for the maintainer text*/
.maintainerright a:link, .maintainerright a:visited, .maintainerright a:active {color: #E44CB2; text-decoration: none !important;}
/*This sets the colour of the text for the maintainer text, when the mouse is rolled over*/
.maintainerright a:hover {color: #E44CB2; text-decoration: underline !important;}
/*This sets the colour of the approved text at the very bottom of the screen*/
.approved {color:#333;}