body
{
color: #383838;
background: #fff url(/images/bg_white.jpg) repeat-x center top;
}
div.loading
{
background: url(/images/loading_white.gif) no-repeat;
}
a:link, a:visited
{
color: #383838;
}
a:hover, a:active, a.active:visited, a.active:link
{
color: #848484;
}
hr
{
color: #585858;
border-bottom: 1px dotted #585858;
}

h2, h3, h4
{
color: #383838;
}
p.logo, p.logo a
{
background: url(/images/logo_white.gif) no-repeat center top;
}

div.articlewhite
{
width: 967px;
float: left;
background: #bcbcbc url(/images/article_white.png) repeat-y;
}
div.articlewhite h1, div.articlewhite h2.enquiry, div.section_contact div.left p.your
{
margin: 0 0 25px 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
height: 32px;
width: 100%;
}
div.articlewhite h1.links{background: url(/titles/links.gif) no-repeat;}
div.articlewhite h1.search{background: url(/titles/search.gif) no-repeat;}
div.articlewhite h1.error404{background: url(/titles/error404.gif) no-repeat;}
div.articlewhite h1.about{background: url(/titles/about.gif) no-repeat;}
div.articlewhite h1.contact{background: url(/titles/contact.gif) no-repeat;}
div.articlewhite h1.events{background: url(/titles/events.gif) no-repeat;}
div.articlewhite h1.geography{background: url(/titles/geography.gif) no-repeat;}
div.articlewhite h1.map{background: url(/titles/map.gif) no-repeat;}
div.articlewhite h2.enquiry{background: url(/titles/enquiry.gif) no-repeat;}

div.section_gradient, div.section_about
{
width: 897px;
padding: 45px 35px 25px 35px;
float: left;
min-height: 375px;
height: auto;
}
div.section_contact
{
width: 967px;
float: left;
min-height: 435px;
height: auto;
background: #5f3f0f url(/images/contact.jpg) no-repeat;
}
div.section_about
{
background: url(/images/about.jpg) no-repeat;
width: 435px;
padding: 45px 255px 25px 35px;
}
div.section_about p
{
float: left;
width: 100%;
}
div.aside_about
{
float: right;
width: 241px;
border-left: 1px solid #fff;
}
div.aside_about img
{
float: left;
}
div.aside_about p
{
margin: 0;
}

div.section_gradient ul.links
{
float: left;
width: 897px;
padding: 0;
margin: 0;
list-style-type: none;
}
div.section_gradient ul.links li
{
float: left;
width: 204px;
padding: 0 20px 0 0;
margin: 0 0 1.2em 0;
}
div.section_gradient ul.links li a:link, div.section_gradient ul.links li a:visited
{
text-decoration: none;
}
div.section_gradient ul.links li a strong
{
color: #3b3a3a;
}
div.section_gradient ul.links li a:hover, div.section_gradient ul.links li a:active
{
text-decoration: underline;
color: #826333;
}
div.section_gradient ul.links li a:hover strong, div.section_gradient ul.links li a:active strong
{
text-decoration: underline;
color: #3b3a3a;
}

div.section_gradient div.event
{
width: 100%;
float: left;
margin: 0 0 8px 0;
background: url(/images/events.png) no-repeat;
}
div.section_gradient div.event img
{
float: left;
padding: 0 20px 0 0;
}
div.section_gradient div.event h2
{
line-height: 1.1em;
padding: 6px 0 0 0;
height: 20px;
margin: 0 0 10px 0;
text-transform: uppercase;
cursor: pointer;
}
div.section_gradient div.event h2 span
{
font-weight: normal;
text-transform: none;
}
div.section_gradient div.eventinner
{
float: right;
width: 693px;
}
div.section_gradient div.eventinnerwide
{
float: left;
width: 897px;
}
div.section_gradient div.map
{
float: left;
width: 897px;
height: 780px;
}

/* ######## Form Stuff ######## */
div.section_contact div.left
{
float: left;
width: 280px;
color: #fff;
padding: 45px 35px 25px 35px;
}
div.section_contact div.left h2
{
color: #fff;
}
div.section_contact div.left p
{
font-size: 1.2em;
}
div.section_contact div.left p.small
{
font-size: 1.1em;
}
div.section_contact div.left p.your
{
background: url(/images/your.gif) no-repeat;
height: 28px;
width: 100%;
margin: 5px 0 10px 0;
}
div.section_contact div.form
{
float: right;
width: 412px;
border-left: 1px solid #fff;
padding: 45px 35px 25px 35px;
color: #fff;
}
div.section_contact div.form div.gap
{
width: 412px;
float: left;
padding: 15px 0 0 0;
}
div.section_contact div.form p.field, div.section_contact div.left p.field
{
width: 100%;
float: left;
margin: 0 0 6px 0;
padding: 0;
}
div.section_contact div.left p.field, div.section_contact div.left div.status p
{
font-size: 1.1em;
}
div.section_contact div.form p.field span.left
{
float: left;
width: 120px;
text-transform: uppercase;
padding: 3px 0 0 0;
}
div.section_contact div.left p.field label
{
text-transform: uppercase;
}
div.section_contact div.form p.check
{
width: 100%;
float: left;
}
div.section_contact div.form p.check span
{
float: left;
width: 206px;
}
div.section_contact div.form p.submit, div.section_contact div.left p.submit
{
float: left;
width: 412px;
margin: 0 0 5px 0;
}
div.section_contact div.left p.submit
{
width: 280px;
}
div.section_contact div.form p.submit strong, div.section_contact div.left p.submit strong
{
padding: 5px 0 0 0;
float: left;
}
div.section_contact div.form p.submit input, div.section_contact div.left p.submit input
{
border: 0 none;
color: #5e3d0e;
padding: 4px;
font-weight: bold;
background: #fff;
}
div.section_contact div.form p.submit input, div.section_contact div.left p.submit input{vertical-align: middle;}
div.section_contact div.form p.submit input.submit, div.section_contact div.left p.submit input.submit
{
float: right;
}
div.section_contact div.form p.field input, div.section_contact div.form p.field textarea, div.section_contact div.form p.field select,
div.section_contact div.left p.field input, div.section_contact div.left p.field textarea, div.section_contact div.left p.field select
{
background: #fff;
border: 1px solid #b39b78;
width: 190px;
}
div.section_contact div.left p.field input, div.section_contact div.left p.field textarea, div.section_contact div.left p.field select
{
width: 272px;
}
div.section_contact div.form p.field textarea, div.section_contact div.left p.field textarea
{
vertical-align: top;
height: 70px;
}
div.section_contact div.form p.field input.alert, div.section_contact div.form p.field select.alert, div.section_contact div.form p.field textarea.alert
{
border: 1px solid #ad0202;
}
div.section_contact div.form form
{
float: left;
width: 100%;
}

div.section_contact div.form p.field select
{
padding: 2px;
width: 198px;
}
div.section_contact div.form p.field select.auto
{
width: auto;
}
div.section_contact div.form p.field select.autoright
{
text-align: right;
width: auto;
}
div.section_contact div.form span.star, div.section_contact div.left span.star
{
color: #ad0202;
font-weight: bold;
}
div.section_contact div.form p.field input#verify
{
width: 130px;
}
div.section_contact div.form p.field img
{
float: right;
}

div.section_contact div.form div.status, div.section_contact div.left div.status
{
background: #ad0202;
border: 1px solid #ad0202;
width: 410px;
margin: 0 0 10px 0;
float: left;
}
div.section_contact div.left div.status
{
width: 280px;
}
div.section_contact div.form div.status p, div.section_contact div.left div.status p
{
width: 400px;
float: left;
padding: 3px 5px;
margin: 0;
color: #fff;
font-weight: bold;
}
div.section_contact div.left div.status p
{
width: 270px;
}
div.section_contact div.form div.status ul, div.section_contact div.left div.status ul
{
width: 380px;
float: left;
padding: 3px 5px 3px 25px;
background: #fff;
color: #ad0202;
}
div.section_contact div.left div.status ul
{
width: 250px;
}
div.section_contact div.form div.status ul, div.section_contact div.left div.status ul
{
margin: 0;
}
div.section_contact div.form div.status ul li, div.section_contact div.left div.status ul li
{
font-size: 1.1em;
}
div.section_contact div.form p.field span.small
{
line-height: 1em;
font-size: .9em;
}
div.section_contact div.form form, div.section_contact div.left form
{
float: left;
width: 100%;
}
div.section_contact div.form form.loading
{
background: url(/images/loading_form.gif) no-repeat 300px bottom;
}

div.section_contact div.left form.loading
{
background: url(/images/loading_form.gif) no-repeat 170px bottom;
}
/* ######## END Form Stuff ######## */


div.footer
{
color: #848484;
border-top: 1px solid #d0d0d0;
}
div.footer div.email
{
border-top: 1px solid #d0d0d0;
}
div.footer ul.links li.email, div.footer ul.links li.email a
{
background: url(/images/email_white.gif) no-repeat;
}
div.footer p.search
{
background: #e9e9e9;
}
div.footer p.search input.input
{
background: #e9e9e9;
color: #848484;
}
div.footer a:link, div.footer a:visited
{
color: #000;
}
div.footer a:hover, div.footer a:active
{
color: #848484;
}