/* -----------------------------------------
   Responsive stylesheet
----------------------------------------- */
* {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
#page{background:url(../images/bright_squares.png) repeat;}
.row{}
#container{-webkit-box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.35); 
           -moz-box-shadow:    0px 1px 10px rgba(50, 50, 50, 0.35); 
           box-shadow: 0px 1px 10px rgba(50, 50, 50, 0.35); 
           border:1px solid #fff; 
           width:1050px;
           max-width:100%;  
           margin:0 auto; 
           background:#fff !important; 
           padding:0px !important; margin-top:20px;
}

#container #main {
    margin-left: 15px;
    margin-right: 15px;
}

.bannerimage{ margin:0px auto; display:block;}

/* IE */
@media \0screen {
  #container { }
}
:root #container { }
p.clear{clear:both !important}
span.displaynone{display:none;}
.warn{background:#ffcf0d; margin-bottom:-13px;}
.warn .row{background:#ffcf0d;}
.warn .row p{padding-top:10px; text-align:center; margin-bottom:12px;}
.warn .row p a{text-decoration:underline;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

a{-webkit-transition: color 0.05s ease-in; -o-transition: color 0.05s ease-in; transition: color 0.05s ease-in; } 
a img{border:none;}
#access{position:absolute; top:-9999px;}
strong{font-family:"open-sans-n7", "open-sans";}
.design_validation_failed{border:1px solid red !important}
.row{background:#fff; }
.cookieConfirmation .panel{padding:0px 5px 2px 5px !important; margin-bottom:0px;}

.cookieConfirmation .panel h4{margin:7px 0 0 0; font-size:16px;}
.cookieConfirmation .panel .button{margin-top:8px;}
.cookieConfirmation .panel p {margin-bottom:3px;margin-top:8px;font-size:12px}
.cookieConfirmation .twelve{padding:0px !important;}
.panel .row{background:none;}
.panel p{padding-right:0px; color:#ccc;}
.panel.alerts{}
.alerts p.text{color:#222 !important; margin-bottom:15px !important; margin-top:-15px;}

#content .panel.alerts{padding-top:0px;}
#content .panel.alerts h3{margin-top:20px;}
#content .panel.alerts p{font-size:12px; line-height:1.5em;}

.panel.alerts h3 a{color:#222 !important; } .panel.alerts h3 a:hover{color:#000; text-decoration:underline !important;}
.panel.alerts p{padding-right:0px;}
.panel.alerts p.date{margin-bottom:8px !important}
.panel.alerts .more a{font-size:11px; color:#222 !important; text-transform:uppercase; }
.panel a{text-decoration:underline;}
.panel input{margin-top:35px; border-radius:0px; color:#333 !important; font-weight:normal;  font-size:13px;}
.panel .button{border-color:#111; font-weight:700; font-family:"open-sans-n7", "open-sans";} .panel .button:hover{background:#eee;}
.panel h4{color:#fff; font-size:18px; font-weight:700; font-family:"open-sans-n7", "open-sans"; }
body, .footerrow, #container, #form1{background:url(../images/bright_squares.png) repeat;}
#container{margin-bottom:-20px;}
#right-col{padding-bottom:32px;}
.logo{width:235px; padding-top:5px;}
body, h1, h2, h3, h4, select, .ektronSearch, #menu input{font-family: "open-sans-n4", "open-sans", sans-serif; }
select{padding:3px;}
#content #role h1{font-size:26px; color:#297c00; font-weight:300; margin-top:0px; margin-bottom:12px;}
#content #role h2{color:#222;}
h2, .news p.news-title, h5, .news p.news-title{font-size:22px; font-weight:300; /*font-family: Cambria, 'Open Sans', sans-serif;*/}
#hideLink{display:none;}
h5{font-size:15px;}

/* -----------------------------------------
   Overwrites an Extron Control
----------------------------------------- */
.ektronSearch { margin-left:-17px !important;}
.searchwrapper{border-color:#ccc !important; padding:25px !important}
.ektronSearch select{margin-bottom:5px;}
ul.searchNavigation{margin-bottom:0px !important}
ul.searchNavigation li{margin-bottom:0px !important; border-color:#ccc !important}
ul.searchNavigation li a{padding:7px 15px !important; text-decoration:none !important; background:#eee !important; color:#777 !important}
ul.searchNavigation li a.selected{background:#fff !important; color:#000 !important}
#advancedTerms ul li{list-style-type:none !important; display: block !important;  width:100%;}
#advancedTerms ul li input{margin-left:0px !important; clear:both !important}
#advancedTerms ul li span{display:block !important;}
#advancedTerms ul li label{display:block !important; width:100% !important}
.ektronSearch input[type=button], .ektronSearch input.advancedSubmit{padding:6px 20px !important; font-family: "open-sans-n4", "open-sans", sans-serif; cursor:pointer; margin-top:5px !important;}

.row .nav-bar>li a{padding-left:10px; padding-right:10px; font-size:14px; color:#333;  font-weight:700; font-family:"open-sans-n7", "open-sans";}
.row .nav-bar>li a.selected{color:#169100; } .row .nav-bar>li a.selected:hover{text-decoration:none;}
.row .nav-bar>li:hover{}
.row .nav-bar>li a:hover{color:#169100; background:none; text-decoration:underline;}

#right-col p.title{font-size:16px; color:#116801; border-bottom:1px solid #b7e3a4; padding-bottom:6px; line-height:1.4em; font-weight:700; font-family:"open-sans-n7", "open-sans";}
#right-col a, .green-box a{color:#297c04; text-decoration:underline;} #right-col a:hover, .green-box a:hover{color:#000;}
#right-col p.title a{color:#198a04; font-weight:700; text-decoration:none; font-family:"open-sans-n7", "open-sans";} #right-col p.title a:hover{color:#000;}
#right-col ul{margin-bottom:0px;}
#right-col ul li{list-style:none; font-size:13px; margin-bottom:10px;}
#right-col h5{font-weight:700; font-family:"open-sans-n7", "open-sans";}

#right-col p.link{margin-bottom:3px; line-height:1.4em;}
#right-col p.desc{margin-right:5px; margin-top:-13px;}
#right-col em{font-size:11px;}

#right-col img{float:left; margin:3px 15px 0px 0px;}
/* ie 8 */
#right-col img{margin-bottom:10px\9;}

.advancedSubmit {padding: 6px 20px !important; font-family: "open-sans-n4", "open-sans", sans-serif; cursor: pointer; margin-top: 5px !important; }

#content p span.news-date{font-size:14px;}
a.addthis_button_email{ margin-right:2px;}
.news-listing{margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:5px;} 
.news-listing p.title a{font-size:14px; font-weight:700; font-family:"open-sans-n7", "open-sans";}
.news-listing em.emp{font-size:11px; color:#666; line-height:1.8em;}
table#ctl00_MainContent_chkAlerts input{float:left; margin-right:8px;}

.pagination{padding:15px 10px 1px 0px; margin-bottom:20px;}
#content .pagination ul{margin:0px;}
#content .pagination ul li{margin:0px;}
.pagination ul li{display:inline; list-style:none; margin-right:5px;}

.alerts{background:#ffffcc; border:1px solid #e5e585; border-radius:0px;}
#content .alerts h3{font-size:18px; margin-bottom:10px; color:#222; margin-top:5px; font-family:"open-sans-n7", "open-sans";}
#content .alerts p{margin-bottom:0px;} #content .alerts p a{color:#8e2400;} #content .alerts a:hover{color:#111;}
#content .alerts p.date{margin-bottom:14px; margin-top:2px; font-size:11px; font-style:italic; color:#222; font-family:"open-sans-i4", "open-sans"}

.yellow-box{background:#ffffcc; border:1px solid #e5e585; margin-bottom:15px; padding:5px 15px 8px 15px; border-radius:0px;}
.yellow-box p.orange{font-size:16px; color:#333; border-bottom:1px solid #e5e585; padding-bottom:6px; line-height:1.3em; font-weight:700; font-family:"open-sans-n7", "open-sans";}
#right-col .yellow-box a{color:#8e2400;} #right-col .yellow-box a:hover{color:#111;}
#right-col .yellow-box p{margin-bottom:3px; line-height:1.4em; margin-top:10px;}
#right-col .yellow-box p.date{font-size:11px; margin-bottom:12px; margin-top:5px; font-style:italic; font-family:"open-sans-i4", "open-sans"}

#right-col .label{font-weight:normal;}

.news table{width:100%;}
.events p.title{font-size:20px; font-weight:700; font-family:"open-sans-n7", "open-sans";}

#content .wrap .events p.title{margin-bottom:18px; line-height:0.92em;} #content .wrap .events p.title a{font-size:14px; }
#content .wrap .events p.calendar{margin-bottom:0px; font-size:11px; } #content .wrap .events p.calendar strong{font-weight:300;}
.wrap a{font-size:16px;}

.wrap .resources p.title{margin-bottom:0px;} .wrap .resources p.title a{font-size:14px;}
.topheader p{color:#fff; text-align:center; line-height:40px;}
a#lnkMoreNews{font-size:13px; padding-right:6px;}

.calendar-list{border-bottom:1px solid #ccc; padding:13px 0px 16px 0px; }

.news table a{text-decoration:underline;} .news table a:hover{color:#000;}
.news table td{padding-top:7px; padding-bottom:7px;}
.news table td.right{font-style:italic; width:60px; text-align:right; padding-left:0px; font-size:11px; font-family:"open-sans-i4", "open-sans"} .calendar-list span{font-size:10px;}

.news{margin-bottom:30px;}
#content .wrap h2{margin-top:10px;}
.news p.item{border-bottom:1px solid #ccc; padding:8px 0px; margin-bottom:0px;}

.news table td .more a{font-size:11px; color:#777;  text-transform:uppercase;} .more a:hover{ color:#444;}


#content .links ul{margin:0px; padding:0px; }
#content .links li{ margin-bottom:0px;  padding:4px 0px; list-style-type:none; line-height:1.4em; background:url(../img/icons/arrow2.gif) no-repeat 0px 8px; padding-left:20px; margin-left:0px;}
.links a{  margin:0px; padding:0px;}

#ctl00_MainContent_lnkMoreNews{padding-right:5px;}
.advicemini a{color:#fff;}
.footerrow{margin-top:24px !important}
.footer{ padding-bottom:20px; overflow:hidden;  }

@-moz-document url-prefix() {
    .footer {     
    }
}

.footer ul {border-bottom:1px solid #cdcdcd; padding-bottom:10px;}
.footer ul li{display:inline; font-size:12px; color:#444; } .footer ul li a{color:#333; } .footer ul li a:hover{ }
.footer p{margin-bottom:0px; margin-top:20px; text-align:center; font-size:13px;}
.footercontent ul{border:none; padding-bottom:0px;}
.footer ul.footer_links{padding-bottom:10px; margin-bottom:10px; margin-top:25px; text-align:center; display:block;}
.footer ul.footer_links li{padding:0 5px;border-right:1px solid #999999; line-height:1.8em; text-align:center; } .footer ul.footer_links li:last-child{border:none;}
.footer ul.footer_links li.egFirstItem{padding-left:0px;}
.footer ul.footer_links li#nav_522{border:none;}
.green-box-home, .green-box{ background:#f4fef0 url(../img/bg/gradient.gif) repeat-x 0px 0px; padding:15px 15px 8px 15px; margin-bottom:15px; border:1px solid #d3e9c9; overflow:hidden; border-radius:0px;}

.footer ul.info{text-align:center;  display:block; }
.footer ul.info li{font-size:13px;}

.footer p, .footer ul{padding:0px 11px; margin-bottom:5px;}

.footer p.social{margin-top:10px; } .footer p.social a{color:#666;} .footer p.social a:hover{color:#222; text-decoration:none;}
.footer a.twitter{background:url(../img/icons/twitter.png) no-repeat 0px 1px; padding-left:21px; margin-left:13px; padding-bottom:3px;}
.footer a.facebook{background:url(../img/icons/facebook.png) no-repeat 0px 1px; padding-left:21px; margin-left:0px; padding-bottom:3px;}
.footer a:hover{background-position:0px -19px;}

/*.padding{padding:0px 12px; padding : 0px 0px\9;}*/


#content {padding-bottom:40px;}
#content h1{font-size:30px; line-height:1.25em; font-weight:300; color:#297c00; margin-bottom:20px; margin-top:0px;}
#content h2{margin-top:25px; font-size:24px; /*color:#023e76;*/ color:#222; margin-bottom:15px; line-height:1.4em;} #content h2 a{color:#222; text-decoration:none;}
#content h3{font-size:18px; margin-top:20px; line-height:1.4em;} #content h3 a{color:#222; text-decoration:none;}
#content h4{font-size:16px; margin-top:30px; line-height:1.4em;}
#content ul{margin-left:18px;}
#content ul ul{margin-top:7px; margin-bottom:12px;}
#content ul ul li{font-size:11px; margin-bottom:3px;}
#content ol div, #content ol li{display:block; width:100%;}

#content ol {list-style-type:circle !important}

#content p.sIFR-replaced img{width:100%;}


#content .search-results ul{margin-left:0px;}
#content .search-results ul li{list-style-type:none; margin:0px; font-size:11px;}
#content .search-results ul li.result{font-size:14px; margin-bottom:6px; border-top:1px dotted #ccc; padding-top:13px;}

/*-----------------------------Publications-----------------------------------*/
#container #main #content table.GridView1 tr td.article a.downloadpdf {
    background: url("../img/icons/download-pdf.png") no-repeat scroll 0 1px transparent;
    border-bottom: medium none;
    display: block;
    padding: 0 40px 0 24px;
    color: #18558D;
    font-weight:bold;
    text-decoration: none;
}


#container #main #content table.GridView1 tr td.article span.titleNoLink
{
    color: #18558D;
    font-weight:bold;
    font-size:13px;
    }
#container #main #content table.GridView1 tr td a.downloadpdf span {
    background: none repeat scroll 0 0 transparent;
    color: #23800C;
    font-style: italic; font-family:"open-sans-i4", "open-sans"
}


/*-----------------------------Publications-----------------------------------*/

#content{padding-bottom:40px;}
#content .flexslider ul{margin:0px;}
#content .flexslider ul li{list-style-type:none;}

#content table{width:100%;}

#header { margin-left: 15px; margin-right: 15px; }
.header-padding{padding:0px 10px 0px 0px; }
#header .advice p{font-size:14px; margin:17px 20px 0px 0px;} .advice p a{cursor:text; color:#111; text-decoration:none;} .advice p a:hover{text-decoration:none;}
.advice p span{background:url(../img/icons/phone2.gif) no-repeat 0px 0px; padding-left:42px; line-height:32px; display:inline-block;}

.search input.button{font-weight:300; line-height:0.7em;}
.search ul.inline-list{margin-bottom:5px;margin-right:-33px; }
.search ul.inline-list li{ padding-right:5px; margin-right:5px; margin-left:0px;}
.search ul.inline-list li:first-child{ }
.search ul.inline-list a.button{margin-top:0px; } .search ul.inline-list a.button:hover{text-decoration:none;}
.search ul.inline-list li.l1{margin-top:4px; border-right:1px solid #ccc; margin-left:7px;}
.search ul.inline-list li.l2{margin-top:4px; margin-right:7px;border-right:1px solid #ccc; margin-left:7px;}
.search ul.inline-list li.l3{margin-right:0px;margin-top:4px;margin-left:7px;margin-right:4px; }
.search ul.inline-list li.l4 span{background:url(../img/icons/question.png) no-repeat 0px 1px; width:13px; height:13px; display:inline-block; margin-bottom:-2px; margin-right:0px; margin-left:-8px;}

#content ul li{list-style-type:square; margin-bottom:5px;} #content ul li strong{}

#content table ul{margin:0px;}
#content table ul li{list-style-type:none; margin-left:0px;}

#content a{text-decoration:underline;} #content a:hover{color:#111;}
#content p.desc{font-size:13px; font-style:italic; font-family:"open-sans-i4", "open-sans"} #content p.desc img{width:100%;}
#content p.reviewed{color:#999;}

img.picture{width:100%;}
#content p img.picture{margin-bottom:-25px;}

embed{max-height:300px}

#bcrumbs{ margin-bottom:10px; margin-top:-5px;}
#bcrumbs ul{border-bottom:1px solid #e2e2e2; padding-bottom:11px;}
#bcrumbs ul li{display:inline; color:#444; font-size:11px; color:#666;}
#bcrumbs ul li span{color:#444; padding-right:5px;}
#bcrumbs ul li em{padding:0px 4px;}
#bcrumbs ul li a{color:#444;}

.imgLeft{float:left; margin:5px 20px 15px 0px;}
.imgRight{float:right; margin:5px 0px 15px 20px;}


#content .button-wrap{padding-top:2px; padding-bottom:10px; overflow:hidden;}
#content .button-wrap a{display:block; float:left; margin-bottom:6px; border-radius:0px; text-decoration:none; padding:7px 10px; background:#222; margin-right:5px; color:#fff; background:#003d88;}
#content .button-wrap a:hover{background:#044fac; color:#fff;}


#left-col{margin-bottom:30px;}
#left-col ul{border:1px solid #ccc; margin:0px; border-top:none; border-radius:0px;}
ul.left-nav li{list-style-type:none; }
ul.left-nav li.top-level-on a{background:#2a8a12; color:#fff; border-top-color:#23860a; }
ul.left-nav li.top-level-on a:hover{background:#2a8a12; color:#fff; border-top-color:#23860a;}

ul.left-nav li:first-child.top-level-on a, ul.left-nav li:first-child.top-level-on a:hover {border-top-left-radius:0px; border-top-right-radius:0px; border-bottom:0px; border-bottom-color:#2a8a12;}
ul.left-nav li:first-child a:hover{border-top-left-radius:0px; border-top-right-radius:0px;}

ul.left-nav li a{display:block; background:#f2f2f2; border-top:1px solid #ccc; padding:8px 13px; color:#333; font-size:11px; border-bottom:1px solid #fff; }
ul.left-nav li a:hover{border-bottom-color:#111;}
ul.left-nav li.top-level-on a{border-bottom:1px solid #2a8a12}
ul.left-nav li.top-level-on a:hover{border-bottom:1px solid #2a8a12}

ul.left-nav li:last-child a{border-bottom:none;}
ul.left-nav li.sub a{background:#fff !important; border:none; padding:5px 13px;} ul.left-nav li.sub a:hover, ul.left-nav li.subsub a:hover{color:#111; text-decoration:underline; background:inherit;  margin:0px;}
ul.left-nav li.subsub{margin-bottom:-1px;}
ul.left-nav li.subsub a{ border:none; padding:4px 13px; padding-left:24px; background:url(../img/icons/mini-arrow.gif) no-repeat 13px 11px;}
ul.left-nav li.sub a.on, ul.left-nav li.subsub a.on{color:#177200;}
ul.left-nav li.subsub a:hover{background:url(../img/icons/mini-arrow.gif) no-repeat 13px 12px; margin:0px;}

ul.left-nav li a:hover{background:#222; color:#fff; border-top-color:#222; text-decoration:none;}

.red{color:#cc0909 !important;}



#content #sitemap-content ul li.heading{list-style-type:none; font-size:18px; margin-top:30px; margin-left:-17px; margin-bottom:10px;}
#content #sitemap-content ul li.subsub{margin-left:40px; font-size:11px;}

/*
------------------------------------------------------
=BANNERS 
------------------------------------------------------*/
.banner{width:100%; height:123px; clear:both; margin-bottom:5px; background-size:cover}
.food-business-banner { background:url(../img/banners/food-business-banner.jpg) no-repeat;}
.monitoring-banner { background:url(../img/banners/monitoring-banner.jpg) no-repeat;}
.news-banner { background:url(../img/banners/news-banner.jpg) no-repeat;}
.resource-publication-banner { background:url(../img/banners/resource-publication-banner.jpg) no-repeat;}
.science-health-banner { background:url(../img/banners/science-health-banner.jpg) no-repeat;}
.leglislation-banner { background:url(../img/banners/leglislation-banner.jpg) no-repeat;}


/*
------------------------------------------------------
=Icons
------------------------------------------------------*/
.pdf{padding:2px 5px 2px 25px; border:1px solid #dde9ee; background: url(../img/icons/pdf.png) no-repeat 2px 3px; margin:0px !important; border:none;}
a.pdf-small, li a.pdf-small {background: url(../img/icons/pdf.png) no-repeat 0px 1px; padding-top:1px; padding-bottom:0px; padding-left:23px;  margin-left:2px; zoom: 1 }
a.word, li a.word {background: url(../img/icons/word.png) no-repeat top left; padding-top:1px; padding-bottom:0px; padding-left:22px;  margin-left:0px; zoom: 1 }
a.xls, li a.xls {background: url(../img/icons/xls.png) no-repeat 0px 1px; padding-top:1px; padding-bottom:0px; padding-left:22px;  margin-left:0px; zoom: 1 }
a.ppt, li a.ppt {background: url(../img/icons/powerpoint.png) no-repeat 0px 1px; padding-top:1px; padding-bottom:0px; padding-left:22px;  margin-left:0px; zoom: 1 }


.footer ul.info{border:none;}

#content ol {
    counter-reset:li;
    margin-left:0; 
    padding-left:0; 
	margin-right:25px;
	margin-bottom:15px;
}
#content ol > li {
    position:relative; 
    margin:0 0 6px 2em; 
    padding:8px 8px; 
    list-style:none; 
    border-top:1px solid #ccc;
    
	line-height:1.5em;
	
}
#content ol > li:before {
    content:counter(li); 
    counter-increment:li; 
    
    position:absolute;
    top:-1px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
   
    margin-right:8px;
    padding:8px 4px 4px 4px;
    border-top:1px solid #ccc;
    color:#222;
    background:#ccc;
   
    text-align:center;
}

table tr.pagination {background:none; border:none;}
table table{border:none;}
table table tr td{padding:5px 0px; width:auto; width:5px;}
a.btnPreviousPage{border:none !important}
table td.firstpag{width:70px !important;}

/* publication search results*/ 

.pub_content a{font-size:13px; line-height:1.45em;}
.pub_content{padding:5px;}

.pub_content, #content .pub_content p{
    font-size:11px; line-height:1.6em; margin-top: 5px
}
    .pub_content h3 {
        font-size: 1.2em !important; line-height:1.6em; margin: 0 !important;
    }

    .pub_content p a {
        color: #2a8a12;
    }

#content .pub_content p {margin-bottom:0px;}
.article .pub_content span.downloadpdf{color: #18558D;font-weight: bold;}

#content ol ol{margin:10px 0px;}
#content ol ol li{border:none; margin-bottom:0px;}
#content ol ol > li:before{background:none; border:none;}

label{line-height:1.4em !important; padding-top:5px;}

body{overflow-x:hidden;}

#topnav {
    margin-left: 15px; margin-right: 15px;
}

#topnavcontent{
    background:url('../img/nav/nav.gif') repeat-x bottom left; 
    width:100%; 
    margin-top:-10px;    
}
     #topnavcontent ul#nav { padding-left: 0; list-style: none; width: 100%; margin-bottom: 15px; }
	 
	  #topnavcontent ul#nav {margin-left:0;margin-top:20px;padding:0; border:1px solid #cbcbcb; border-radius:0px; }
	 
            #topnavcontent ul#nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
            
                #topnavcontent ul#nav li { float: left; background:url('../img/nav/divide.gif') no-repeat bottom left;}
				
				   #topnavcontent ul#nav li:first-child{background:none;}
				
                #topnavcontent ul#nav a { 
                        display: block;  padding-left:12px; padding-right:11px; font-size:14px; color:#333;  font-weight:700; line-height:38px; border-bottom:3px solid transparent;  font-family:"open-sans-n7", "open-sans";                     
                }
				
				 #topnavcontent ul#nav a.selected{color:#137D00; border-bottom:3px solid #169100;} #topnavcontent ul#nav a.selected:hover{text-decoration:none;}
				
				#topnavcontent ul#nav a:hover{color:#137D00;}
				
              
        .open {
            display: none;
            float: left;
            width: 40px;
            height: 30px;
            margin-right: 10px;
            background: url(../img/icons/menu.png) center center no-repeat #333;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            -border-radius: 8px;
            box-shadow: inset 0 0 3px #000;
            text-indent: -999999px;
            border: 0;
        }
        
        #pageslide {
         
            display: none;
            position: absolute;
            position: fixed;
            top: 0;
            height: 100%;
            z-index: 999999;

         
            width: 260px;
            padding: 20px;

            /* These styles are optional, and describe how the pageslide will look */
            background-color: #333;
            color: #FFF;
            -webkit-box-shadow: inset 0 0 5px 5px #222;
            -moz-shadow: inset 0 0 5px 5px #222;
            box-shadow: inset 0 0 5px 5px #222;
        }
        
        #secondary { display: none; color: #EFEFEF; }
            #secondary h2 { color: #FFF; }
       #share_buttons a span.at16nc{background: url(../img/icons/email.png) no-repeat;height:20px;width:20px;}
       #share_buttons .twitter-share-button{float:left;display:inline-block;padding-left:2px !important; padding-right:2px !important;}
     #share_buttons{width:170px;float:right;}
      #share_buttons iframe{width:83px !important;}
  #___plusone_0{float:left !important;padding-left:2px !important; padding-right:2px !important;}
  #share_buttons .facebook_button{float:left;padding-left:2px !important; padding-right:2px !important;height: 20px; border:none;}     
   #share_buttons a{border:none;}
       /*form style*/
       #report h2{margin-top:0px;}
       #report .row .three{width:33%;}
       #report .row .nine{width:67%;}
       /*#report .row .nine select{ margin-bottom: 5%;}*/
       
       .ektron_form .design_content{overflow: visible;}
       .ektron_form div.design_content .design_textfield{width: 66.6667%;}
       
.ektronSearch .searchWrapper .searchResults ul.ektronPaging li{border:none !important;}
.mobile_search{ background: url("../img/icons/search-icon.gif") no-repeat scroll 25px 17px transparent;
    border: medium none;
    display: block;
    height: 43px;
    padding: 10px 15px 10px 25px;
    text-indent: -9999px;
    left: -9999px;
    position:absolute;
    width: 20px;}
  
  
  
#content .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

#content .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  list-style-type:none;
 
  }

#content .rslides li p.caption {background:#000; color:#fff; padding:10px; }
#content .rslides li p.caption span{padding-top:10px; display:block;}
#content .rslides li p.caption a:link{color:#FFFFFF;}
#content .rslides li p.caption a:visited{color:#FFFFFF;}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  margin-bottom:10px;
  }
      
	  .rslides {
  margin: 0 auto 0px;
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }


 
        /* Mobile and iPad Portrait */
		
		@media only screen and (max-width: 1100px) {
    	    #topnavcontent {  width: 100%; }
			 #topnavcontent ul#nav a{font-size:14px; }
    	}
		
		@media only screen and (max-width: 1000px) {
			
    	    #topnavcontent {  width: 100%; }
			 #topnavcontent ul#nav a{font-size:13px; }
    	}	
	
			@media only screen and (max-width: 970px) {
				.search ul.inline-list{margin-right:-13px;}
    	  	.search ul.inline-list li.l3{float:left; font-size:11px; margin-right:-10px;}
    	}		
    	    
    	@media only screen and (max-width: 767px) {				
			
    	    #topnavcontent { width: 100%; }    	
    	    #topnavcontent ul#nav { display: none; }    	    
    	    .open { display: block; }
    	    #pageslide { width: 200px; }
    	        #pageslide #nav li { padding: 10px 0; border-bottom: 1px solid #555; list-style-type:none;}
    	        #pageslide #nav li a { color: #FFF; border: none; display:block}
    	        #pageslide #nav li a:hover { text-decoration: none; }
    	}   	
    	
        @media only screen and (max-width: 479px) {
            #topnavcontent {  width: 100%; }
            #topnavcontent h1 { font-size: 14px; }
        }


@media only screen and (max-width: 950px) {
    	    #topnavcontent {  width: 100%; }
			 #topnavcontent ul#nav a{font-size:13px; font-weight:normal !important }
    	}
		
		@media only screen and (max-width: 916px) {
    	    #topnavcontent {  width: 100%; }
			 #topnavcontent ul#nav a{font-size:11px; font-weight:normal !important }
    	}

	@media only screen and (max-width: 823px) {
    	    #topnavcontent {  width: 100%; }
			 #topnavcontent ul#nav a{font-size:10px; font-weight:normal !important }
    	}

	@media only screen and (max-width: 776px) {
    	    #topnavcontent {  width: 100%; }
			 #topnavcontent ul#nav a{font-size:9px; font-weight:normal !important }
    	}

	@media only screen and (min-width: 768px) and (max-width: 850px) {
		#header .advice p{font-size:12px;}		
		}		
		
	@media only screen and (min-width: 768px){
		.advice p{font-size:12px;}		
		  #pageslide {display:none !important; }		
		}

@media only screen and (min-width: 768px) and (max-width: 870px) {
		.advice p{font-size:12px;}
		#header ul.inline-list{width:258px; }
		#header ul.inline-list li{font-size:11px; }
		}

/*print */
@media print  
{
    .header-padding{display:none;}
    #topnavcontent{display:none;}
    #bcrumbs{display:none;}
    #left-col{display:none;}
    #right-col{display:none;}
    .footer{display:none;}
    #share_buttons{display:none !important;}
    .callout{display:none;}
}
/* -----------------------------------------
   Mobile specific
----------------------------------------- */
@media only screen and (max-width: 767px) { 
.logo{margin-top:-20px !important; margin-bottom:10px !important; }

  .cookieConfirmation .button{margin-bottom:10px;}
.cookieConfirmation .panel .three{margin-bottom:7px;}
  .cookieConfirmation p{margin-bottom:-20px;}
.header-padding img{display:block; margin:0px auto;}
.advice p{text-align:center; margin:0px !important; margin-top:8px !important;} .advice p a{cursor:pointer; color:#fff;}
.footer p, .footer ul{padding:0px 11px; margin-bottom:5px;}
.footer p{}
.advice p span{background:none; padding-left:0px; }
#bcrumbs{ margin-bottom:0px; }
select{width:100%;}
.footer ul li a{cursor:pointer;}
p.advicemini a{color:#fff !important;}
}


.gs-visibleUrl-short{display:none;}
.gs-visibleUrl-long{display:block !important;}
.gsc-search-box td{padding:0px;}
.gcsc-branding{display:none;}
.gsc-cursor-box{padding-top:25px;}
.gsc-above-wrapper-area-container{border:none; margin-bottom:5px;}
.gsc-above-wrapper-area-container td{padding:0px ;}
table.gsc-resultsHeader{display:none;}
.gsc-table-result{border:none; }
.gsc-table-result td{padding:10px 0px 0px 0px;}
.gsc-table-result td.gsc-thumbnail{padding-right:20px;} .gsc-table-result td.gsc-thumbnail img{padding:6px;}

input.gsc-search-button{background:#1d718a; border:1px solid #1e728c; -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset; color:#fff; cursor:pointer; display:inline-block; font-family:inherit; font-size:13px; font-weight:bold; line-height:1;margin:0;outline:none;padding:10px 20px 11px; position:relative;text-align:center;text-decoration:none;-webkit-transition:background-color 0.15s ease-in-out;-moz-transition:background-color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out; margin-top:-8px; -webkit-appearance:none; }


.gsc-cursor-page{padding:5px 8px; border:1px solid #ccc; margin-right:4px !important; text-decoration:none;}
.gsc-cursor-page a{text-decoration:none ;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {text-decoration:none;}

#content table tr{background:#fff !important;}
#content table tr th{background:green !important; color:#fff;}
#content table tr.even td{background:#f2f2f2;}

em{font-family:"open-sans-i4", "open-sans";}

/*styles set in ektron using dropdown*/
p.desc {font-style:italic; color:#666666; margin-right:5px;}
/*
------------------------------------------------------
=LIST
------------------------------------------------------*/
blockquote, p.blockquote, #content blockquote p{padding:0px 10px 0px 10px; font-size:1.2em; margin:10px 0px 12px 0px; line-height:1.3em !important; font-family:Georgia, "Times New Roman", Times, serif !important; font-style:italic; color:#555;}

/*
------------------------------------------------------
= ORDERED LISTS


ol li {color:#2a2a2a; font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.6em; margin-bottom:5px; padding-left:25px;}


ol {padding-left:5px; margin-top:0px; margin-right:20px; margin-bottom:12px; margin-left:10px; }
------------------------------------------------------*/

ol.abc{list-style-type:lower-alpha;}
ol li.subabc {list-style-type:lower-alpha;}
.imgLeft {float:left; margin:0em 1em 1em 0; position:relative;}
/*.imgLeft p {font-size:1.1em; color:#a0a3a1; margin-right:10px; padding-top:1em; margin-top:-0em; }*/
.imgRight {float:right; margin:0em 0em 0em 1.5em; position:relative; margin-right:0px;}
/*

------------------------------------------------------
=CAUTION STYLE AND CAUTION STYLE
-----------------------------------------------------*/
p.title {color:#25890b; font-size:1.4em; border-bottom:1px solid #d5ecbd; font-weight:bold; padding-top:5px; letter-spacing:-0.02em; line-height:1.2em; padding-bottom:2px;}
.caution{background:#fcf9a6 url(../img/icons/error.gif) no-repeat 8px center; padding:10px 8px 10px 34px; border:1px solid #ffcd72; color:#b83806 !important; margin-bottom:12px; margin-top:10px; display:block;}
.information{background:#e7f2fa url(../img/icons/information.gif) no-repeat 8px center; border:1px solid #c9ddeb; padding:10px 8px 10px 34px; margin-bottom:12px; margin-top:10px; display:block;}

ol li.one { list-style: none}
ol li.two {list-style: none}
ol li.three {list-style: none}
ol li.four {list-style: none}
ol li.five {list-style: none}
ol li.six {list-style: none}
ol li.seven {list-style: none}
ol li.sub {padding-left:20px; margin-left:27px;}

/*
-----------------------------------------------------------
=ORG CHART
---------------------------------------------------------*/

/*div.OrgChart > img:first-child {border: red;} */
[title~=OrgChart] {
border: none;
}

/*

----------------------------------------------------
=BOX BLUE
----------------------------------------------------*/
.boxblue{background:#e7f2fa; border:1px solid #c9ddeb; padding:2px 10px 20px 10px; margin-bottom:10px; display:block;}
.boxblue strong{color:#064774;}
.boxblue a{color:#297c04; text-decoration:underline;} 
.boxblue a:hover{color:#000;}

/*
----------------------------------------------------
=WHO WE ARE 2018
----------------------------------------------------*/
	.funcArea {
       
	}

    .staff-box {
    display: inline-block;
    width:140px;  
    height: inherit;
    /*text-decoration: line-through;*/
    vertical-align: top;
    padding-bottom: 4px;    
    }
	


    figcaption {
    	background-color:/*#02458D;*/#f2f2f2;
        /*color: white;*/
    	height: 100px;
    	width:auto;
        padding: 4px;
    }
/*
figcaption a:link, a:visited { 
    color: white;
}
*/
figcaption a:hover {
color: red;
}

/*
----------------------------------------------------
=BUTTON 2018
----------------------------------------------------*/

.button-uj {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button-uj1 {width: 250px;}
.button-uj2 {width: 50%;}
.button-uj3 {width: 100%;}