﻿/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#0f0c12;background-color: #FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
body{font:13px/1.231 Trebuchet MS,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% Trebuchet MS,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}
#hd1{clear:both;height:100px;background: url(Images/banner_bg.gif) top left no-repeat #FFF;}
#hd2{clear:both;padding: 0 15px; background: url(Images/nav_bg.jpg) top left no-repeat transparent;}
#ft{clear:both;color:#FFF; height: 115px; background: url(Images/footer_bg.gif) top left no-repeat transparent; padding:10px 15px; font-size: 90%; text-align: center;}
#bd-m{  background-color: #FFF; padding: 0; margin:0; font-size: 90%;}
#bd-lm{}
#bd-lmr{}
#bd-mr{}
#doc,#doc2,#doc3,#doc4,#email,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}
#doc2{width:73.076em;*width:71.25em;}
#doc3{margin:auto 10px;width:auto;}
#doc4{width:74.923em;*width:73.05em;}
#email {width:57.6923em;*width:56.2514em;}
.yui-b{position:relative;}
.yui-b{_position:static;}
#yui-main .yui-b{position:static;padding: 10px 0 10px 10px;}
#yui-main,.yui-g .yui-u .yui-g{width:100%;}
.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}
.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}
.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}

/*left 230px*/
.yui-t2 .yui-b{float:left;width:17.6923em;*width:17.2504em; border:1px solid red;}
.yui-t2 #yui-main .yui-b{margin-left:17.6923em;*margin-left:17.2504em;}

.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}
.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}

/*right 230px*/
.yui-t4 .yui-b{float:right;width:17.6923em;*width:17.2504em; border:1px solid red;}
.yui-t4 #yui-main .yui-b{margin-right:17.6923em;*margin-right:17.2504em;}

.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}
.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}
.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}
.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}
.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}
#yui-main .yui-b{float:none;width:auto;}
.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}
.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}
.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}
.yui-gc div.first,.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}
.yui-ge .yui-u,.yui-gf div.first{width:24%;}
.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}
.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}
.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}
.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}
.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}
.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}
.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}
.yui-g .yui-gb .yui-u{_margin-left:1.0%;}
.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}
.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}
.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}
.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}
.yui-gb .yui-gb .yui-u{_margin-left:.7%;}
.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}
.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}
.yui-gb .yui-gd div.first{width:32%;}
.yui-g .yui-gd div.first{_width:29.9%;}
.yui-ge .yui-g{width:24%;}
.yui-gf .yui-g{width:74.2%;}
.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}
.yui-ge div.first .yui-gd .yui-u{width:65%;}
.yui-ge div.first .yui-gd div.first{width:32%;}
#bd-lm:after,#bd-lmr:after,#bd-mr:after,#bd-m:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd-lm,#bd-lmr,#bd-mr,#bd-m,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/* Custom */
body {}
strong{ font-weight: bold;}
h1 { margin: 0.5em 0 1em 0; font-weight: bold !important; font-size: 150%; color: #202a65;}
h1 span {display: none;}
h2 { margin: 0.5em 0 1em 0; color:#626ca2; font-weight: bold; font-size: 125%;}
h3 {font-weight: bold; color:#626ca2; font-size: 100%;}
p {margin: 5px 0 10px 0;}
em {font-style: italic;}
ul {margin: 2em 3em;}
ul li {margin: 0.5em 0; list-style-image: url(Images/bullet.gif); list-style-position: outside;}
input[type="radio"] {margin: 0; padding: 0; }
input[type="submit"] {color: #FFF; font-weight: bold; letter-spacing: 1px; padding: 2px 15px; background: url(Images/button_bg.gif) top left repeat-x #626ca2 ; border: none;}
input[type="hidden"] { background-color: #FFF;}

a:link {color:#626ca2; text-decoration:underline;}
a:visited {color:#626ca2; text-decoration:underline;}
a:hover { color: #000; text-decoration:underline;}
a:active {color:#000; text-decoration:underline;}

#splash { margin: 0 auto; display: block; border: 0px solid red;}

.banner_contactdetails { position: absolute; top: 15px; margin-left: 317px;}
.link_specialoffers { position: absolute; top: 10px; margin-left: 750px;}

.yui-b img {border: 0px solid #999;}
.yui-b h1 img {border: none;}

#ft a {text-decoration:underline;}
#address {float: left; clear: both; text-align: left;color: #0f0c12; *margin-top: -15px;}
#copyright {float: right;color: #0f0c12; font-size: 95%; *margin-top: -15px;}
.credit {text-align: right; margin: 0 0.5em; margin-top: -110px; margin-right: 1.5em; color: #0f0c12; font-size: 85%; padding: 0;}
.credit a{color: #626ca2;}
a.adminlink {color: #626ca2;}
.error{ color: #CC0000; font-weight: normal;}
.message { color: #CC0000; font-weight: bold; font-style: italic;}

#hd_admin {clear:both; background-color: #333333; color:#FFF; }
#hd_admin table a {float: left; color:#FFF; margin: 0; padding: 0.5em 1em; text-decoration: none;}
.adminheading1 { display: block; text-align: center;}

table.layout {width: 100%; margin: 0;}
table.layout th { padding: 0.5em; margin: 0.5em; font-weight: bold; vertical-align: top; width:50%; text-align:center; background: url(Images/tablehead_bg.gif) top left repeat-x #CCC; border: 1em solid #FFF;border-bottom: 0;}
table.layout td { padding: 0 0.5em; vertical-align: top; border: 1em solid #FFF;border-top: 0;}
table.layout h2 { margin-top: 0;}
table.layout img { margin: 0 auto;}
table.layout ul {margin: 0 2em;}

table.home {width: 100%; margin: 0;}
table.home th { padding: 0.5em; margin: 0.5em; font-weight: bold; vertical-align: top; width:50%; text-align:center; background: url(Images/tablehead_bg.gif) top left repeat-x #CCC; border: 1em solid #FFF;border-bottom: 0;}
table.home td { padding: 0.5em; vertical-align: top; width:50%; border: 1em solid #FFF;border-top: 0;}
table.home h2 { margin-top: 0;}
table.home img { margin: 0 4em;}
table.home ul {margin: 0 2em;}

div#home {float: left; border: 0px solid #CCC; margin: 0; margin-top: 1em; padding: 0; margin-left: -10px;}
div#home h2 {margin-top: 0; margin-bottom: 0.75em; text-align: center;}
div#home_main {width: 622px; clear: left; float: left; border: 0px solid blue; padding: 10px; margin: 0 9px 0 0; background-color:#bec2dc; }
div#home_side {width: 292px; float: left; border: 0px solid green; color: #FFF; padding:10px; margin: 0 0 0 9px; background-color:#767faf;}
div#home_side h2 {color: #FFF;}
div#home_side a {color: #FFF;}
div#home_col1 {width: 292px; float: left; clear: left; border: 0px solid red; margin: 18px 9px 18px 0; padding: 10px; background-color:#dee0ed;}
div#home_col2 {width: 292px; float: left; border: 0px solid red; margin: 18px 9px 18px 9px; padding: 10px; background-color:#dee0ed;}
div#home_col3 {width: 292px; float: left; border: 0px solid red; margin: 18px 0 18px 9px; padding: 10px; background-color:#dee0ed;}

div.portfolio_group {clear: both; width: 100%; margin: 0; padding: 0; background-color: #CCC; border: 0px solid red;}
div.portfolio_item, div.portfolio_item2 {float: left; width: 29%; height: 175px; margin: 5px 15px; margin-left: 0; padding: 10px; background-color: #EFEFEF; border: 1px solid #CCC;}
div.portfolio_group img {padding: 0 0 0 0.5em; float: right;}
div.portfolio_group a {font-weight: bold;}

label em span{ display: none; }

fieldset { float: left;  clear: left; width: 100%;  margin: 0 0 1em 0;  padding: 0; padding-bottom: 0.5em; border: 1px solid #CCCCCC;}
legend { margin: 0; margin-left: 1em; padding: 0.5em 1em; color: #FFF; font-weight: bold;  background: url(Images/button_bg.gif) top left repeat-x #626ca2 ; border: none;}
fieldset ol { padding: 0.5em 0 0 0;  list-style: none;}
fieldset li { float: left; clear: left; padding: 0.5em 1em; list-style: none;  width: 100%;}
fieldset label {  float: left;  width: 20em;  margin-right: 1em; text-align: right;}
fieldset label em { background: url(Images/star.gif) top left no-repeat transparent; }
fieldset span label {float: left; margin: 0; padding:0;}
fieldset span input {margin: 0; padding:0;}

fieldset.submit {  float: none; width: auto; text-align: center; border: none; background-color: Transparent; margin:0;}
fieldset.submit input {color: #FFF; font-weight: bold; letter-spacing: 1px; padding: 2px 15px; background: url(Images/button_bg.gif) top left repeat-x #626ca2 ;border: none; }

.LabelInstructions em { background: url(Images/star.gif) top left no-repeat transparent; }
.LabelInstructions em span{ display: none; }

.sitemap{display: block; clear: both; background-color: #FFF; padding: 0.5em 1em; padding-bottom: 0;}

.StaticMenuStyle {background-color: transparent; background-image:none;}
.StaticMenuItemStyle{background-color: transparent; background-image:none;}
table.StaticMenuItemStyle td {font-weight: normal; }
a.StaticMenuItemStyle { color:#FFF !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 5px 10px;}
.StaticHoverStyle { background-color: #626ca2;}
.StaticSelected { font-weight: bold; background-color: #626ca2;}
a.StaticHoverStyle { color: #FFF !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 5px 10px;}
a.StaticSelected {  color:#FFF !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 5px 10px;}

/*incl fix for rending in IE with z-index on DynamicMenuStyle */
.DynamicMenuStyle {z-index: 999;}
.DynamicMenuItemStyle{background-color: #013474;}
table.DynamicMenuItemStyle td { border-top: 1px solid #FFF; *border-top: none; }
a.DynamicMenuItemStyle { color:#FFF !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 3px 10px;}
.DynamicHoverStyle { background:url(Images/nav_level2_bg.jpg) top left repeat-y #626ca2;}
.DynamicSelectedStyle { font-weight: bold; background: url(Images/nav_level2_bg.jpg) top left repeat-y #626ca2;}
a.DynamicHoverStyle { color:#FFF !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 3px 10px;}
a.DynamicSelectedStyle { color: #FFF !important; background-color: transparent; background-image:none; text-decoration: none !important; display: block; padding: 3px 10px;}


/* Editor settings - should these be global ? */
table.Editor {padding: 0; margin: 0; width: 100%;}

