/* CSS Document main styles*/

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

body {margin: 0; padding: 0; background: url("https://www.le.ac.uk/whatnext/images/body_bg.png") #571E22 repeat-x 0 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
.flexible {min-width: 770px; max-width: 1015px; margin: 0 auto; min-height: 300px; clear: both; padding: 0; background: url("https://www.le.ac.uk/whatnext/images/flexible_bg.png") repeat-y 0 0; overflow: auto;}
.flexible a:link, .flexible a:active, .flexible a:visited {font-weight: bold; color:#AB8C3C; text-decoration: none;}
.flexible a:hover {text-decoration: underline;}

ul.navigation {clear: both; margin: 0; padding: 0 0 0 50px; height: 273px; background: url("https://www.le.ac.uk/whatnext/images/header_gold.jpg") transparent no-repeat 0 0;}
ul.navigation li {list-style: none; float: left; display: block; font-size: 104%; text-align: center; padding: 217px 3px 0 3px !important; font-weight: bold;}
.navigation a {color: #411619 !important; text-decoration: none; display: block; padding: 0.7em 0 0.2em 0;}
.navigation a.current, .navigation a:hover  {color:#AB3A3E !important; text-decoration: none;}

.one {width: 25%;}
.two {width: 30%;}
.three {width: 30%;}
/*.four {width: 16%;}
.five {width:21%;}*/

h1 {font-size: 130%; color: #b3b3b3; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 0.3em 0.3em 0 0.3em; min-height: 3em;}
h1 a {text-decoration: none; color: #b3b3b3;}
h1 a:hover {text-decoration: none; color: #b3b3b3;}
p {font-size: 82%; line-height: 150%; margin: 0 0 15px 0; padding: 0; color: #fff;}


.clear {clear: both;}
.right {float: right;}
.left {float: left;}
.no-background {background: none !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;}



.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;}



.single-container {padding: 0 2em 0 2em; min-height: 250px; float: left; width: 85%; background: url("https://www.le.ac.uk/whatnext/images/transparent.png") transparent repeat 0 0; margin: 40px 0 40px 50px;}
.single-container ul li {color: #fff; font-size: 82%; line-height: 150%;}


.footer-container {background: url("https://www.le.ac.uk/whatnext/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("https://www.le.ac.uk/whatnext/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; color: #fff;}
table td {border: none; padding: 7px 5px 7px 5px; border-right: 1px solid #fff; background: url("https://www.le.ac.uk/whatnext/images/dotty.png") transparent repeat-x bottom left; border-left: 1px solid #fff;}
table th {background: transparent; color: #fff; font-weight: bold; border: 1px #FFF solid; padding: 5px 5px 10px 5px; border-bottom: 1px solid #fff; text-align:left;}
table p {font-size: 100%;}
.table-small {width: 50%; margin: 20px auto 0 auto;}
.top_text td {vertical-align:top;}


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


.bottom-container {background: #000; padding: 40px 0 40px 0; border-top: 3px #856C2E solid; clear: both;}

/*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 #808080;}
/*This sets the colour of the text within the five boxes*/
.bottomnav a:link, .bottomnav a:visited, .bottomnav a:active {color: #b3b3b3;}
/*This sets the colour of the five boxes and text within, when the mouse is rolled over*/
.bottomnav a:hover {color: #333; background: #fff; border: 1px solid #fff;}


/*This sets the colour for the bar underneath the bottom navigation*/
.maintainer {background: transparent; color: #b3b3b3;}
/*This sets the colour of the text for the updated date*/
.maintainerleft {color: #b3b3b3;}
/*This sets the colour of the text for the maintainer text*/
.maintainerright a:link, .maintainerright a:visited, .maintainerright a:active {color: #fff; 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: #fff; text-decoration: underline !important;}
/*This sets the colour of the approved text at the very bottom of the screen*/
.approved {color:#b3b3b3;}