html, body {height: 100%;}
html {background: #ededed;}

body.site {background: #ededed url(/cms/outertemplates/images/pageLayout/bodybg.png) repeat-x;}

/* Page building styles */

div#logo { float: left; }
div#fixedLinks {float: right; font-size: 0.9em; padding: 2px;border-bottom:;}
div#fixedLinks ul {float: left; margin: 0; color: #00235c;}
div#fixedLinks li {display: inline; list-style: none; padding: 0 0 0 10px; background: url('/cms/outertemplates/images/default/li_sep.gif') 0% 50% no-repeat;}
div#fixedLinks ul li a {color: #00235c;}

div#fixedLinks li.first {background: none;}

.boxes {clear: both;}

/* Text resizing styles */

#widgets li {display: inline;}
.smallText {font-size: 1em;} /* This should match the font size of the body tag */
.mediumText {font-size: 1.2em;}
.largeText {font-size: 1.6em;}

#search {float: right;}

div#divbreadcrumb {clear:both; overflow: hidden; float: left; font-size: 1em; line-height: 25px;}
div#divbreadcrumb p {float: left; margin: 0; font-size: 0.8em;}
div#divbreadcrumb ul {float: left; margin: 0 0 0 5px;}
div#divbreadcrumb li {display: inline; padding: 0 3px 0 10px; background: url(/cms/outertemplates/images/default/breadcrumb.gif) left no-repeat;}

#divbreadcrumb ul#breadcrumb li {font-size: 1.1em;}

#logo {}

h1.logoheader {
    background: url(/cms/outertemplates/images/pageLayout/logo.gif) no-repeat scroll 0 0;
    border-bottom: medium none;
    height: 111px;
    left: 10px;
    margin-left: -8px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 432px;
}

#logo span {text-indent:-999px; position:absolute;}

.logins {float: right; margin: 10px 10px 0 0; color: #ccc;}
.logins ul {list-style-type: none;}
.logins li {display: inline; float: left;}
.logins a, .logins a:link, .logins a:visited {color: #fff;}

p.more {float: right; clear:both; bottom: 10px;}

p.copyrightLeft {float: left; margin: 10px;}
p.copyrightRight {float: right; margin: 10px;}

#page ul.list li {
    color: #3da1e0;
    margin-left: 15px;
    list-style-type: circle;
}

#page ul.list li span {color: #000;}

#page ul li {font-size: 0.9em;}
#page ul li.first {background: none; padding-left: 0;}

#outerwrap {
    width: 996px;
    background: url(/cms/outertemplates/images/pageLayout/pagebg.png) repeat-y;
    margin: 0 auto 20px auto;
}

#innerwrap, #pagetopwrap {
    width: 945px;
    margin: 0 auto;
}

#header {
    position: relative;
    margin-top: 5px;
    height: 120px;
    background: url(/cms/outertemplates/images/pageLayout/header.gif) no-repeat;
}

#pagetop {
    position: relative;
    height: 251px;
    width: 996px;
    background: url(/cms/outertemplates/images/pageLayout/pagetop.png) no-repeat;
    z-index: 100;
}

#pagetop .sectionHeader {position: absolute; right: 40px; bottom: 0; text-align: right;}

#pagetop .sectionHeader h1 {font-size: 2.2em; color: #fff; font-weight: normal; margin: 0 0 20px 0;}

#pagetopwrap {padding-top: 10px;}

#pageBottom {
    position: relative;
    clear: both;
    height: 60px;
    text-align: right;
    padding: 8px 0 0;
    margin: 0 0 5px 0; 
    background: url('/cms/outertemplates/images/buLogo.gif') top left no-repeat;
}

#pageBottom a {color: #333;}

#pageBottom p {
    float: left;
    width: 135px;
    padding: 0 0 0 55px;
    text-align: left;
    font-size:0.7em;
}

a.topPage {font-size: 0.8em; position: relative; top: 25px; color: #05367C;}

.logobar {
    position: relative;
    clear: both;
    background: url(/cms/outertemplates/images/pageLayout/logo.gif) no-repeat scroll left;
    height: 43px;
    background-color: #525252;
    padding-top: 1px;
    padding-bottom: 2pt;
}

.pageborder {
    position: relative;
    clear: both;
    background-color: #626262;
    padding-top: 1px;
    padding-bottom: 2pt;
}

#colorSections {height: 80px; width: 962px; margin: 1px auto 5px auto;}

#colorSections a {color: #fff;}
#colorSections div.red {width: 194px;}
#colorSections h1 {margin-bottom: 0;}

#outerwrap #colorSections {margin-left:16px;}
.bottomselectors #colorSections {width:947px;margin-left:24px !important;}

.section {position: relative; float: left; width: 191px; height: 100%; color: #fff; text-align: center;}
.bottomselectors .section {width: 187px;}
.section .sectCont {padding-top: 5px;}
.section .sectCont p {line-height:15px;}
.section .sectCont h3 {font-weight: bold; margin: 0 0 4px 0;}

p.center {text-align: center;}

#page 
{
    position: relative; 
    clear: both;
    margin: 15px 0 0 0;
    min-height: 500px;
    height: 500px; 
    background: url('/cms/outertemplates/images/default/colBg.gif') left repeat-y; 
    text-align: left;
    width: 100%;
}

html>body #page {height: auto;}/*for mozilla */

#toolbar {
    float: left;
    width: 735px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    height: 26px;
    margin: 0 0 7px 10px;
    text-align: left;
    padding: 2px 0 0 0;
}

#toolbar p.breadcrumb {float: left; color: #000; padding-left: 10px; padding-top: 4px;}
#leftsidebar, .scriptPage, .contentPage {float: left}
#leftsidebar {width: 200px; padding: 0 0 70px 0;}
.rightsidebar {width: 200px;}
.rightsidebar .linkBox {width: 188px;}

.scriptPage {width: 735px; margin-left: 10px;}
.contentPage {width: 525px; margin: 0 10px; overflow:hidden;}
#contentPageNoCol {width: 735px; margin: 0 0 0 10px; float: left;overflow:hidden;}

.scriptPage p, .contentPage p {text-align: justify;}

.scriptPage img.right, .contentPage img.right {margin-left: 10px;}

.contactBox {float: right;}
.contactBox h4 {float: left; margin: 0; font-size: 0.9em;}
.contactBox h5 {float: right; margin: 0; font-size: 0.7em;}

.rightsidebar {float: right;}
#leftsidebar {background: #efefef;}
#leftsidebar h1, #leftsidebar p {}
#leftsidebar h1 {
    padding: 5px 10px 5px 8px;
    border-bottom: 2px solid #ccc;
}

.rightsidebar h1, #leftsidebar h1 
{
    font-size: 1.2em;
    letter-spacing: -1px;
}

.rightsidebar p {font-size: 1em;}

.rightbox {
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

#leftsidebar .bxcnt {padding: 0 0 15px 8px;}
.rightsidebar .bxcnt {padding: 4px;}

ul#sitemapnav {}
ul#sitemapnav li {font-size: 1em; color:#0097AC; font-size: 13px; margin: 20px 0 0 20px;}
ul#sitemapnav li a {color:#333;}
ul#sitemapnav li ul li {margin: 0;}

.rightbox img {margin-bottom: 8px;}

#buLogo 
{
    background: url('/cms/outertemplates/images/default/buLogo.gif') top left no-repeat;
    height: 50px;
    font-size: 0.8em;
    padding: 0 0 0 46px;
    width: 140px;
    position: relative;
    top: 10px;
    left: 10px;
    clear: both;
}

.col {
    position: relative;
    float: left;
    width: 185px;
    height: 200px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.col h1 {padding: 5px; border-bottom: 1px solid #ccc;}

.colcontent {padding: 10px;}

.colmarginright {margin-right: 9px;}

.rightsidebar .news-imgLink {display:none;}
.rightsidebar .news-content {font-size:0.8em;margin:0 0 10px; border-bottom:1px solid #ccc;}
.rightsidebar .news-content span.NewsDesc {width:auto; float:none;}
.news-item {border-bottom: 1px #e4e4e4 solid; margin-bottom: 5px;}
.news-item p.headline {margin-bottom: 2px !important;}
.news-item p.date {text-align: right; font-size: 0.7em !important;}

div#skipLinks {position: absolute; left: -9999px;}

div.left, input.left {float: left;}
div.right, input.right {float: right;}

div.clear {clear: both;}

div.left2Col {float: left; width: 50%;}
div.right2Col {float: right; width: 50%;}

#footer {
    padding: 6px;
    margin: 0 auto 10px auto;
    width: 94%;
    border-top: 2px solid #05367c;
    border-bottom: 1px solid #d7dde6;
}

#footer p {color: #05367c;}

#footer ul.sitelinks {}
#footer ul.sitelinks li {
    display: inline;
    color: #05367C;
    padding: 0 10px 0 0;
}

#footer ul.sitelinks li a{
    color: #05367C;
    font-size: 1em;
}

div.ftWrapper a img { border:none; padding:0 8px; }

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}
.copySmall {font-size: 0.7em; text-align: center; margin: 10px 0; clear: both;}

#currentFolder {display:none;}

/* NEWS */

h2.newsCat {color: #00267F; margin: 15px 10px; padding: 0 0 5px 0; border-bottom: 1px solid #00267F;}
ul.newsList {list-style-type: none; width: 90%;}
ul.newsList li.newsItem {margin: 0 0 5px 0; border-bottom: 1px solid #eee; overflow: hidden;}
ul.newsList li.newsItem img {float: right; margin: 0 0 15px 15px;}
ul.newsList li.newsItem p {font-size: 1em;}
ul.newsList li.newsItem p.timeStamp {font-size: 0.75em; color: #999; float: right;}
ul.newsList li.newsItem p a {font-size: 1.2em;}

#pageFooter 
{
    background: url('/cms/outertemplates/images/pageLayout/pagebottom.png') top center no-repeat;
    height: 45px;
    width: 100%;
    margin: 0 auto;
}

div.ftWrapper a { color: #000;}

.vTour {padding: 5px 12px 0 12px !important;}

.bxcnt ul li img {float: left;}
.bxcnt ul li span {float: left;}

img.newsThumb {margin: 0; padding: 0; width:80px; height:80px;}
span.NewsDesc {float: left; width: 400px;}

table#newsScroller { border: none; }
table#newsScroller tr td { border: none; padding: 0; vertical-align: top; width: 505px; }

#newsPager {position: absolute; width: 90px; right: 10px; top: 4px; text-align: right;}

#newsPager ul {list-style-type: none;}
#newsPager ul li {display: inline; padding: 0 3px;}

.news-content {overflow:hidden;}

div.contactBox select {width: 176px; font-size: 0.7em;}


div.rightsidebar table#newsScroller {}
div.rightsidebar table#newsScroller tr {}
div.rightsidebar table#newsScroller tr td {}

#previousBtn {font-size: 0.8em; margin: 3px; color: #333; position: absolute; bottom: 0; left: 10px;}
#nextBtn {font-size: 0.8em; margin: 3px; color: #333; position: absolute; bottom: 0; right: 10px;}

div.sideNews {height: auto;}
div.sideNews .bxcnt {height: auto;}

ul.feedListing { font-size:1em; list-style:none; margin:0; }
div.cpdBox { border:1px solid #c6c6c6; float:left; margin:0 3px; padding:6px 6px 25px; position:relative; width:160px; }
div.cpdBox h2 { font-size:1em; }
div.cpdBox h2 a { color:#18B432; }
div.cpdImg { margin:0 0 8px; text-align:center; }
div.cpdImg img {  }
p.cpdBrief { color:#18B432; font-size:0.9em; font-weight:bold; }
a.cpdLink { background:url(/cms/outertemplates/images/CPD/lnkBtm.png) no-repeat; bottom:-1px; height:31px; position:absolute; right:-1px; width:31px; }

.hover { cursor:pointer; }

div.contactForm { font-size:0.9em; }
div.contactForm div.formRow { overflow:hidden; margin:0 0 8px; padding:0; }
div.contactForm div.formRow input.btnSubmit { background:#18B432; border:none; color:#FFF; cursor:pointer; padding:2px 4px; }
div.contactForm div.formRow input.textBox { background:#FFF; border:1px solid #D6D6D6; font-family:Arial, Sans-Serif; font-size:1em; padding:1px; width:200px; }
div.contactForm div.formRow label { float:left; margin:0; padding:2px 10px 0 0; text-align:right; width:240px; }
div.contactForm div.formRow span.checkBox { display:block; overflow:hidden; }
div.contactForm div.formRow span.checkBox input { float:left; }
div.contactForm div.formRow span.checkBox label { float:left; padding:0 0 0 4px; width:auto; }