@charset "iso-8859-1";
/* author: Gary Mould */
/* Creation date: 26/02/2007 */
/* Extensive update: 09/2008, Dan Aylen */

/* Whole site body style */
body {
    margin: 0px;
    background-image: url(../images/background3.jpg);
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-color: #DDE3D6;
    color: #000}
    
#container {
    width: 90%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    min-width: 990px;
    max-width: 990px;
    background-color: #FFFFFF;
    margin-top: 9px}
    
/* Body fonts */
h1 {
    font-family: Verdana,sans-serif;
    font-size: 100%;
    font-weight: bold;
    margin: 10px 0px 20px 0px;
    z-index: 2} /*interesting! why does the z-index need to be +ve? investigate this later*/
       
h2 {
    font-family: Verdana,sans-serif;
    font-size: 90%;
    font-weight: bold;
    margin: 10px 0px 20px 0px}
    
h3, h4, h5, h6{
    font-family: Verdana,sans-serif;
    font-size: 80%;
    font-weight: bold;
    margin: 10px 0px 10px 0px}

p {
    font-family: Verdana,sans-serif;
    margin: 10px 0px 20px 0px;
    line-height: 120%;
    font-size:80%
    }

p.address 
{
    width:50%;
    position:relative;
    left:50px;
}

table
{
    font-size:medium;
}

/*list styles*/
ul, ol {
    margin: 5px 5px 15px 142px;
    padding-left: 0px;
    list-style-position: outside;
    font-family: Verdana,sans-serif;
    font-size: 70%}
    
ul.index 
{
    margin: 0px 0px 0px 20px;
    font-size:100%;
}
li.index
{
    
}
ul.index ul.index
{
    margin:0px 0px 0px 30px;
    font-size:100%;
}
ul.index ul.index ul.index
{
    margin:0px 0px 0px 30px;
    font-size:100%;
}
    
li {
    padding: 3px 0px 3px 0px;
    line-height: 90%}
    
dd {
    font-family: Verdana,sans-serif;
    font-size: 70%;
    display: inline;
    padding-bottom: 20px}
    
dt a {
    font-size: 70%}
    
/* forms */
label {
    width: 190px;
    font-family: Verdana,sans-serif;
    font-size: 80%;
    display: block;
    float: left;
    padding-top: 4px;
    padding-left: 8px}
    
input {
    width: 300px;
    font-family: Verdana,sans-serif;
    font-size: 80%;
    height: 17px;
    margin-right: 20px}

#submitbutton {
    width: 150px;
    height: 30px;
    margin: 25px 0px 0px 195px;}
    
#message {
    width: 492px;
    font-family: Verdana,sans-serif;
    font-size: 80%;
    display: inline;
    float: left;
    padding-top: 4px;
    padding-left: 8px;
    height: 150px;
    margin-top: 10px}

/* #nav is the left hand side menu. Items are defined as a list*/

#nav 
{
    width: 134px; 
    color: #000; 
    padding-left: 0px;
    padding-bottom: 75px;
    float: left;
    position: absolute;
    top: 80px;
    margin-left: 0px;
    min-height:600px}

#nav ul {
    margin: 5px 5px 5px 6px;
    padding-left: 0px;
    list-style: none;
    list-style-position: outside;
    font-family: Verdana,sans-serif;
    font-size: 80%}
   
#nav li {
    padding: 6px 0px 6px 0px;
    line-height: 100%}
  
#nav ul ul {
    padding-left: 10px;
    list-style: none;
    list-style-position: outside;
    font-family: Verdana,sans-serif;
    font-size: 80%;
    width: 100px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;}
    
#nav ul ul a:hover,
#nav ul ul a:active,
#nav a:hover, #nav a:active{   
        font-weight: bold;
        text-decoration: none;
        font-size: 100%;}
        


#nav ul.left a:hover
{
    font-weight: bold;
    text-decoration: none;
    font-size: 100%}
    
#nav ul.left a
{
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    font-size: 100%}
    
#nav ul.left a.this
{
    font-weight: bold;
    text-decoration: none;
    font-size: 100%}
   
#nav a:link, #nav a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #000;
    font-size: 100%;
    display: block;
    width: 120px}

#nav p{
    font-size:70%;
    color:black;
    margin:15px 0px 0px 6px;
}

/* skip menus */
.skip {
    position:absolute;
    top:0px;
    left:-1000px; }
    
.skip:focus,.skip:active {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #c30;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 75%;
    font-weight: bold;
    padding: 10px}

/* footer */
#footer 
{
    background-repeat: repeat-x;
    height: 70px;
    width: 90%;
    float: left;
    position: fixed;
    bottom: 0px;
    min-width: 990px;
    max-width: 990px;
    margin-bottom: 0px;}

#footer ul {
    margin: 13px 0px 0px 0px;
    padding: 7px 0px 5px 0px;
    float: left}
    
#footer li {
    display: inline;
    height: 40px;
    padding-left: 7px;
    background-image: url(../images/divider.gif);
    padding-right: 2px}
    
.footerdivider {font-size: 26px}
.footerdividerhide {display: none}

#footerleft ul {
    margin: 0px 0px 5px 2px;
    background-image: url(../images/dividerbullet.gif);
    padding: 0px 0px -1px 10px}
    
#footerleft li {
    display: inline;
    margin-right: 8px;
    padding-left: 2px;
    background-image: url(../images/dividerbulletr.gif);
    background-position: right}
    
#footerleft a:link, #footerleft a:visited {
    font-weight: normal;
    text-decoration: none;
    color: #000;
    background-color: #DDE3D6;
    font-size: 100%;
    margin-right: 10px;
    margin-left: 1px}
    
#footer .leftitem 
{
    background-image: none;
    padding-left: 0px;
    padding-right: 3px;
    margin-left: 21px
}

#footerleft a:hover,
#footerleft a:active 
{
    font-weight: normal;
    text-decoration: none;}

#footerleft {
    font-weight: normal;
    font-size: 80%;
    font-family: Verdana,sans-serif;
    display: block;
    float: left;
    margin: 50px 0px 0px -600px;
    background-color: #DDE3D6}
    
#footerright {
    float: right;
    vertical-align: top;
    text-align: right;
    font-family: Arial,Verdana,sans-serif;
    font-size: 80%;
    margin: 50px -390px 0px 0px; 
    background-color: #DDE3D6}

#footerright img {
    border: 0px;
    margin: 3px 0px 2px 0px}
    
#footerright ul {
    display: inline;
    margin: 0px 1px 0px 50px;
    padding: 0px 0px 0px 0px;
    vertical-align: middle; 
    list-style-type: none}
    
#footerright li {
    display: inline;
    list-style-type: none;
    vertical-align: middle;
    background-image: none;
    margin: 0px}

#textsize img {
    border: 0px;
    vertical-align: text-bottom;
    margin: 0px 0px 0px -5px;
    padding: 0px 0px 0px 0px}
    
#textsize a:link, a:visited, a:hover, a:active {
    font-family: Verdana,sans-serif;
    font-size: 120%;
    text-decoration: none}
    
#textsize ul {
    background-image: none;
    margin: 12px 12px 0px 0px;
    padding: 5px 0px 5px 0px}
    
#textsize li {
    display: inline;
    height: 90px;
    padding-left: 6px;
    background-image: url(../images/divider.gif);
    padding-right: 2px}

#textsize {
    float: right;
    margin-right: 0px;
    margin-top: 0px;
    height: 50px;
    background-position: right}

/* main content frame */
    
#content a:link,
#content a:visited,
#content a:active {text-decoration: none}
#content a:hover{text-decoration: none; font-weight:bold}

#content a, #content ul li a {font-size: 100%}
#content img {
    margin-right: 10px;
    float: left;
    border: 0px}
    
#content .imgright {
    margin-left: 10px;
    float: right;
    border: 0px}
    
#content .imgmiddle {
    display:block;
    margin:0px auto 0px auto;
    border: 0px;}
    
#content .homeimg {
    float: left;
    border: 0px;
    margin-top: -20px}
    
#content sup {
    font-size: 95%;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em}
    
#content sub {
    font-size: 95%;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em}
    

.siteindexlist {font-size: 80%; font-weight: bold}
.siteindexlist ul {margin-left: 20px; font-size: 100%; font-weight: normal}
.siteindexlist ul ul {margin-left: 20px; font-size: 85%; font-weight: normal}

#noindent p {margin-left: 0px}
#noindent ul {margin: 5px 5px 5px 17px; padding-left: 0px; list-style-position: outside; font-family: Verdana,sans-serif; font-size: 70%}


/* Liquid Layout */

#headermenuliquid {}
#headermenuliquid a:link,
#footer a:link,
#headermenuliquid a:visited,
#footer a:visited
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
    font-size: 120%}
    
table.timetables
{
    border-style:none;
    font-family: Verdana,sans-serif;
    font-size: 75%;
    margin: 10px 0px 20px 0px;
    line-height: 120%}
tr.header{border-color: #ffffff; border-width:1px; font-weight:bold}
tr.rowone{background-color: #FFFFFF; border-width:1px; border-color: #ffffff;}
tr.rowtwo{border-color: #ffffff; border-width:1px;} 
td{border-color: #ffffff; border-style:solid;}

/* Right hand side navigation menu */
#rightmenu
{
    width:25%;
    float:right;
    border:solid 1px;
    padding: 0px 0px 20px 20px;
}
#rightmenu ul
{
    margin: 0px 0px 0px 0px;
}
#rightmenu li
{
    margin: 0px 0px 0px 20px;
}
    
/*Is this ever used!*/
#headermenuliquid img {border: 0px; margin: 0px; padding: 0px; vertical-align: text-top}
#headermenuliquid .ktoplink {position: absolute; top: 17px; right: auto; left: auto; width: 900px; height: 52px; min-width: 990px; max-height: 52px}
#headermenuliquid .headermenuk {margin: 19px 0px 0px 20px; width: 970px}
#headermenuliquid .headermenu {margin: 16px 0px 0px 20px; width: 970px}
    
    
    
/*this stuff is always redefined for individual sites so why is it needed here?*/
/*Maybe this should be moved to the kennet specific file?*/
   
/* Graveyard */
    
/*#headermenuliquid5 {background-image: url(../images/header08liquid_05.gif); width: 23px; height: 56px; float: left; background-repeat: no-repeat}
#headermenuliquid6 {background-image: url(../images/header08liquid_06.gif); height: 56px}
#headermenuliquid7 {background-image: url(../images/header08liquid_07.gif); width: 25px; height: 56px; float: right}
#headermenuliquid5 ul {margin: 1px 0px 0px 0px; padding: 7px 0px 5px 0px; float: left}
#headermenuliquid5 li {display: inline; height: 20px; padding-left: 7px; background-image: url(../images/divider.gif); padding-right: 7px}
#headermenuliquid5 .leftitem {background-image: none; padding-left: 0px; padding-right: 3px; height: 40px; display: inline}
#headermenuliquid5 div ul {padding: 0px; margin: 0px; list-style-type: none; width: 150px;}
#headermenuliquid5 div li {padding: 5px; margin: 0px; display: block; background-image: none; height: 180%;}
*/
/*#headermenuliquid5 a:hover,
#headermenuliquid5 a:active,
#footer a:hover,
#footer a:active 
{
    font-weight: bold;
    text-decoration: none;
    background-color: #FFF;
    font-size: 120%}*/
    
    /*    
#nav ul ul a:link, #nav ul ul a:visited {
    color: #848484;
    display: block;
    width: 100px}
*/