/* CSS Document */

* {margin:0; padding:0;}
img {vertical-align:bottom;}
h1 {text-weight:normal; font-size:1.8em; margin-bottom:10px; }
h4 {text-weight:normal; font-size:1.2em; margin-bottom:4px;}
p {text-align:left; margin:0 0 9px;} 
.clear {clear:both;}
table {margin:0 0 10px;}
th {text-align:left;}


body {background-image:url(../images/body-bg.jpg); background-repeat:repeat-x; background-color: #1a1a1b; font-family: Arial, helvetica, sans-serif; font-size: 62.5%; color:#fff;}

#container {margin:0 auto; width:851px; height:auto;}
#max-cont {background-image:url(../images/bod.jpg); background-repeat:repeat-y; width:851px; height:auto; margin:0 auto;}

#header {background:url(../images/newheader-bg.gif) no-repeat; width:851px; height:125px; position:relative;}

img#logo {float:left; display:inline; position:absolute; top:65px; left:73px;}

#header h2 {display:inline; font-size:1.2em; font-weight:normal; position:absolute; top:94px; left:78px;}
#header h3 {display:inline; font-size:1.2em; font-weight:normal; position:absolute; top:94px; left:165px;}
#header h2 a, #header h3 a{color:#777; text-decoration:none;}
#header h2 a:hover, #header h3 a:hover{color:#fff; text-decoration:underline;}

/* see nav.css for css */

#content-body {clear:both; font-size:1.2em; line-height:1.9em; background:url(../images/content-bg.gif) no-repeat; width:851px; overflow:auto;}
#content-body a{font-weight:bold;}

#left-content {width:485px; float:left; padding:0 0 0 30px;}
#left-content ul {margin-top:20px;}

#right-content {width:296px; float:right; padding:0 20px;}
#right-content img {float:right;}

#wide-content {width:790px; padding:0 20px 0 30px;}

p.recognition {clear:both; color:#7c7b7b; font-size:0.9em; letter-spacing:0.1em; float:right; padding-right:18px; margin-bottom:8px;}

#foot-gallery {clear:both; width:825px; height:219px; padding:0 13px;} 
#gal {float:left;}
#gal img {margin-right:12px;}
#gal-right {float:right; margin-right:1px;}

p#quote{font-style:italic;}
p#squash {float:left;}

#pub-img {margin:5px 0 10px 240px;}
#pub-img img{margin:0 15px;}

span.date{font-size:0.9em;}

#right-nav {margin:0 0 16px;}

ul#right-nav {float:right;}
ul#right-nav li{list-style:none;}
ul#right-nav a{display:block; width:200px; border-top:1px solid #444; border-left:1px solid #444; color:#fff; padding:6px 0 6px 20px; text-decoration:none;}
li#active a{color:#a1ba86;} 

#left-content  a.a1-1{font-weight:bold; text-decoration:none;}
#left-content  a.a1-1:hover{color:#9e21d8;  text-decoration:underline;}


#photo-box {width:580px; height:200x; border:1px solid #aaa; margin-left:100px; margin-bottom:15px; overflow:auto}
#photo-box img {float:left;} 
#photo-box h2{float:right; display:block; height:25px; width:400px; background:#222; text-decoration:none; font-weight:normal; border-top:1px solid #aaa; text-align:center; font-size:1.1em; font-weight:normal;}
#photo-box a:hover{background:#bbb;}
#photo-box p {font-size:0.9em; line-height:21px; width:370px; padding:5px 10px 0;  float:right; display:inline; }

img.side-gal {margin-bottom:25px;}

/* navigation, once link is clicked ~ colour goes back to white */
.first, .second, .third, .fourth, .fifth, .sixth a:active, a:visited, a:link{color:#fff;}

/* class given to individual hover links */
.first a:hover {color:#9e21d8;}
.second a:hover {color:#4b6eb3; }
.third a:hover {color:#a1ba86;}
.fourth a:hover {color:#c12424; }
.fifth a:hover {color:#f0ef78;}
.sixth a:hover {color:#bf8f85;}
.sky_blue a:hover {color:#33CCFF;}


/* heading tags for each page colour */
h1.purple {color:#9e21d8;}
h1.blue {color:#4b6eb3;}
h1.green {color:#a1ba86;}
h1.brown {color:#bf8f85;}
h1.yellow {color:#f0ef78;}
h1.red {color:#c12424;}
h1.sky-blue {color:#33CCFF}


/* bullet point styles depending on page colour */
ul#purple li {background:url(../images/purple-bp.gif) no-repeat; background-position:left top center; padding-left:25px; list-style:none; text-align:justify; padding-bottom:5px;}
ul#yellow li {background:url() no-repeat; background-position:left top center; padding-left:25px; list-style:none; text-align:justify; padding-bottom:5px;}
ul#blue li {background:url(../images/blue-bp.gif) no-repeat; background-position:left center; padding-left:19px; list-style:none; text-align:justify; padding-bottom:0px;}
ul#blue li a {font-weight:normal; text-decoration:none;}
ul#blue li a:hover {color:#4b6eb3; text-decoration:underline;}

ul#blue  li ul li {background:none}