﻿body 
{
    margin:0;
    padding:0;
    /*background-color:#F7F8F6;*/
    background-color:#FFF;
    font:100% georgia;
    color:#333;
}
br.clear
{
    clear:both;
}
a
{
    color:#333;
}
h2
{
    font-size:130%;
    margin:0;
    padding:0;
    font-weight:normal;
    color:#292d34;
    margin-bottom:5px;
}
h2.main
{
    padding-bottom:3px;
    border-bottom:2px solid #999865;
}
h2.top
{
    padding-top:10px;
}
p
{
    line-height:130%;
    font-size:90%;
    margin:0;
    padding:6px 0;
}
p.emphasise
{
    font-size:100%;
    margin-bottom:10px;
    line-height:1.4em;
}
p.detail
{
    font-size:80%;
    color:#636958;
    margin:0;
    padding:0;
}
input.textbox
{
    font-family:georgia;
    font-size:70%;
    color:#333;
}

#header
{
    height:150px;
    background-color:#31363E;
    border-top:10px solid #636958;
    border-bottom:2px solid #636958;
}
#header div#header-container
{
    width:730px;
    height:150px;
    margin-left:auto;
    margin-right:auto;
}
#header div.top-nav
{
    width:530px;
    float:left;
    text-align:right;
}
#header ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	margin-top:-5px;
}
#header li
{
	display:inline;
	background-color:#636958;
	padding:5px 8px;
}
#header li a
{
	color:#FFF;
	font-family:tahoma;;
	font-size:70%;
	text-decoration:none;
}
#header h1
{
    width:200px;
    height:150px;
    background:url(../i/logo.gif) no-repeat 28px center;
    margin-top:0;
    margin-bottom:0;
    padding:0;
    float:left;
}
#header h1 span
{
    display:none;
}

#container
{
    width:730px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}
#nav
{
    width:200px;
    float:left;
}
#nav h3
{
    font: 70% georgia;
    text-transform: uppercase;
    text-align: center;
    color: #636958;
    letter-spacing:4px;
    border-bottom:1px solid #CCC;
    padding-bottom:3px;
    margin-left:5px;
    margin-right:5px;
}
ul.mainnav
{
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.mainnav li
{
    display:block;
    padding:5px;
}
ul.mainnav li a
{
    text-decoration:none;
    color:#31363E;
    border-left:5px solid #FFF;
    padding-left:5px;
    padding-bottom:2px;
}
ul.mainnav li a:hover
{
    /*color:#000;
    border-bottom:1px dashed #999;*/
    border-left-color:#636958;
}
#nav span#hall
{
    padding:0 5px;
}
#content
{
    width:500px;
    margin-left:30px;
    float:left;
}
#welcome
{
    background-color:#E8E8E4;
    background-image:url(/i/grad.gif);
    background-repeat: repeat-x;
    padding:10px;
    margin:0;
}
#welcome h2
{
    margin-bottom:10px;
}
#welcome p
{
    font-size:100%;
    margin:0;
    padding:0;
    line-height:1.4em;
}
#welcome.gap
{
    margin-bottom:10px;
}
#login span
{
    padding:5px;
    display:block;
}
#login label
{
    padding:0 5px;
    font-size:90%;
}
#links
{
    list-style-type:none;
    margin:10px 0 0 0;
    padding:0;
}
#links li
{
    display:block;
    padding:2px 0;
}
#links li a
{
    color:#636958;
    font-size:95%;
}
#links li span
{
    display:block;
    padding-top:10px;
}
#whatson
{
    background-color:#E8E8E4;
    margin-top:20px;
    border-top:2px solid #CCC;
    border-bottom:1px solid #CCC;
}
#whatson div
{
    width:720px;
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    padding-bottom:20px;
}
#whatson h2
{
    margin-bottom:0;
}
#whatson ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
#whatson ul li
{
    padding-top:3px;
}
#whatson p
{
    margin:2px 0;
    padding:0;
    font-size:80%;
}
#whatson p.title
{
    margin-top:5px;
}
#whatson p.date
{
    color:#636958;
}
#footer
{
    width:720px;
    margin-left:auto;
    margin-right:auto;
    padding:20px 0 15px;
}
#footer ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
#footer ul li
{
    display:block;
    float:left;
    padding-right:10px;
}
#footer ul li#copyright
{
    float:right;
    font-size:70%;
    color:#999;
}
#footer ul li a
{
    display:block;
    font-size:70%;
    letter-spacing:3px;
    text-decoration:none;
    color:#999;
    padding-left:3px;
}
#footer ul li a:hover
{
    background-color:#CCC;
    color:#FFF;
}
div.box
{
    border:1px solid #CCC;
    padding:10px;
    margin-bottom:5px;
}
div.box p
{
    margin:0;
    padding:0;
}
div.box p a
{
    font-weight:bold;
    text-decoration:none;
    color:#333;
}
div.box p.date
{
    color:#999865;
}
div.box p a.simple
{
    font-weight:normal;
    text-decoration:underline;
}
div.copy
{
    padding-top:10px;
}
div.copy p
{
    line-height:1.6em
}
p.pointer
{
	font-family:verdana;
	font-size:70%;
	line-height:1.5em;
}
a.maplink
{
	font-family:verdana;
	font-size:70%;
	color:#292d34;
}
.listen-wrapper
{
	margin-top:15px;
}
.listen-wrapper h3
{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:160%
}
.listen-wrapper div
{
	margin-top:5px;
	padding-right:150px;
	padding-left:60px;
	background:url(/i/quote.gif) no-repeat 0 0;

}
.listen-wrapper p
{
	font-size:110%;
}
.listen-wrapper a
{

}