/*
Website: http://www.wilsonorganisation.co.uk
Author: Laura Zucchetti
*/

@import url("base.css");

/*
=============================
ACCESSIBILITY
=============================
*/
#skip_to,
.hidden {height:0;padding:0;}

#skip_to ul,
#skip_to li,
#skip_to a,
.hidden {height:0; padding:0; margin:0; text-indent:-999px; list-style-type:none; display:inline; overflow:hidden; position:absolute;}

/*
=============================
TYPOGRAPHY
NOTES: This sets the main font styles, However some elements are overridden where needed throughout the css file.
=============================
*/

h1, h2, h3, h4, h5, h6 {font-family:"Times New Roman", Times, serif;}
h1 {margin:0 0 .5em 0; padding:0; font-weight:normal; font-size:2.2em; clear:both; color:#333;}
div.static h1 {color:#FFFFFF;}
h2 {margin:0 0 .4em 0; padding-top:5px; font-weight:normal; font-size:1.5em; color:#333;}
h3 {font-size:1.3em; font-weight:normal; margin:0 0 .4em 0; padding:5px 0 0px 0; color:#333;}
a, a:link {color:#004883; text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:0 0 1em 0; padding:0; font-size:1.1em; line-height:1.5em;}
p.intro {font-size:1.4em!important; line-height:1.3em;}
table {font-size:1em;}
p.caption {margin:.2em 0 2.5em 0; font-style:italic; font-size:.9em; padding:0; color:#999; text-align:right;}
p.btt_btn {margin:2em 0 0 0; padding-left:8px; clear:both; background:url(../css_images/btn-btt.gif) no-repeat left 50%;}
p.btt_btn a {font-size:.9em; color:#999; text-decoration:underline;}
p.table_caption {font-size:1em; color:#CCC; text-align:right; font-style:italic;}
table {font-size:100%;}
p.small {font-size:1em;}

/*
=============================
Global elements
=============================
*/

.clear {clear:both;height:0;width:0;font-size:0;}
body {font-family:Arial, Helvetica, sans-serif; font-size:70%; text-align:center; background-color:#DAE4ED; color:#7F7F7F; padding-bottom:1em;}
#outer {width:954px; margin:auto; text-align:left; background:#FFFFFF;}
#header {min-height:122px; position:relative;}
#header img {border:none; position:absolute; top:10px; left:6px;}
#header #site-info p {float:right; width:506px; margin-right:20px; margin-top:84px; background:url(../css_images/quote.gif) no-repeat; text-indent:-999em;}

#wrapper {padding:0 13px;}
#wrapper #content {width:725px; float:right; padding-bottom:14px;}
#wrapper #content.home {width:926px; float:none; padding-bottom:25px;}
#sidebar {width:180px; float:left; padding-bottom:25px;}

/* 
=============================
BREADCRUMBS
=============================
*/

#breadcrumbs {height:3em;}
#breadcrumbs ul {margin:0; padding:0; list-style-type:none;}
#breadcrumbs ul li {float:left; color:#999; padding-right:0.5em; line-height:19px; font-size:1em;}
#breadcrumbs li a {color:#CCC; text-decoration:none; font-size:1em;}


/*
=============================
MAIN NAVIGATION (TOP)
=============================
*/

#navigation {height:25px; margin:0 13px 14px 13px; font-size:1.1em; border-bottom:solid 1px #E5E5E5; border-top:solid 1px #E5E5E5; font-family:"Times New Roman", Times, serif;}

ul#main_nav {width:810px; float:left; margin:0; padding:0; list-style-type:none;}
ul#main_nav li {margin:0; padding:0; float:left; list-style-type:none; font-size:1.25em;}
ul#main_nav li.first_nav {padding:0 8px 0 0px;}
ul#task_bar {width:82px; float:right; margin:0; padding:0; list-style-type:none; float:right; text-align:right;}
ul#task_bar li {margin:0; display:inline; list-style-type:none; font-size:1.25em;}
ul#main_nav li a,
ul#task_bar li a {display:block; color:#8A8A8A; text-decoration:none; padding:4px 8px;}
ul#main_nav li a:hover,
ul#task_bar li a:hover {color:#004883; text-decoration:none;}
ul#main_nav li.active_nav a,
ul#task_bar li.active_nav a {color:#004883; background:#F0F0F0;}

/*
=============================
SIDE NAVIGATION (left)
=============================
*/

#sidebar ul {margin:0 0 20px 0; padding:2px 0 0 0; list-style-type:none;}
#sidebar ul li {margin:0 0 3px 0; font-size:1.1em; line-height:1.3em;}

#sidebar a {display:block; padding:.25em 5px; width:170px; background:#EDF2F6; border-bottom:1px solid #E1EAF1; border-top:1px solid #E1EAF1;}
#sidebar li.sn_active_btn a {font-weight:bold; color:#333; background-color:#F1F1F1; border-bottom-color:#E5E5E5; border-top-color:#E5E5E5;}
#sidebar a:link, 
#sidebar a:visited {text-decoration:none;}
#sidebar a:hover {background-color:#F1F1F1; color:#333;}
/*Nest one*/
#sidebar li ul {margin:0 0 5px 0; background:none;}
#sidebar li ul li {font-size:.9em; line-height:1.1em;}
#sidebar li ul li a {border-bottom:1px solid #EBF1F5!important; border-top:1px solid #EBF1F5!important; font-weight:normal!important; color:#004883!important; background:#F7F9FB!important;}
#sidebar li ul li a:hover {color:#333!important; background:#F9F9F9!important;}
#sidebar li ul li.sn_active_btn a {font-weight:bold!important; color:#333!important; background:#F9F9F9!important;}


/*
=============================
HOME LAYOUT
=============================
*/

/*Banner advertising area*/
div.advert {margin-bottom:.8em;}

/*News scroller*/
div.news-scroller {height:24px; border-top:solid 1px #E0E0E0; border-bottom:solid 1px #E0E0E0; padding:0px 9px 0 0; margin-bottom:1.5em; font-family:Arial, Helvetica, sans-serif;}
div.news-scroller p.hd {float:left; width:9.5em; margin:0 9px 0 0; background:#F5F5F5; font-size:1em;}
div.news-scroller p.hd a {display:block; color:#333; padding:5px 4px 2px 9px; font-weight:bold;}
div.news-scroller ul {margin-top:1px; margin-left:9px;}
div.news-scroller ul li {font-size:1em; font-style:italic; padding:6px 0 0 0;}
div.news-scroller ul li a {color:#8C8C8C;}

/*3 col home layout*/
div.intro-home {float:left; width:310px; padding:10px 0 0 20px;}
div.intro-home h1 {font-size:1.6em;}
div.intro-home p {line-height:1.5em;}

div.cta-home {float:right; width:560px; min-height:200px;}
div.cta-home div.wrap {float:left; width:253px;}
div.cta-home ul {width:253px; padding:7px; margin-bottom:1em; background:#F9F9FA; border-top:solid 1px #E0E0E0; border-bottom:solid 1px #E0E0E0;}
div.cta-home ul.last {float:right; width:253px;}
div.cta-home ul li {font-size:1.1em;}
div.cta-home ul li h2 {font-size:1.3em;}
div.cta-home ul ul {border:none; width:100%; padding:0; margin-bottom:0;}
div.cta-home ul ul li {font-size:1em; background:url(../css_images/bullet.gif) no-repeat 0 4px; padding:0 0 5px 10px;}

/*
=============================
ALL PAGES
=============================
*/

div.right_info {float:right; margin:0.7em 0pt 0.7em 0.7em;}
div.page-brand {margin-bottom:1.4em;}

.content-img {margin-bottom:2em;}
div.main {float:left; width:432px; margin-bottom:2em;}
div.main ul li {background:url(../css_images/bullet2.gif) no-repeat 0 3px; padding:0 0 5px 16px; line-height:1.2em; font-size:1.1em;}


div.cta-areas {float:right; width:266px; margin-right: 5px;}
div.cta-areas ul li {background:#F9F9FA; margin-bottom:2.2em; padding:5px 9px; border-top:solid 1px #E0E0E2; border-bottom:solid 1px #E0E0E2;}
div.cta-areas ul li h2 {font-size:1.4em; color:#333; margin:0 0 .5em 0;}
div.cta-areas ul li p {font-size:1em; margin:0 0 .5em 0; padding-bottom:0; line-height:1.2em;}
div.cta-areas ul li ul {margin:1.3em 0 0 0; padding:0; border:none;}
div.cta-areas ul li ul li {font-size:1.1em; background:url(../css_images/bullet.gif) no-repeat 0 4px; padding:0 0 5px 10px; margin:0; border:none;}
div.cta-areas ul li dl {width:20em; margin:0 0 .5em 0; min-height:3em; font-size:1.1em;}
div.cta-areas ul li dl dt {width:4em; padding:0; margin:0; line-height:1.5em; float:left; font-weight:normal;}
div.cta-areas ul li dl dd {line-height:1.5em; margin:0; color:#004883;}

/*
=============================
PEOLPE TABLE LIST
=============================
*/
ul.table-list {margin-bottom:2em;}
ul.table-list li {width:130px; margin:0 15px 12px 0; float:left; color:#7F7F7F;}
ul.table-list li.last {margin:0 0 12px 0;}
ul.table-list li img {margin-bottom:3px;}
ul.table-list li dl {background:#F9F9FA; border-top:#E3E3E4 solid 1px; border-bottom:#E3E3E4 solid 1px; padding:4px 3px; margin:0;}
ul.table-list li dl dt, ul.table-list li dl dd {margin:0; padding:0; display:block;}
ul.table-list li dl dt {padding-bottom:5px;}
ul.table-list li dl dd {font-size:.9em;}
ul.table-list li a {color:#7F7F7F;}
ul.table-list li a:hover {color:#004883; text-decoration:none;}

/*
=============================
PEOLPE PROFILE PAGE
=============================
*/
img.profile {margin:1em 0 2em 0;}

/*
=============================
NEWS AND EVENTS
=============================
*/
div.main ul.headlines {margin-bottom:1em;}
div.main ul.headlines li {background:none; padding:0; margin-bottom:2em;}
div.main ul.headlines li h2 {font-size:1.3em;}
div.main ul.headlines li p {margin-bottom:.5em; font-size:1em;}
div.main ul.headlines li em {font-size:.8em; display:block;}


/*
=============================
FORMS 
=============================
*/

/*All forms*/
fieldset {margin:1.2em 0 .5em 0;}
.formrow {margin-bottom:1em;}
label {display:block; font-size:1.1em; font-weight:normal; padding:0 0 .3em 0;}
.textfield, textarea, .dropdown {border:1px solid #CCC; background-color:#FFF; font-size:1em; padding:.4em; margin-bottom:.8em;}
input, textarea {display:block;}
textarea {font-size:1.4em;}
input.button {margin:2em 0 0 0;}
div.form em {color:#DD273D; font-weight:bold;}
.msg {font-size:.9em!important; padding:5px 0;}
.error {color:#DD273D;}
.alert label {color:#DD273D;}
.alert input {border:solid 1px #DD273D; background:#FFE5E5;}
.inline {display:inline;}
.checkbox {clear:left; float:left; margin-top:-1px;}

/*News and events*/
div.main form {border-top:solid 1px #E3E3E4; border-bottom:solid 1px #E3E3E4; padding:1em 0;}
div.main form input.textfield {width:300px; background-color:#FAFAFA; margin-bottom:1.8em;}
p.btn-add-person a {display:block; width:147px; height:25px; background:url(../css_images/btn-add-person.gif) no-repeat; text-indent:-999em; margin-top:1em;}
div.cta-areas input.textfield {width:90%;}
div.main form textarea {width:400px; height:110px; background-color:#FAFAFA; font-size:1.2em; font-family:Arial, Helvetica, sans-serif;}
p.btn-book a {display:block; width:130px; height:25px; background:url(../css_images/btn-book-event.gif) no-repeat; text-indent:-999em;}

fieldset.checkboxes label,
fieldset.checkboxes .checkbox {margin-bottom:.5em}


/*
=============================
FOOTER
=============================
*/

#footer {clear:both; width:954px; margin:auto; text-align:left; height:20px; padding:8px 0 0 0; margin-bottom:2em;}
#footer ul {float:left; list-style-type:none; margin:0; padding:0; width:730px;}
#footer ul li {margin:0; padding:0 8px; display:inline; list-style-type:none; border-right:solid 1px #C1C5C8;}
#footer ul li.first_nav_foot {padding:0 8px 0 0;}
#footer ul li.last_nav_foot {border-right:none;}
#footer ul#author {width:auto; float:right; margin:0; padding:0; list-style-type:none;}
#footer ul#author li {margin:0; padding:0; list-style-type:none; border-right:none;}
#footer a {color:#A6A8AA; text-decoration:none; font-size:1em;}
#footer a:hover {text-decoration:underline;}

input.numberfield {text-align: right;}

#footer2 {clear:both; width:954px; margin:auto; text-align:center; padding:8px 0 0 0; margin-bottom:2em;}
#footer2 p {font-size: 1em; color: #A6A8AA;}