/* Start of CMSMS style sheet 'boxes.css' */
/*  
 *  CMS Made Simple  Stylesheet
 *  File : boxes.css 
 *  Version : 0.1
 *  Created by : Benjamin Magits & Jeremy Michel 
 * 
 *  Browser compatibility : 
 *  -----------------------
 *  Windows : IE 7.0+, Firefox 2.0+, Safari, Chrome (Not tested)
 * MacOSx :  Safari 1.3.2+, Firefox 2.0+, Chrome (No tested), IE not supported anymore
*/

/*Generic classes*/
.left { float:left;}
.right { float:right;}
.clear { clear:both;}

/*Format*/
* {font-family:Trebuchet MS; font-size:12px;}
body { color:#454545; margin: 0; padding: 0; background:#ffffff url(/uploads/theme/body-background.gif) no-repeat 50% 30px;}
dfn { display:none;}

h1 {font-size:22px; color:#7ac142; }
#welcome{font-weight:bold;}
h2 {font-size:16px; color:#00abe6;}
a {color:#454545; text-decoration:none}
a:hover {text-decoration:underline}
.content-home, .content-inside {margin:0 314px 0 25px; z-index:2;}
.content-inside{font-size:11px; }
.content-inside a{color:#7ac142;}
.content-home .h1{line-height:55px;}
.content-inside .h1 {line-height:10px;}

/*Layout*/
.wrapper { width:961px; margin: 0 auto;}
.main-container { border-left:1px solid #4f8222;  border-right:1px solid #4f8222; background-image:url(/uploads/theme/back_main.gif); background-repeat:repeat-y; }
.inside {background: url(/uploads/theme/main-container-bg.gif) no-repeat;}


.side-col {}
.col-left { float:left; width:304px;}
.col-right { float:right; margin:15px 15px 0 0;}
.side-col-fixed {width:218px;min-height:150px; }
.col-main {}
.layout2columns-left {float:left; width:641px;padding: 0 0 0 30px;}
.layout2columns-right {}
.layout3columns { float:left;width:441px;padding:0 30px;}

/*Header*/
.header .header-top { height:166px; background: url(/uploads/theme/banner.jpg) no-repeat 50% 0;}

.header-inside { width:889px;margin:auto;margin-top:126px;}
.header-inside .header-inside-top { padding:40px 0 0 0; height:70px; background: url(/uploads/theme/header-inside-bg.png) repeat-x; padding:30px 0 0 0;}


/*Horizontal Menu*/
.horizontal-menu-container {background:url(/uploads/theme/menu-back.jpg) repeat-x;position:relative;}
.horizontal-menu-container .horizontal-menu { height:35px; line-height:25px;padding-left:20px;}
.horizontal-menu-container .horizontal-menu ul { margin:0; padding:0; list-style-type:none;}
.horizontal-menu-container .horizontal-menu ul li { background:url(/uploads/theme/horizontal-menu-separator.gif) no-repeat right; padding:0 5px 0 0; display:inline;margin:0 10px 0 0;}
.horizontal-menu-container .horizontal-menu ul li a.currentpage,
.horizontal-menu-container .horizontal-menu ul li h3,
.horizontal-menu-container .horizontal-menu ul li a.activeparent  {font-weight:bold; color:#dfb525; display:inline; line-height:25px; margin:0; padding:0;}
.horizontal-menu-container .horizontal-menu ul li.first {}
.horizontal-menu-container .horizontal-menu ul li.last {margin:0; padding:0; background-image:none;}
.horizontal-menu-container .horizontal-menu ul li a {color:#fff; text-decoration:none;}
.horizontal-menu-container .horizontal-menu ul li a:hover {text-decoration:underline;}

/*Vertical Menu*/
.vertical-menu-container { background:url(/uploads/theme/side-menu-bg.gif) no-repeat; min-height:202px;}
.vertical-menu-container .vertical-menu {padding:10px;}
.vertical-menu-container .vertical-menu ul { margin:0; padding:0; list-style-type:none;}
.vertical-menu-container .vertical-menu ul li{ background:url(/uploads/theme/side-menu-bullet.png) no-repeat 0 4px; padding: 0 0 8px 13px; margin: 0 0 8px 0; border-bottom:1px solid #dee4e0;}
.vertical-menu-container .vertical-menu ul li.currentpage h3 {color:#0084ff; margin:0;padding:0;}
.vertical-menu-container .vertical-menu ul li a.activeparent {color:#0084ff;}
.vertical-menu-container .vertical-menu ul li a { color:#454545; text-decoration:none;}
.vertical-menu-container .vertical-menu ul li a:hover {}
.vertical-menu-container .vertical-menu ul li ul {}
.vertical-menu-container .vertical-menu ul li ul li {background-image:none; border:0px; padding: 0 0 0 0px; margin:0;}
.vertical-menu-container .vertical-menu ul li ul li.currentpage h3 {font-weight:bold;color:#454545;}

/*Breadcrumbs*/
.breadcrumbs { width:600px; text-align:right; color:#80c849; padding:15px 0 0 0;}
.breadcrumbs a { color:#80c849; }


/*Footer*/
.footer-container { width:963px; margin:-1px auto 0 auto;  background: url(/uploads/theme/footer-back.gif) no-repeat bottom; height:77px;}
.footer-container .footer { color:#fff; border-top:1px solid #efefef;}
.footer-container .footer ul { margin:0; padding:0; list-style-type:none;}
.footer-container .footer ul li { display:inline; background:url(/uploads/theme/footer-separator.gif) no-repeat right; padding:0 10px 0 5px;}
.footer-container .footer ul li.first {padding : 0 10px 0 0;}
.footer-container .footer ul li.last {background-image:none; padding: 0 0 0 5px;}
.footer-container img {border:0px;}

.left-bottom{ width:395px; padding:15px 0 0 20px; }

.right-bottom{ padding:15px 20px 0 0; }

.footer-sep{ height:15px; }
/* Green Box */

.right-green-box, .right-orange-box, .right-brown-box{ width:256px; margin-top:10px; }
.right-green-box{ background-image:url(/uploads/theme/right-green-back.gif); }
.right-green-box input{ width:160px; border:1px solid #4c7e26; height:20px; margin-left:15px;}

h2.work{color:#78bc43}

input.search-submit { width:50px; background-image:url(/uploads/theme/right-search-button.gif); background-repeat:no-repeat; background-color:transparent; border:0px;  }

.green-title, .orange-title{ height:45px; }
.green-title{ background-image:url(/uploads/theme/right-green-top.jpg); background-repeat:no-repeat;  }

.right-orange-box{ background-image:url(/uploads/theme/right-orange-back.gif); padding-bottom:1px;  }
.orange-title{ background-image:url(/uploads/theme/right-orange-top.jpg); background-repeat:no-repeat; }

.right-video-box {margin-top:10px}
.orange-title-video {background-image:url(/uploads/theme/Voluntary_Emissions_Control_Action_Programme_boxtitle.jpg); display:block; width:256px; height:68px;}
.orange-box-video {background-color:#e0a817; text-align:center;}

.right-brown-box{ background-image:url(/uploads/theme/right-brown-back.gif); padding-bottom:1px; }

.brown-title{ height:65px; background-image:url(/uploads/theme/right-brown-top.jpg); background-repeat:no-repeat; background-color:#baab73; }
.down-report{padding:15px 0 0 25px;}

#newsPublications{ color:#fff; }
#newsPublications ul { list-style-type:none; padding:0 0 0 30px; margin:0; }
#newsPublications ul li{ background-image:url(/uploads/theme/news_bullet.gif); background-repeat:no-repeat; padding:0 15px; }
#newsPublications .title a{ font-weight:bold; color:#fff; }

.more-news a{ text-transform:uppercase; padding-right:15px; color:#655a25; }

.box-home{ position:relative; float:left; width:260px; height:260px; margin-right:20px; background-image:url(/uploads/theme/mid-box-back.jpg); background-repeat:no-repeat; padding:10px 10px 0 20px;}

.search-keywords{margin-left:15px; padding-top:20px; }

.right-orange-box ul{ list-style-type:none; padding:10px 10px 0 25px; margin:0;}
.right-orange-box li{ font-size:16px; color:#fff; line-height:20px; font-weight:bold; }
.right-orange-box li a{ color:#936e00; }
  
.map{ padding-top:15px;}  
.map img{ border:0px; }

.title{font-weight:bold; color:#446d23; }

.keywords{ color:#446d23;}
.keywords a{ color:#fff;}

.morekeywords a{ color:#446d23;}

.more-keywords{padding-top:15px; text-align:right; }
.more-keywords a { margin:15px 10px 0 0; color:#936e00; text-transform:Uppercase; }

#Quotes ul{ list-style-type:none; padding:10px 0 0 10px; margin:0;}
#Quotes ul li{ padding:0 0 10px 0; margin:0;  }
.name-quote{color:#7ac142;}
.quotes-summary{ line-height:17px; font-style:italic; }
.title-quotes{ font-weight:bold; padding-top:5px; }

.bottom{ position:absolute; bottom:15px; margin-left:160px; }

.quotes-container{ width:595px; min-height:105px; background-color:#ecf5e1; padding:15px 0 10px 20px; margin-bottom:15px; }
.quotes-container ul{ list-style-type:none; margin:0; padding:15px 0 0 0 ; color:#4c7e26;}  
.quotes-container .title-quotes{ padding-top:10px; }

#keyfact ul{ list-style-type:none; margin:0 0 25px 0 ; padding-left:10px; }
#keyfact li{ padding:15px ; border-bottom:1px solid #ddd; font-weight:bold; background-image:url(/uploads/theme/arrow_right.gif); background-repeat:no-repeat; }

.altnav, .altnav a{ color:#a0ce67; }
.altnav{ padding-top:10px; }  
.altnav img{ padding:0 5px; } 

.homesubnav{ float:right; padding-top:20px; }

.footerText{ padding:15px 0 0 0; text-align:center; color:#7ac142; }
.footerText a{color:#7ac142;}

.rssfeedhome a{color:#ffa03a;}

#NewsPublications ul{ list-style-type:none; margin:0; padding: 0 0 0 10px;}
#NewsPublications li{ border-bottom:1px solid #ddd; padding:15px 0;}
#NewsPublications li a{ color:#00abe6;}
#NewsPublications .date{ color:#7ac142;}
#NewsPublications .XtenderGeneral {display:none;}

.commentary{ position:relative; background-image:url(/uploads/theme/back-commentary.gif); background-repeat:no-repeat; width:582px; height:330px;}
.comment1{ position:absolute; width:275px; margin:42px 0 0 15px; }
.comment2{ position:absolute; width:255px; margin:202px 0 0 70px; color:#fff;}
.comment3{ position:absolute; width:250px; margin:20px 0 0 317px; color:#fff;}
  
.mecanism{ border:1px solid #ddd; padding:10px 25px;} 
.mecanism ul{list-style-type:none;}
.mecanism li {background-image:url(/uploads/theme/arrow_right_2.gif); background-repeat:no-repeat; padding-left:15px;}

#quotes-inside ul{list-style-type:none;padding:0;margin:0;}
#quotes-inside li{border-bottom:1px solid #ddd;}

.page-sitemap .content-inside ul { margin: 0 0 10px 20px; padding: 0; }
.page-sitemap .content-inside ul li a { font-size: 14px; font-weight: bold; color: #1A5E37; text-decoration: none; }
.page-sitemap .content-inside ul ul li a { font-size: 12px; font-weigth: normal; color: #454545; }

.more-quotes{width:150px;}

.vecap-home{background-image:url(uploads/theme/vecap-home.gif); background-repeat:no-repeat;  padding:2px 0 0 25px; margin-left:35px;line-height:18px; font-weight:bold;}
.vecap-home ul{list-style-type:none; padding:10px 0 0 0; margin:0;}
.vecap-home li{background-image:url(/uploads/theme/arrow_right_3.gif); background-repeat:no-repeat; padding:0 0 0 15px;margin:0;}
.report{margin-left:28px;}

.commendation{border-bottom:1px solid #ddd;}

.green{color:#7ac142;}
#KeyFactHome li{font-size:13px; }
.content-home p, .content-home ol li{font-size:13px;}

.download{padding:5px 0;}


/************ COLORBOX ***************/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/* End of 'boxes.css' */