/* CSS Document for WSF - by colin summers*/

/* html, body and container styles */
html,body{margin:0;padding:0}
body{font-family: Georgia,arial,sans-serif;text-align:center; color:#333333; background:url(../images/bg.jpg) repeat-x #fff; }
.homebg{font-family: Georgia,arial,sans-serif;text-align:center; color:#333333; background:url(../images/bg_home.jpg) repeat-x #fff; }
div#containerbg{width:100%;margin:0 auto; background:url(../images/bg_footer.gif) bottom repeat-x;}
div#container{width:100%;margin:0 auto; text-align:left; }


/* general  styles */
p{margin:0px 0px 15px 0px; font-size:13px;}
a{ color:#4F96E3; text-decoration:none;}
a:hover{ color:#4F96E3; text-decoration:underline;}
h1 {font-size:58px; color:#254174; margin:0px; padding:10px 0px 0px 0px; font-weight:normal; font-family: 'ArdleysHandRegular', Georgia, Arial, sans-serif; line-height:50px; }
h1.home {font-size:30px; color:#254174; margin:0px; padding:0px; font-weight:normal; font-family: Georgia, Arial, sans-serif; }
h2 {font-size:23px; color:#254174; margin:0px 0px 18px 0px; padding:0px; font-weight:normal;}
h3 {font-size:23px; color:#254174; margin:5px 0px 18px 0px; padding:0px; font-weight:normal;}
h3 a{color:#4F96E3;}
h3 a:hover{color:#4F96E3;}
h1 + p { font-size:16px;}
p.caption{ text-align:right; font-style:italic; color:#999;}
hr {border: 0;width: 260px;color: #ccc; background-color: #ccc;height: 1px; margin:0px 0px 20px 20px;}
img { border:none;}
.row { width:100%; clear:both;}				
.row-border { width:100%; clear:both; border-bottom:1px solid #E0E0E0;padding:10px 0px 10px 0px; float:left; position:relative;}
.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.info{ width:100%; clear:both; line-height:12px;}
.info-left { width:80px; float:left;}
.info-right { float:left; width:210px;}
.img-left { float:left; margin-right:20px;}
.img-left-big { float:left; margin-right:10px; padding-right:10px; padding-bottom:10px;}
.img-right { float:right; margin-left:20px; margin-bottom:20px;}
.img-right-big { float:right; margin-left:20px; padding-right:10px; padding-bottom:10px; background:url(../images/bg_image3.jpg) no-repeat 0px 0px;}
.img-border { border:1px solid #ccc; padding:5px; background-color:#FFF;}
.title { color:#333; font-size:11px; margin:5px 0px 6px 0px; font-weight:bold;}
.margin-bottom { margin-bottom:50px;}
.float-left { float:left;}
.float-right { float:right;}
.listing-left { float:left; width:280px;}
.listing-right { float:right;  width:280px;}

blockquote { margin:10px 0px 0px 0px; padding:0px; font-style:italic; color:#999999; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
.box-head { height:44px; width:100%; margin: 0px;}


/* logo and top navigation styles */
div#header{ position:relative; z-index:800; width:950px;}
div#header ul li a:link.active{ color:#333; background-color:#CDCDE0; padding:4px; text-decoration:underline;}
div#header ul li a {color:#999999;padding:4px;}
div#header .logo { float:left; margin:7px 0px 7px 0px; display:block; width:220px; height:143px; text-indent:-9999px;}
div#header .email { float:right; padding:10px 0px 10px 0px; background-color:#FFF; width:460px; margin:20px 0px 0px 0px; display:none; text-align:center; border:1px solid #E4E4E4;  }
div#header ul { list-style-type:none; display:inline;}
div#header ul li{ list-style-type:none; display:inline; color:#CCCCCC;}
div#header .search {position:absolute; color:#999999; float:right; width:600px; bottom:35px; right:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:right;}
div#header .searchbox { background-color:#fff; background-image:url(images/bg_search.jpg); border-top:1px solid #ccc; border:none; position:relative; left:3px; background-repeat:no-repeat; padding-left:10px; padding-bottom:6px;}
div#header .button { position:absolute; top:33px; right:0px;}


/* main menu */
ul#mainnav			{ display:none;clear:both; float:left; height:40px; position:relative;width:950px;margin:0px; padding:0px; background:url(../images/bg_nav.jpg) repeat-x; color:#CCC; z-index:990;}
ul#mainnav li		{ display:inline;margin:0px; padding:0px;}
ul#mainnav li a		{ padding:10px 21px 11px 21px; color:#fff; text-decoration:none;position:relative; top:1px; display:block; float:left; border-right:1px solid #1D335A;}
ul#mainnav li a:hover		{ padding:10px 21px 11px 21px; color:#264276; background:url(../images/bg_nav2.jpg) repeat-x;}
ul#mainnav li .on		{ padding:10px 21px 11px 21px; color:#264276; background:url(../images/bg_nav2.jpg) repeat-x;}


/* main homepage banner */
#tabbedbackground {background-color: #fff; display:none;z-index:998;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;width:420px; padding:20px; height:237px;position:absolute;margin-top:20px;margin-left:20px; border:1px solid #ccc;}
#tabbedbackground h1 {font-family: 'ArdleysHandRegular', Georgia, Arial, sans-serif; font-size:60px; line-height:55px; padding-top:10px;}
#tabbedbackground .logo{ position:absolute; right:20px; top:20px;}
div#banner { height:330px; width:990px; margin:0px 0px 20px 0px; display:none; clear:both; position:relative; right:20px; padding-top:7px;}
div#banner .image{ position:absolute; right:0px;bottom:5px; z-index:1; }
div#banner .bannerimage{ position:absolute; right:0px;bottom:-20px; z-index:999; }
div#banner-small { height:133px; background-image:url(images/banner.jpg); background-repeat:repeat-x; margin:0px 0px 20px 0px; clear:both; position:relative; top:10px;}
div#banner p{ font-size:15px; line-height:21px; margin-top:15px;}
div#banner a{ color:#FFF;}
div#banner .left{ float:left; padding:30px 20px 0px 0px; width:480px; position:absolute;}
div#banner .right{ float:right;position:relative; bottom:52px;}


/* breadcrumb */
.breadcrumb { color:#333;margin:0px; padding:0px; position:relative; top:10px;}

/* holds content on list/detail pages */
div#content { position:relative; width:100%;}
div#content #left-column { position:relative; top:0px; right:0px;}
div#content p{line-height:1.4; }


/* left content area */
div#left-column 				{ width: 300px; margin-bottom:20px; display:none; }
div#left-column .box			{ width: 300px; border:1px solid #E4E4E4; margin:0px 0px 20px 0px; padding:0px; float:left; background:#fff; position:relative;}
div#left-column .box .button	{ position:absolute; bottom:20px; left:20px;}
div#left-column .navbox			{ width: 300px;  border:1px solid #E4E4E4; margin:0px 0px 20px 0px; padding:0px; float:left;  position:relative; background-color:#FFF;}
div#left-column .navbox h2		{ padding:20px 20px 0px 20px;}
div#left-column .news  	        { background:url(../images/bg_news.jpg) repeat-x; position:relative;}
div#left-column .testimonials  	{ background:url(../images/bg_box2.jpg) no-repeat right top ;}
div#left-column .newsletter  	{ height:260px; position:relative;}
div#left-column .box h2		    { padding:20px 20px 0px 20px;}
div#left-column .box h2	a	    { color:#254174;}
div#left-column .box p		    { padding:0px 20px 10px 20px;}
div#left-column .box blockquote	{ font-size:13px; color:#999; background:url(../images/quote_top.jpg) no-repeat 20px 0px; padding:0px 20px 40px 60px;}
div#left-column .box blockquote	span{background:url(../images/quote_bottom.jpg) no-repeat 190px 10px; display:block; font-style:normal; font-weight: bold; color:#333; padding-bottom:10px;}
div#left-column .box a.relatedpage	{ color:#5B89C4; background:url(../images/bullet01.gif) no-repeat 0px 3px; display:block; padding-left:20px; font-size:15px;}

div#left-column ul 				{ margin:10px 0px 0px 0px; padding:0px;}
div#left-column ul li			{ margin:0px; padding:0px; border-top:1px solid #E0E0E0; padding:0px; list-style-type: none;}
div#left-column ul li a			{ padding:10px 0px 10px 15px; display:block; color:#5B89C4; background:url(../images/bullet01.gif) no-repeat left center; margin-left:20px; font-size:15px;}
div#left-column ul li a:hover	{ text-decoration:none; color:#333;}
div#left-column ul li .on		{ padding:10px 0px 10px 15px; display:block;  color:#333333;}

div#left-column .submit			{ position:relative; left:94px;}
div#left-column .contact		{ margin-top:20px;}
div#left-column .formfield		{ border:1px solid #E0E0E0; width:210px; margin-bottom:10px; padding:2px; color:#CCCCCC;}
div#left-column ul li ul		{ margin-top:0px;}
div#left-column ul li ul li a	{ display:block; color:#333333; padding:10px 10px 10px 35px; background-image:url(images/bg_sub.gif); background-repeat:no-repeat; background-position:left center;}


/* main content area */
div#centre-column { width: 100%; float:left; padding:0px; margin:0px; background: url(../images/bg_content.jpg) no-repeat #fff;}
div#centre-column h1{ margin-bottom:14px;}
div#centre-column h2{ font-size:21px; color:#3A3A3A; margin-bottom:35px;}
div#centre-column ul{ margin:20px 0px 0px 0px; padding:0px; list-style-type:disc;}
div#centre-column ul li{ margin:0px 0px 0px 50px; padding:0px 0px 20px 0px; font-size:13px;}
div#centre-column ul.relateddocs{ margin:20px 0px 0px 0px; padding:0px; list-style-type:none;}
div#centre-column ul.relateddocs li{ margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; font-size:13px; list-style-type:none; position:relative;}
div#centre-column ul.relateddocs li span{ position:absolute; left:400px;}
div#centre-column ul.relateddocs li span a{ position:absolute; left:120px;}
div#centre-column .col-left{ float:left; width:350px; }
div#centre-column .col-right{ float:right; width:350px;}
div#centre-column .pub-left{ float:left; width:60px; height:86px; }
div#centre-column .pub-right{ float:left; margin-left:10px; width:280px;}
div#centre-column .news-left{ float:left; width:226px;}
div#centre-column .news-right{ float:left; margin-left:10px; width:400px;}
div#centre-column .contact-left{ float:left; width:240px; font-size:14px; font-weight:bold; line-height:23px; padding-bottom:10px; }
div#centre-column .contact-right{ float:left;  width:240px; padding-bottom:10px; text-align:left; }
div#centre-column .contact-full{ float:left; width:570px;font-size:14px; font-weight:bold; line-height:23px; padding-bottom:10px; clear:both; padding-left:10px; }
div#centre-column .textbox{ width:230px;color:#999999;}
div#centre-column .textbox2{ width:235px;color:#999999;}
div#centre-column .submit{ position:relative; left: 160px; top:20px;}
div#centre-column .bookthisguide{ position:relative; left: 160px;}
div#centre-column .submit				{ position:relative; left:94px;}



/* footer styles */
div#footer{clear:both;width:100%;padding:0px; margin:0px; height:190px; position:relative; display:none;}
div#footer p{margin:0px;padding:0px; font-size:12px; color:#CCCCCC; }
div#footer .radiator{ color:#CCCCCC;}
div#footer .siteby{ position:absolute; top:10px; border:1px solid red;}
div#footer .footone {float:left;padding: 10px 10px 10px 0px; margin:0px 0px 20px 0px; width:180px; font-size:13px;}
div#footer ul li{list-style-type:none; margin:0px; padding:0px; line-height:18px;}
div#footer ul {list-style-type:none; margin:0px; padding:0px;}
div#footer .socialmedia{ position:absolute; top:-70px; left:420px;}
div#footer .socialmedia2{ position:absolute; top:-70px; right:0px;}

/* blog styles 
#blogcomment {width:660px;margin-top: 25px;font-weight: normal;}
#blogcomment .left{ float:left;width: 315px; height:100px;}
#blogcomment .right{ float:right;width: 315px; height:100px;}
#blogcomment h3{ text-decoration:none; border:none;}
#blogcomment .textbox, #contact-area textarea {padding: 2px;width: 315px;font-size:12px;margin: 3px 0px 10px 0px; }
#blogcomment textarea {height: 120px; width:580px;}
#blogcomment .checkbox{ position:relative; top: 67px; left:25px;}
#blogcomment .submit-button { margin-left:442px; margin-bottom:15px; margin-top:20px;}
#blogcomment label {text-align: left;margin-right: 15px; width: 100px;padding-top: 5px;font-size: 12px;}
*/


div#centre-column ul.related 		{ margin:0px; padding:0px;list-style-type:none;}
div#centre-column ul.related li		{ margin:0px; padding:5px 0px 5px 0px; border-bottom:1px solid #ccc; list-style-type:none;}
div#centre-column ul.related li a	{ margin:0px;}



/* button styles */
.button-support {width: 220px; height: 40px;text-indent: -9999px; background: url(../images/butt_support.jpg);border: none; cursor:pointer; text-decoration: none; display:block; position:absolute; right:242px; top:90px;}
.button-contact {width: 220px; height: 40px;text-indent: -9999px; background: url(../images/butt_contact.jpg);border: none; cursor:pointer; text-decoration: none; display:block; position:absolute; right:0px; top:90px;}
.button-programme {width: 220px; height: 40px;text-indent: -9999px; background: url(../images/butt_programme.jpg);border: none; cursor:pointer; text-decoration: none; display:block; position:absolute; right:20px; bottom:20px;}
.button-visit {width: 224px; height: 40px;text-indent: -9999px; background: url(../images/butt_visit.jpg);border: none; cursor:pointer; text-decoration: none; display:block; position:relative; left:180px;}
.button-submit {width: 139px; height: 40px;text-indent: -9999px; background: url(../images/butt_submit.jpg);border: none; cursor:pointer; text-decoration: none; display:block; position:relative; left:100px; top:20px;}
.button-moreinfo {width: 166px; height: 40px;text-indent: -9999px; background: url(../images/butt_moreinfo.jpg);border: none; cursor:pointer; text-decoration: none; display:block; position:absolute; bottom:20px; right:0px;}
div#left-column .button-submit {width: 139px; height: 40px;text-indent: -9999px; background: url(../images/butt_submit.jpg);border: none; cursor:pointer; text-decoration: none; display:block; position:absolute; top:190px; left:140px;}


.button-support:hover, .button-contact:hover, .button-programme:hover, .button-visit:hover, .button-submit:hover, .button-moreinfo:hover  { background-position:bottom;}


/* css3 font replacement - free font. watch for licensing */

@font-face {
    font-family: 'ArdleysHandRegular';
    src: url('ardley-h_1-webfont.eot');
    src: url('ardley-h_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('ardley-h_1-webfont.woff') format('woff'),
         url('ardley-h_1-webfont.ttf') format('truetype'),
         url('ardley-h_1-webfont.svg#ArdleysHandRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}