/* @group Template */

/**
 * Styles
 */
body { min-height: 1000px; background-color: #fff; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 0.688em; line-height: 1.6; background-image: url(../images/grey_grad2.jpg); background-repeat: repeat-x; margin: 0px; padding: 0px; }
h1 { color: #88B906; font-weight: 300; font-size: 22px; border-bottom: dotted 1px; border-bottom-color: #ccc; padding-bottom: 5px; margin-top: 0px; }
h1 sup { font-size: 16px; font-weight: bold; }
h2 { color: #666; font-weight: 300; padding: 4px 0 0px 0px; font-size: 16px; font-weight: 500; margin: 0px; }
h2 cufon { padding-bottom: 6px; }
h3 { color: #88B906; font-weight: 300; font-size: 22px; border-bottom: dotted 1px; border-bottom-color: #ccc; padding-bottom: 5px; margin-top: 0px }
h4 { color: #88B906; font-weight: 300; font-size: 16px; border-bottom: dotted 1px; border-bottom-color: #ccc; padding-bottom: 5px; margin-top: 0px }
a { color: #88B906; text-decoration: none; }
a:hover { color: #777; text-decoration: none; }
table { }
td { padding: 8px 0 8px 6px; vertical-align: top; text-align: left }
td.head { background-color: #470; color: #FFF; border-right: 1px solid #FFF; }
td.col01 { background-color: #D0D8E8; color: #666; border-right: 1px solid #FFF; }
td.col02 { background-color: #E9EDF4; color: #666; border-right: 1px solid #FFF; }
tr.col01 { background-color: #D0D8E8; color: #666; border-right: 1px solid #FFF; }
tr.col02 { background-color: #E9EDF4; color: #666; border-right: 1px solid #FFF; }

/*Table styles*/
.tblStyle th { background-color: #FFF; height: 30px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; vertical-align: middle; text-align: left; font-size: 12px; color: #88B906; border-bottom: 1px solid #88B906; border-top: 1px solid #CCC; border-right: t 1px solid #CCC; width: 250px; padding: 0 0 0 4px; }
.tblStyle td { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: left; background-color: #CCC; height: 30px; vertical-align: middle; border-bottom: thin #FFF solid; border-right: thin #FFF solid; padding: 4px; }
.tblStyle tr { background-color: #CCC; }

/**
 * Overall
 */
#page { width: 800px; text-align: left; margin: 0 auto; background: #FFF url(../images/innerbackground.html) repeat-x top left; }
#pageInner { }

/* TOP BAR */
#outermain { background-image: url(../images/top_bar.png); background-repeat: repeat-x; }
#topbar { height: 156px; margin: 0px auto; padding: 0px; width: 990px; }
#topbar_main { float: left; width: 975px; height: 84px; margin: 10px 0px 0px 0px; padding: 0px; }
#topbar_curve { float: left; height: 10px; width: 975px; background-image: url(../images/top_bar_curve.jpg); margin: 0px; padding: 0px; background-repeat: no-repeat; }
#topbar_logo { float: left; padding: 0px 0 0 15px; }
#topbar .alt-logo { float: right; padding: 0 15px 15px 15px; }
#topbar .alt-logo .contact {
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 1.2em;
    color: #7A0;
    line-height: 1.3em;
}

#middle_cont { margin: 0px auto; padding: 0px; width: 980px; margin-bottom: 15px }
#middle_cont02 { margin: 0px auto; padding: 0px; width: 980px; margin-bottom: 15px; background-image: url(../images/middle_cont02.jpg); background-repeat: repeat-y; background-position: left; }
#middle_cont03 { margin: 0px auto; padding: 0px; width: 980px; margin-bottom: 15px; background-color: #FFF; }

/**
* Navigation
*/
#siteMap ul.siteMap { width: 920px; height: 35px; font-size: 12px; color: #111; padding: 5px 2px 0px 2px; background-image: url(../images/site_nav_back.gif); background-repeat: repeat-x }
#siteMap ul.siteMap li { float: left; list-style: none; display: block; font-size: 12px; width: 130px; }
#siteMap ul.siteMap li a { color: #88B906; text-decoration: none; padding: 0px 8px 4px 10px; display: block; }
#siteMap ul.siteMap li a { color: #88B906; text-decoration: none; padding: 0px 8px 4px 10px; display: block; }
#siteMap ul.siteMap ul { border-right: none; margin-left: 0px; margin-top: 20px; padding: 0px; }
#siteMap ul.siteMap ul li { clear: both; padding: 2px 0px 0px 0px; margin: 0px; list-style: none; border-right: none; }
#siteMap ul.siteMap ul li a { color: #666; text-decoration: none; padding: 4px 8px 4px 10px; display: block; }
#siteMap ul.siteMap ul li a:hover { color: #333; }
#siteMap ul.siteMap ul li a.selected { color: #333; }
#siteMap ul.siteMap ul li ul li a { color: #506882; }
#siteMap ul.siteMap ul li ul li { border-bottom: dotted .5px #ccc; }
#siteMap h3 { clear: both; }
.sitemapnav { float: left; min-height: 120px; }
#pageNavigation { float: left; padding: 0px 0 0 0; height: 46px; width: 985px; background-image: url(../images/nav_bar.jpg); }
#pageNavigation ul.mainMenu { font-size: 12px; margin: 0px; padding: 0px 0 0 15px; }
#pageNavigation ul.mainMenu li { float: left; text-decoration: none; list-style: none; }
#pageNavigation ul.mainMenu li a { color: #444; display: block; padding: 16px 10px 17px 10px; text-decoration: none; outline: none; }
#pageNavigation ul.mainMenu li a:hover { color: #FFF; background-image: url(../images/button_blue.jpg); background-repeat: repeat-x; }
#pageNavigation ul.mainMenu li .selectedPath { color: #FFF; background-image: url(../images/button_blue.jpg); background-repeat: repeat-x; }
#pageNavigation ul.mainMenu li.item_0 ul li a { border-top: solid 1px #FFF; }
#pageNavigation ul.mainMenu li.item_1 ul li a { border-top: solid 1px #FFF; }
#pageNavigation ul.mainMenu li.item_2 ul li a { border-top: solid 1px #FFF; }
#pageNavigation ul.mainMenu li.item_3 ul li a { border-top: solid 1px #FFF; }
#pageNavigation ul.mainMenu li.item_4 ul li a { border-top: solid 1px #FFF; }
#pageNavigation ul.mainMenu li.item_5 ul li a { border-top: solid 1px #FFF; }
#pageNavigation ul.mainMenu li.item_0 a em { color: #ffd600; font-style: normal; }
#pageNavigation ul.mainMenu li.item_1 a em { color: #0087cd; font-style: normal; }
#pageNavigation ul.mainMenu li.item_2 a em { color: #c64d1f; font-style: normal; }
#pageNavigation ul.mainMenu li.item_3 a em { color: #b5d334; font-style: normal; }
#pageNavigation ul.mainMenu li.item_4 a em { color: #a7a9ac; font-style: normal; }
#pageNavigation ul.mainMenu li.item_5 a em { color: #abcabc; font-style: normal; }
#pageNavigation ul.mainMenu li ul { z-index: 100; position: absolute; display: none; color: #FFF; width: 150px; padding-bottom: 0; padding-top: 5px; padding-left: 0px; }
#pageNavigation ul.mainMenu li ul li { clear: both; background: #CECECE; height: 23px; text-transform: none; background-image: none; }
#pageNavigation ul.mainMenu li ul li .selected { clear: both; background: #CECECE; text-transform: none; background-image: none; }
#pageNavigation ul.mainMenu li ul li a { color: #0083C9; width: 133px; text-align: left; padding: 6px 0 2px 4px; background: #CECECE; font: normal 12px/18px Arial; }
#pageNavigation ul.mainMenu li ul li a .selected { color: #0083C9; width: 133px; text-align: left; padding: 2px 0 2px 4px; background: #CECECE; font: normal 12px/18px Arial; }
#pageNavigation ul.mainMenu li ul li a:hover { color: #FFF; background: #0083C9; }
#pageNavigation ul.mainMenu li:hover ul { display: block; }
#pageNavigation ul.mainMenu li ul li.mainMenuFirst a { font: normal 12px/22px Arial; background: #00326a url(../images/sub_nav_top.gif) top left no-repeat; border-bottom: solid 1px #365f8c; }
#pageNavigation ul.mainMenu li ul li.mainMenuListItem a { font: normal 12px/22px Arial; background: #00326a url(../images/sub_nav.gif) top left no-repeat; border-bottom: solid 1px #365f8c; }
#pageNavigation ul.mainMenu li ul li.last a { border-bottom: none; }
#pageNavigation ul.mainMenu li ul li.mainMenuFirst a:hover { background: #012b58 url(../images/top_roll.gif) top left no-repeat; }
#pageNavigation ul.mainMenu li ul li.mainMenuListItem a:hover { background: #012b58 url(../images/sub_roll.gif) top left no-repeat; }

#pageNavigation .secondary { float: right; }
#pageNavigation .secondary .social { display: inline-block; vertical-align: top; padding: 10px; }
#pageNavigation .secondary .search { display: inline-block; vertical-align: top; padding: 12px 20px 0 0; width: 190px; text-align: right }
#pageNavigation .secondary .search input.searchText { background-color: #ddd; color: #444; vertical-align: middle; border: solid 1px #666; margin-top: 0px; width: 160px; font-size: 11px; padding: 5px 10px; }
#pageNavigation .secondary .search input.searchButton { vertical-align: middle; background-color: #77AB22; height: 24px; }


/**
* Body Section
*
* DO NOT apply padding to any of these styles, and try to avoid margins (except the alignment margin-left).
*/
#mainbanner { float: left; width: 975px; background-color: #FFF }
#bottom_content { width: 935px; padding: 20px; margin-top: 15px; background-repeat: repeat-x; background-color: #FFF; }
#bottom_content01 { float: left; width: 479px; padding: 0 40px 0 0px; border-right: 1px dotted #CCC; }
#bottom_content01 p { width: 450px; }
#bottom_content02 { float: left; width: 395px; margin-left: 20px; max-height: 470px; overflow: hidden; overflow-y: scroll; }
#pageContent { background: #fff url(../images/back_grad_inset.png) repeat-x; }
#pageContent #contentMenu { width: 150px; float: left; }
#pageContent #contentBody { margin-left: 155px; }
#pageContent .newsBackground { border: solid 1px #EEE; background: #fff url(../images/newsbackground.png) repeat-x; float: right; margin-right: 30px; margin-top: 10px; width: 269px; padding: 0 20px 10px 10px }
#pageContent .newsItem { padding: 10px 0; border-bottom: solid 1px #BBB; }
#pageContent .dateHome { width: 50px; color: #333; float: right; font: normal 10px/15px Arial, Helvetica, sans serif; }
#pageContent .headline { width: 200px; float: left; }
#pageContent .headline a { text-decoration: none; color: #00336C; font: normal 11px/15px Arial, Helvetica, sans serif; }
#pageContent .headline a:hover { text-decoration: underline; color: #00336C; font: normal 11px/15px Arial, Helvetica, sans serif; }
.pager { clear: both; font: normal 10px Helvetica, Arial; color: #999; }
.pager a { font: normal 10px Helvetica, Arial; color: #000; }
.pager a:hover { font: normal 10px Helvetica, Arial; color: #CCC; }
.pager a.selected { font-weight: bold; color: #CCC; }

/**
* Footer Section
*/
#footer { color: #433F32; height: 26px; position: fixed; bottom: 0px; width: 100%; vertical-align: middle; background-color: #88B906; border-top: #88B906 1px solid; font-size: 10px; margin: 0 auto; }
#footer02 { color: #433F32; height: 26px; width: 975px; vertical-align: middle; border-top: #88B906 1px solid; font-size: 10px; margin: 0 auto; }
#footer .right { float: right; margin: 0 auto; padding-top: 5px; }
#footer a { color: #fff; padding-top: 10px; text-decoration: none; }
#footer a:hover { color: #666; text-decoration: none; }
#footer .FooterMenu { padding: 0px 10px 0 0; float: left; margin: 0px 0px 0px 0px; }
#footer .FooterMenu li { list-style: none; display: inline; }
#footer .FooterMenu li a { color: #fff; text-decoration: none; border-right: solid 1px #88B906; padding: 0 6px; }

/**
* Support Styles
*/
.end { clear: both; }
.clear { clear: both; }

/**
* ContentMenu
*/
#contentMenuInner { padding: 20px 10px; }
#contentMenuInner h3 { font-size: 80%; color: #222; padding-bottom: 6px; }
#contentMenuInner ul { color: #000; }
#contentMenuInner ul li { list-style: none; }
#contentMenuInner ul li a { color: #666; font-size: 80%; padding: 2px; display: block; text-decoration: none; border-top: dotted 1px #999; }
#contentMenuInner ul li a:hover { color: #999; }
#contentMenuInner ul li a.selected { color: #0787B6; }
#contentMenuInner ul li ul { padding-left: 6px; }
#contentMenuInner ul li ul li { padding: 3px 00; }
#contentMenuInner ul li ul li a { border-width: 0; }
#contentMenuInner ul li ul li a.selected { color: #0787B6; }

/**
* Content Styles
*/
.contentHeader { margin: 15px 20px 15px 0; height: 40px; }
.contentHeader h1 { color: #246; font-weight: bold; font-size: 18px; float: left; }
.contentHeader .controls { float: right; padding: 3px 20px 3px 0; }
.contentHeader .controls input { font-size: 11px; }
.contentHeader .controls select { font-size: 11px; }

/* Styles for text for the site map page*/
.sitemapText { margin: 15px 0px 0; padding: 25px; background-color: #FFF }
.sitemapText .newsarticle { margin: 0 180px 0 0; }
.sitemapText a { color: #246; text-decoration: none; font-weight: normal; }
.sitemapText a:hover { color: #CCC; font-weight: normal; text-decoration: underline; }
.sitemapText ol { margin: 8px 0 8px 20px; }
.sitemapText li { font-size: 11px; }
.sitemapText p { font-size: 12px; margin: 8px 0; }
.sitemap_cont { width: 135px; }
.contentText { margin: 0; }
.contentText .newsarticle { margin: 0 180px 0 0; }
.contentText a { color: #246; text-decoration: none; font-weight: normal; }
.contentText a:hover { color: #CCC; font-weight: normal; text-decoration: underline }
.contentText h1 { color: #88B906; font-weight: bold; font-size: 24px; padding-bottom: 5px; }
.contentText h2 { color: #666666; font-weight: bold; font-size: 17px; padding-bottom: 5px; }
.contentText h3 { color: #88B906; font-weight: bold; font-size: 16px; padding-bottom: 5px; }
.contentText h4, .contentText h5, .contentText h6 { color: #246; font-weight: normal; }
.contentText ul, .contentText ol { margin: 8px 0 8px 20px; }
.contentText li { font-size: 11px; }
.contentText p { font-size: 12px; margin: 8px 0; }
.contentNews { margin: 15px 20px 15px 0; }
.contentNews p { color: #000; margin: 0 0 0; padding-bottom: 10px; font-size: 80%; }
.contentNews .item { background: #00254F url(../images/news_item_background.jpg) repeat-x top left; margin-bottom: 2px; height: 95px; }
.contentNews .item .image { width: 110px; height: 70px; float: left; }
.contentNews .item .image img { margin: 12px 0 8px 10px; }
.contentNews .item .text { margin-left: 130px; }
.contentNews .item .text h4 { color: #FFF; font-weight: normal; margin: 0 10px 10px; padding-top: 10px; }
.contentNews .item .text a { color: #FFF; text-decoration: none; font-weight: normal; }
.contentNews .item .text a:hover { color: #CCC; font-weight: normal; text-decoration: underline; }
.contentNews .item .text p { color: #FFF; margin: 0 10px; padding-bottom: 10px; font-size: 80%; }
.contentNews .item .text p .date { color: #36F; }
.contentNews .item .text p .source { color: #CCC; font-style: italic; }

/**
*Search results styling
*/
.contentSearch { padding: 15px 20px 15px 0; }
.contentSearch p { color: #000; margin: 0 0 0; padding-bottom: 10px; font-size: 80%; }
.contentSearch .item { background: #fff url(../images/background.png) repeat-x top left; margin-bottom: 2px; height: 100px; }
.contentSearch .item .text { margin-left: 10px; }
.contentSearch .item .text h4 { color: #FFF; font-weight: normal; margin: 0 10px 10px; padding-top: 10px; }
.contentSearch .item .text a { color: #01244A; text-decoration: none; font-weight: normal; }
.contentSearch .item .text a:hover { color: #3194c9; font-weight: normal; text-decoration: underline }
.contentSearch .item .text p { color: #01244A; margin: 0 10px 0; padding-bottom: 10px; font-size: 80%; }

/**
* HomePage
*/
#contentHolderHome #backing { background-image: url(../images/home-back.png); background-repeat: repeat-x; background-position: -300px 0; width: 800px; padding-bottom: 20px; }
#contentHolderHome p { padding: 0; margin: 0; }

/**
* Latest Content Toggler
*/
.latestContent { }
.latestContent h1 { background: url(../images/homepage/latest-backing.png) repeat-x; color: #fff; padding: 5px 20px; font-size: 13px; font-weight: bold; }
.latestContent h1 a { color: #FFF; text-decoration: none; }
.latestContent .toggler { position: relative; width: 2000px; }
.latestContent .toggleState1 { left: 0; }
.latestContent .toggleState2 { left: -800px; }
.latestContent .items { height: 104px; overflow: hidden; width: 800px; position: relative; }
.latestContent .items .item { float: left; background-repeat: repeat-x; }
.latestContent .items .item .content { height: 104px; width: 266px; }
.latestContent .items .item .content img { float: left; line-height: 18px; margin: 12px 10px 0 20px; }
.latestContent .items .item .content .text { padding-top: 10px; width: 142px; padding-right: 5px; float: left; }
.latestContent .items .item .content .text h4 { font-weight: bold; }
.latestContent .items .item .content .text p { margin: 10px 0 0 0; color: #fff; font-size: 11px; }
.latestContent .items .item .content .text a { color: #FFF; text-decoration: none; font-weight: bold; font: 12px/17px; margin: 0 5px 0 0; }
.latestContent .items .colour_0 { background-image: url(../images/homepage/blue-backing.png); width: 268px; }
.latestContent .items .colour_1 { background-image: url(../images/homepage/green-backing.png); }
.latestContent .items .colour_2 { background-image: url(../images/homepage/orange-backing.png); }
.latestContent .items .colour_3 { background-image: url(../images/homepage/grey-backing.png); width: 268px; }
.latestContent .items .colour_4 { background-image: url(../images/homepage/yellow-backing.png); }
.latestContent .items .colour_5 { background-image: url(../images/homepage/darkblue-backing.png); }
#contentHolderHome #LeftColumn { float: left; width: 455px; color: #003268; padding: 20px 20px 0; }
#contentHolderHome #RightColumn { float: left; width: 250px; padding: 20px 0 0; margin: 0 0 0 38px; }
#contentHolderHome #RightColumn h3 a { text-decoration: none; color: #00336C; }
#contentHolderHome #RightColumn h3 { padding: 5px; margin: 0; }
#contentHolderHome #RightColumn h2 { font-size: 17px; color: #003268; margin: 0 0 20px; }
#contentHolderHome #RightColumn div.item { width: 252px; margin: 0; background-color: #b1b2b4; border-bottom: solid 2px white; padding: 5px; }
#contentHolderHome #RightColumn div.item a { text-decoration: none; color: #00336C; font: normal 11px/15px Arial, Helvetica, sans serif; }
#contentHolderHome #RightColumn div.item a:hover { text-decoration: underline; color: #00336C; font: normal 11px/15px Arial, Helvetica, sans serif; }
#contentHolderHome #RightColumn div.item img { float: left; margin: 0; border: solid 1px #0087cd; }
#contentHolderHome #RightColumn div.itemText { float: left; color: white; margin: 0 0 0 8px; width: 170px; }
#contentHolderHome #RightColumn div.item h4 { font-weight: bold; color: #003268; }
#contentHolderHome #RightColumn div.item p { margin: 0; color: #999; }
#contentHolderHome #RightColumn #podcastItem { background-color: #d9dbdd; padding: 2px 8px; margin: 15px 0; }
#contentHolderHome #RightColumn #podcastItem p { color: #003268; margin: 0; }

/**
* Knowledge Center
*/
#clear { clear: both; }
#contentMenuInner img { margin: 15px auto; }
#topContent { color: #fff; }
#topContent #titlePicture { height: 256px; background-color: #b5d334; }
#topContent #titlePicture img { float: left; }
#topContent #titlePicture #titleText { float: left; padding: 10px; }
#topContent #titlePicture #titleText h2 { margin: 0; }
#topContent #titlePicture #titleText p { margin: 0; }
#contentHolder #LeftColumn { float: left; width: 460px; color: #003268; padding: 0 0 15px; }
#contentHolder #LeftColumn h1 { font-size: 22px; color: #003268; margin: 0 0 10px; vertical-align: top; border-bottom: 1px dotted #999; padding-bottom: 8px; }
#contentHolder #LeftColumn h2 { font-size: 17px; color: #0787B6; margin: 0 0 10px; }
#contentHolder #LeftColumn h3 { font-size: 12px; color: #0787B6; margin: 0 0 10px; }
#contentHolder #LeftColumn p { font-size: 12px; padding-right: 5px; margin: 0 0 10px; }
#contentHolder #LeftColumn p.dirName { font-size: 11px; font-weight: bold; margin: 0; }
#contentHolder #LeftColumn p.dirTitle { font-size: 11px; color: #666; }
#contentHolder #RightColumn { float: right; width: 165px; padding: 0; }
#contentHolder #RightColumn h2 { font-size: 17px; color: #003268; margin: 0 0 20px; }
#contentHolder #RightColumn div.item { height: 90px; width: 305px; margin: 0 0 5px; background-image: url(../images/knowledgecenter/kc-itemback.jpg); background-repeat: no-repeat; }
#contentHolder #RightColumn div.item img { float: left; margin: 8px 0 0 8px; border: solid 1px #8d2810; }
#contentHolder #RightColumn div.itemText { float: left; color: white; margin: 8px 0 0 8px; }
#contentHolder #RightColumn div.item h4 { font-weight: bold; }
#contentHolder #RightColumn div.item p { margin: 0; }
#mainContent { width: 460px; float: left; }
#mainContent h1 { font-size: 22px; color: #003268; margin: 0 0 10px; vertical-align: top; border-bottom: 1px dotted #999; padding-bottom: 8px; }
#mainContent h2 { font-size: 17px; color: #0787B6; margin: 0 0 10px; }
#mainContent p { margin: 0 0 10px; font-size: 12px; color: #003268; }
div.Tout { font-size: 11px; float: right; width: 165px; margin: 0 0 10px; background-image: url(../images/knowledgecenter/knowledge_centre_grad.jpg); background-repeat: no-repeat; color: #FFF; background-color: #0087CD; padding-bottom: 3px; }
div.Tout img { margin: 5px; border: solid 1px #fff; }
div.Tout h1 { margin: 0 5px 2px; color: #fff; border-bottom: dotted 1px #fff; font-size: 12px; }
div.Tout a { margin: 0 5px 2px 0; color: #fff; }
div.Tout a:hover { color: #003268; }
div.Tout p { margin: 0 5px 2px; }
div.Tout ul { margin: 0 0 2px 5px; list-style: none; }

/**
* Breadcrumb Trail
*/
.breadcrumbTrail { font: normal 10px Arial; color: #666; margin: 5px 0 15px 0; }
.breadcrumbTrail a { color: #666; text-decoration: none; }
.breadcrumbTrail a:hover { color: #999; }
.breadcrumbTrail a:active { color: #0787b6; }

/**
* Carbon Counter
*/
.CarbonContainer { color: #000; float: left; width: 160px; height: 230px; background: url(../images/grey_box.jpg) no-repeat; margin: 42px 0 0 20px; font-size: 10px; }
.CarbonContainer .date { padding: 65px 0 0 10px; }
.CarbonCounter { padding: 15px 0 0 10px; color: #FFF; }
.CarbonCounter p { color: #000; margin: 0; padding: 0; }

/**
* Media Holder
*/
#mediaHolder { background-color: #b5d334; margin-bottom: 5px; height: 270px; }
#mediaHolder .flash { float: left; }
#mediaHolder .flash p { margin: 0; padding: 0; }
#mediaHolder .text { float: left; margin: 10px; width: 130px; color: white; }
#mediaHolder .text h1 { margin: 0; padding: 0; color: white; font-size: 14px; }
#mediaHolder .text p { margin: 0; padding: 0; font-size: 12px; color: white; }

/* @group Projects */

/* Styling of the Tables on project pages. Please set cell-padding, cell-spacing and border to 0 in the HTML */
.projects { border-width: 1px 0 0 1px; border-color: #333; border-style: solid; }
.projects td { padding: 2px 5px; border-width: 0 1px 1px 0; border-color: #333; border-style: solid; vertical-align: top; font-size: 12px; }

/* @end */

/* @group Projects TABLE */

table.projects { border-width: 1px 0 0 1px; border-color: #FFF; border-style: solid; color: #FFF; text-align: left; width: inherit; }
table.projects td { padding: 2px 5px; border-width: 0 1px 1px 0; border-color: #FFF; border-style: solid; vertical-align: top; font-size: 12px; }
table.projects td.pTitle { background-color: #00346d; width: 25%; font-weight: bold; }
table.projects td.pInfo { background-color: #0187ce; }

/* @end */

/* @group Directors TABLE */
#mainContent .people { border-width: 1px 0 0 1px; border-color: #333; border-style: solid; }
#mainContent .people td { width: 33%; padding: 2px 5px; text-align: center; vertical-align: top; border-width: 0 1px 1px 0; border-color: #333; border-style: solid; vertical-align: top; font-size: 12px; }

/* @end */

/* new sitemap styles */
#pageContent #contentBody02 { width: 800px; }
.contentHeader { font-size: 11px }

/* Document styles*/
.contentDocuments ul { list-style: none; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: dotted 1px #ccc; }
.contentDocuments a { font-size: 12px; text-decoration: none; }
#subnav { float: left; width: 180px; font-size: 12px; color: #111; padding: 10px 2px 0px 2px; margin-right: 15px; min-height: 250px; }
#subnav ul { margin: 0px; padding: 0px }
#subnav ul li { list-style: none; display: block; border-bottom: dotted #ccc 1px; background-image: url(../images/sub_nav_grad.jpg); background-position: bottom; background-repeat: no-repeat; background-color: #E2E3E7 }
#subnav ul li a { text-decoration: none; padding: 8px 0px 8px 10px; display: block; color: #444; }
#subnav ul li a:hover { color: #470; background-image: url(../images/sub_nav_grad02.jpg); background-position: bottom; }
#subnav ul li a.selected { color: #470; }
#subnav ul li ul { list-style: none; padding: 10px 0 0px 0; background-color: #FFF; background-image: url(../images/grad_sub.jpg); background-repeat: no-repeat; background-position: top; }
#subnav ul li ul li { background-image: none; }
#subnav ul li ul li a { background-image: none; background-color: #FFF; color: #444; }
#subnav ul li ul li a:hover { color: #470; background-image: none; }
#subnav ul li ul li a.selected { color: #470; }
#bottom_content_inner { float: left; padding: 20px; width: 735px; background-color: #FFF }
#bottom_content_inner01 { float: left; width: 490px; padding: 0 40px 0 0px; border-right: 1px dotted #CCC; }
#bottomcontent_sub { float: left; width: 190px; padding-left: 10px; }
#mainbanner_sub { float: left; width: 775px;  margin-bottom: 15px; }
#mainbanner_sub p { margin: 0 }
#right_outer_container { float: left; width: 775px; }
.heading_touts_main { float: left; width: 145px; padding: 5px 0 0 0; color: #777; }
.touts { float: left; margin: 0px; width: 175px; margin-bottom: 4px; background-color: #CACCD2; }
.heading_touts { font-weight: bold; font-size: 11px; margin: 0px; color: #447700; }
.touts_body { padding-bottom: 0px; margin: 10px 0px 10px 0px; color: #666; }
.toutsimg { float: left; padding: 2px; background-color: #FFF }
.toutsimg img { border: none; }
.touts a { float: left; background-color: #CACCD2; padding: 8px 5px 8px 10px; text-decoration: none; border: none; }
.touts a:hover { float: left; background-color: #B5B8BF; border: 5px; padding: 8px 5px 8px 10px; text-decoration: none; }
.contentTouts { float: left; width: 375px; height: 260px; margin-left: 40px; }

/*Register Form */

/*Contact us form*/ 
#form { padding: 10px 0 0 0; }
#form select { float: left; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#form input { float: left; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#form small { float: left; }
#form span { float: left; }
#form select.width { width: 180px; }
#form label { padding: 0 0 0 10px; text-align: left; width: 150px; clear: left; float: left; display: block; }
#form textarea { width: 200px; float: left; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

/*Booking Form*/
#booking_form { }
#booking_form span { float: left; padding: 0 0 0 5px }
#booking_form h3 { font-size: 14px; padding: 5px 0; }
#booking_form label { float: left; clear: left; width: 200px; margin-bottom: 18px; }
#booking_form input, textarea { float: left; font-size: 10px; font-family: Arial; }
#booking_form input[type="text"] { width: 200px; background-color: #D7EBFF; border: 1px #ccc solid; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #888; }
#booking_form textarea { height: 200px; width: 200px; background-color: #D7EBFF; margin-bottom: 18px; border: 1px #ccc solid; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #888; }
#booking_form h2 { font-size: 16px; font-weight: bold; padding: 2px 0px 0 5px; color: #88B906; background-color: #C1E0FF; margin: 25px 0 15px 0; display: block; border-bottom: 1px #999 dotted; }
#booking_form table { border: 0px; margin-bottom: 20px; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #888; }
#booking_form td { border-bottom: 2px #fff solid; border-left: 2px #fff solid; background-color: #C1E0FF; }


.contact-page #form textarea,
.contact-page #form input[type=text]
{
    background-color: #eee;
    color: #111;
    display: block;
    box-sizing: border-box;
    padding: 4px 7px;
    border-width: 0;
    margin-bottom: 1em;
    font-size: 1.4em;
}

.contact-page #form input[type=text] {
    width: 48%;
    margin-right: 2%;
}

.contact-page #form textarea {
    width: 98%;
}

.contact-page #form input[type=submit] {
    background-color: #70AA10;
    border-width: 0;
    padding: 0.4em 1em;
    box-sizing: border-box;
    color: #FFF;
    font-size: 1.4em;
    float: right;
    margin-right: 2%;
}

.contact-page {

}

.contact-page table {
    width: 100%;
}

.contact-page table td {
    width: 33%;
    vertical-align: top;
}

/* -- Quote Switcher -- */
div.quote-switcher {
    background-color: #F5F5F5;
    height: 180px;
    padding: 10px 0;
}

div.quote-switcher ul li {
    width: 980px;
}

div.quote-switcher ul li .quote {
    width: 326px;
    float: left;
    border-right: 1px dotted #7B9913;
    padding: 0 20px;
    box-sizing: border-box;
}

div.quote-switcher ul li .quote:last-child {
    border-width: 0;
}

div.quote-switcher ul li .quote h4 {
    color: #7B9913;
    font-size: 1.3em;
    border-bottom: none;
    margin: 0;
}

div.quote-switcher ul li .quote p,
div.quote-switcher ul li .quote q {
    color: #575757;
    font-size: 1.3em;
    margin: 0;
}

div.quote-switcher ul li .quote p.reference {
    color: #7B9913;
    font-style: italic;
    text-align: right;
}

/* -- Carousel -- */

.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    width: 600px;
    height: 400px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}


.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

.jcarousel-wrapper .photo-credits a {
    color: #fff;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

/** Carousel Controls **/

.jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    
    background: #fff;
    color: #4E443C;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    
    margin-right: 2px;
    
    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}