/*///// Global Site Styles /////*/

#wrap{width: 1000px; margin: 0 auto;}
#hdr{background: url(/images/bg-hdr.gif) no-repeat bottom left; padding: 30px 25px 5px 25px;}
#logo, #signup{float: left; width: 635px; text-align: right;}
#signup{width: 310px; margin-top: 11%;}
#nav{float: right; margin-bottom: 2px; text-align: right;}

#content
{
    background: url(/images/bg-wrap.gif) repeat-y;
    padding: 0 25px;
}


#ftr
{
    height: 40px;
    color: #C7CDC5;
    background: url(/images/bg-ftr.gif) no-repeat top left;
    padding: 0 25px;
    text-align: center;
    font-size: 85%;
}

/*///// Text, Links, Images Etc /////*/

#nav ul, #nav ul li{display: inline; margin: 0; padding: 0; list-style: none;}

#nav a, #nav a.on{float: left; width: 72px; height: 37px; background: url(/images/nav/home.gif) no-repeat top left transparent;}
#nav a:hover, #nav a.on{background-position: 0 -37px;}
#nav a.location, #nav a.location-on{width: 97px; background: url(/images/nav/location.gif);}
#nav a.location:hover, #nav a.location-on{background-position: 0 -37px;}
#nav a.availability, #nav a.availability-on{width: 114px; background: url(/images/nav/availability.gif);}
#nav a.availability:hover, #nav a.availability-on{background-position: 0 -37px;}
#nav a.occupiers, #nav a.occupiers-on{width: 110px; background: url(/images/nav/occupiers.gif);}
#nav a.occupiers:hover, #nav a.occupiers-on{background-position: 0 -37px;}
#nav a.environmental, #nav a.environmental-on{width: 141px; background: url(/images/nav/environmental.gif);}
#nav a.environmental:hover, #nav a.environmental-on{background-position: 0 -37px;}
#nav a.news, #nav a.news-on{width: 74px; background: url(/images/nav/news.gif);}
#nav a.news:hover, #nav a.news-on{background-position: 0 -37px;}
#nav a.links, #nav a.links-on{width: 125px; background: url(/images/nav/links.gif);}
#nav a.links:hover, #nav a.links-on{background-position: 0 -37px;}
#nav a.contact, #nav a.contact-on{width: 120px; background: url(/images/nav/contact.gif);}
#nav a.contact:hover, #nav a.contact-on{background-position: 0 -37px;}
#nav a b{display: none;}

#ftr a{color: #374C30; text-decoration: none; margin: 0 3px;}
#ftr a:hover{text-decoration: underline;}

.newsarchive{color: #E94625; font-size: 90%;}
.newsarchive a{color: #E94625;}

.strapline
{
    float: right;
    font-size: 150%;
    text-align: right;
    line-height: 23px;
    margin-bottom: 15px;
}

#map
{
    width: 90%;
    height: 400px;
}

table.newsarticle{margin: 30px 0;}
table.newsarticle td{border: 0; border-bottom: 1px #ccc solid; padding: 15px 0;}

.featurebox{background: #D9D9D9; padding: 10px; font-size: 85%; line-height: 15px;}
.featurebox p, table.newsarticle p{margin: 10px 0 20px 0;}
.featurebox span.title, table.newsarticle span.title{color: #ED3824; font-weight: bold; text-transform: uppercase;}
.featurebox em, table.newsarticle em{color: #5B754E; font-weight: bold; font-style: normal;}
.featurebox img{float: left; margin: 0 7px 7px 0;}

.featurebox ul li a{color: #4D6E40; text-decoration: none;}
.featurebox ul li a:hover{text-decoration: underline;}

#player{width: 235px; height: 130px;}

.quote
{
    color: #8DAC68;
    font-style: italic;
}

.occupierThumb{float: left; border: solid 1px #ccc;padding: 1px;margin: 0 5px 0 0;}

.errorMsg{color: #fe0000; font-weight: bold;}

/*///// Headings (image replacements) /////*/

h1#home, h1#location, h1#availability, h1#occupiers, h1#environmental, h1#news, h1#contact, h1#win, h1#answers,
h2#downloads, h2#news, h2#carshare, h2#usefullinks,
h3#carsharing, h3#translocation, h3#archaeological, h3#excavation, h3#form, h3#terms, h1#sitemap
{
    padding: 27px 0 0 0;
    overflow: hidden;
    background-image: url(/images/headings/home.gif);
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/: 27px;
    font-size: 100%;
}
h1#location{background-image: url(/images/headings/location.gif);}
h1#availability, h1#occupiers, h1#environmental, h1#news, h1#contact, h1#sitemap, 
h3#carsharing, h3#translocation, h3#archaeological, h3#excavation, h3#form, h3#terms{background-image: url(/images/headings/availability.gif); padding: 34px 0 0 0; height /**/: 34px;}
h1#occupiers{background-image: url(/images/headings/occupiers.gif);}
h1#environmental{background-image: url(/images/headings/environmental.gif);}
h1#news{background-image: url(/images/headings/news.gif);}
h1#contact{background-image: url(/images/headings/contact.gif);}
h1#win{background-image: url(/images/headings/win.gif);}
h1#answers{background-image: url(/images/headings/answers.gif);}
h1#sitemap{background-image: url(/images/headings/sitemap.gif);}

h3#carsharing{background-image: url(/images/headings/carsharing.gif);}
h3#translocation{background-image: url(/images/headings/translocation.gif);}
h3#archaeological{background-image: url(/images/headings/archaeological.gif);}
h3#excavation{background-image: url(/images/headings/excavation.gif);}
h3#form{background-image: url(/images/headings/form.gif);}
h3#terms{background-image: url(/images/headings/terms.gif);}

h2#downloads, h2#news, h2#carshare, h2#usefullinks
{
    padding: 39px 0 0 0;
    background-image: url(/images/headings/h2-downloads.gif);
    height: 0px !important;
    height /**/: 39px;
    margin-top: 10px;
}
h2#news{background-image: url(/images/headings/h2-news.gif);}
h2#carshare{background-image: url(/images/headings/h2-carshare.gif);}
h2#usefullinks{background-image: url(/images/headings/h2-usefullinks.gif);}

h4{font-weight: bold; color: #ed3824; font-size: 110%;margin: 10px 0 5px 0;}
h4 a{color: #ed3824;}

/*///// Form Styles /////*/

form.contactform label, form.contactform input, form.contactform textarea
{
    float: left;
    width: 70px;
    background: #fff;
    font-size: 90%;
    padding: 4px;
    margin: 2px;
}

form.contactform label{color: #ed3824;}
form.contactform input{width: 150px;}
form.contactform input#submit{width: 60px; padding: 2px 0; font-size: 80%;}
form.contactform textarea{width: 190px; height: 100px;}

form.contactform .labelSml{width: 60px;}

/*///// Big Brother Specifics /////*/

#content .bigBro{float: left; width: 920px;padding: 0 0 0 30px;}
#content .bigBro .broLeft{float: left;width: 630px;}
#content .bigBro .broRight{float: right;width: 283px;}

#content .bigBro .broLeft h1{font-weight: normal;font-size: 230%;height: 38px;line-height: 38px;margin: 10px 0 10px 0;}
#content .bigBro .broLeft h2{font-weight: normal;font-size: 180%;line-height: 1.2em;}
#content .bigBro .broLeft h3{font-weight: bold;color: #666666; font-size: 120%;}

#content .bigBro .broLeft .holder{float: left;background: #dff7c4 url(/images/green-top.gif) top left no-repeat;}
#content .bigBro .broLeft .holder .inner{float: left; width: 610px;padding: 10px;background: url(/images/green-btm.gif) bottom left no-repeat;}

#content .bigBro .broRight .holder{float: left;background: #d9d9d9 url(/images/grey-top.gif) top left no-repeat;}
#content .bigBro .broRight .holder .inner{float: left; width: 263px;padding: 10px;background: url(/images/grey-btm.gif) bottom left no-repeat;}