/* CSS Document main styles*/

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

body {margin: 0; padding: 0; background: url(../images/body_bg.png) #a01b75 repeat-x top right fixed; font-family: Verdana, Arial, Helvetica, sans-serif;}
.flexible {min-width: 770px; max-width: 900px; margin: 0 auto 30px auto; background: url(../images/flexible_bg.jpg) #fff no-repeat 0 0; overflow: auto;}
.container p {font-size: 72%; margin: 0 30px 15px 30px; line-height: 160%; padding: 0;}
.container a {color: #E44CB2; font-weight: bold; text-decoration: none;}
.container a:hover {color: #69f;}
.container ul {font-size: 72%; margin: 0 30px 15px 60px; padding: 0; line-height: 150%; padding: 0;}
.container ol {font-size: 72%; margin: 0 30px 15px 66px; padding: 0; line-height: 150%; padding: 0;}
.container ul li, .container ol li {padding: 2px 0 2px 0;}

.main-nav {min-width: 700px; max-width: 900px; margin: 0 auto;}
.main-nav ul {list-style: none; padding: 0; margin: 0 60px 0 60px; position: relative; top: 0;}
.main-nav li {padding: 0; margin: 0; font-size: 78%; font-weight: bold; width: 20%; margin: 0; background: url(../images/mainnav_corner.png) transparent no-repeat top right;}
.main-nav a {display: block; padding: 8px 5px 5px 12px; text-align: center; margin: 0 12px 0 2px; color: #fff; background: url(../images/mainnav_bg.png) #000 no-repeat 0 0; min-height: 2.8em;}
.main-nav a:link, .main-nav a:visited, .main-nav a:active {text-decoration: none;}
.main-nav a:hover, .main-nav li a.current {text-decoration: none; color: #fcf;}

/*styles needed so buttons float to the bottom when font size increased*/
.nav1 {position: absolute;  bottom: 0; left: 0%;}
.nav1 {position: absolute;  bottom: 0; left: 20%;}
.nav2 {position: absolute;  bottom: 0; left: 40%;}
.nav3 {position: absolute;  bottom: 0; left: 60%;}
.nav4 {position: absolute;  bottom: 0; left: 80%;}



.container {margin: 140px 60px 0 60px; clear: both; background: url(../images/transparent.png) repeat 0 0; min-height: 300px;}

h1 {text-align: right; color: #fff; margin: 0; padding: 10px 10px 0 10px; font-size: 160%; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal;}
h2 {font-size: 160%; margin: 0 10px 20px 30px; padding: 40px 0 0 0; color: #A3237A; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; clear: both;}
.h2-resources {color: #FF9900; border-bottom: 1px solid #FF9900; margin: 0 30px 25px 30px;}
h3 {font-size: 120%; margin: 0; padding: 10px 30px 5px 30px; color: #69f; font-weight: normal;}
h4 {font-size: 80%; margin: 0 30px 5px 30px; padding: 0; color: #69f; font-weight: bold;}


table {font-size: 72%; border-collapse: collapse; border: none; margin: 0 30px 0 30px; line-height: 150%;}
table td {padding: 4px; border: 1px solid #fff; border-bottom: 1px solid #f90; vertical-align: top;}
table th {background: #f90; font-weight: bold; color: #fff; text-align: right; border: 1px solid #fff; border-bottom: 1px solid #fff; padding: 4px;}




.clear {clear: both;}
.right {float: right;}
.left {float: left;}
img {border: 0;}
#words {width: 65%; margin: 10px 0 0 10px;}
input:focus, input:hover, textarea:focus, textarea:hover {border: 2px solid #F8B230;}
.vertical {vertical-align: bottom;}
.home-highlight {width: 50%;}
.text-centre {text-align: center;}



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


/*This sets the colour for the bar underneath the bottom navigation*/
.maintainer {background: transparent; color: #DAA6C9; position:}
/*This sets the colour of the text for the updated date*/
.maintainerleft {color: #DAA6C9;}
/*This sets the colour of the text for the maintainer text*/
.maintainerright a:link, .maintainerright a:visited, .maintainerright a:active {color: #DAA6C9;}
/*This sets the colour of the text for the maintainer text, when the mouse is rolled over*/
.maintainerright a:hover {color: #fff;}
/*This sets the colour of the approved text at the very bottom of the screen*/
.approved {color: #DAA6C9;}