/* Reset browser defaults */
body,h1,h2,h3,h4,h5,h6,blockquote,ul,li{margin:0;padding:0;font-weight:500;font-family:Arial, Helvetica, Sans-Serif;font-size:12px;color:#525252;}
img{border: 0;}
p{margin:0;margin-bottom: 10px;}

body {background-color:#e4e5e9;background-position:center;background-image:url(/images/main-bg.png);background-repeat:repeat-y;}
a:link{color:#005b4f;text-decoration:none;}
a:visited{color:#005b4f;text-decoration:none;}
a:hover{color:#005b4f;text-decoration:underline;}

.printonly{display:none;}
.lowercase{text-transform:lowercase;}
#accessibility-menu{display:none;}

#container{width: 979px;margin-left: auto;margin-right: auto;margin-top: 20px;margin-bottom:20px;border: 1px solid #FFFFFF;}
#container #header{width:979px;height:108px;background-image:url(/images/header-bg.jpg);background-repeat:no-repeat;}
#container #header #logo{float:left;margin-top:20px;margin-left:17px;}
#container #header #tagline{float:right;margin-top:8px;margin-right:11px;}
#container #header #topnav{float:right;clear:right;margin-right:5px;width:650px;}
#container #header #topnav ul{list-style-type:none;margin-top:54px;float:right;}
#container #header #topnav ul li{display:inline;}
#container #header #topnav ul li a{background-image: url(/images/spriteme2.png);background-position: 0px -50px;background-repeat:repeat-x;color:#FFFFFF;height:15px;display:block;float:left;padding:5px 7px 0 7px;font-size:9px;text-transform:uppercase;}
#container #header #topnav ul li a:hover{text-decoration:none;}
#container #header #topnav ul li span.left{width:5px; height:20px;display:block;float:left;  background-image: url(/images/spriteme1.png);background-position: -10px -90px;}
#container #header #topnav ul li span.right{background-image: url(/images/spriteme1.png);background-position: -10px -130px;width:5px; height:20px;display:block;float:left;}

#container #header #topnav ul li.selected a, #container #header #topnav ul li:hover a{background-image: url(/images/spriteme2.png);background-position: 0px -10px;background-repeat:repeat-x;}
#container #header #topnav ul li.selected span.left, #container #header #topnav ul li:hover span.left{background-image: url(/images/spriteme1.png);background-position: -10px -10px;}
#container #header #topnav ul li.selected span.right, #container #header #topnav ul li:hover span.right{  background-image: url(/images/spriteme1.png);background-position: -10px -50px;}

#container #l2-nav{background-image: url(/images/spriteme2.png);background-position: 0px -90px;background-repeat:repeat-x;width:100%;height:32px;}
#container #l2-nav #l2-nav-left{float:left;font-size:16px;height:22px;padding-top:10px;}
#container #l2-nav #l2-nav-left ul{list-style-type:none;}
#container #l2-nav #l2-nav-left ul li{float:left;}
#container #l2-nav #l2-nav-left ul li a{color:#231f20;font-size:11px;float:left;}
#container #l2-nav #l2-nav-left ul li img{float:left;padding-right:5px;padding-left:5px;}
#container #l2-nav #l2-nav-left ul li span{float:left;padding-right:5px;}
#container #l2-nav #l2-nav-right{background-image:url(/images/l2-nav-bg2.png);background-repeat:repeat-x;width:610px;height:23px;float:right;padding-top:9px;}
#container #l2-nav #l2-nav-right ul.About{margin-left:60px;}
#container #l2-nav #l2-nav-right ul.FAQs{margin-left:385px;}
#container #l2-nav #l2-nav-right ul.Consumers{margin-left:315px;}
#container #l2-nav #l2-nav-right ul{list-style-type:none;}
#container #l2-nav #l2-nav-right ul li{float:left;}
#container #l2-nav #l2-nav-right ul li a{color:#FFFFFF;text-transform:uppercase;padding-right: 1px;float:left;background-image:url(/images/l2-nav-item-bg.png);background-repeat:no-repeat;background-position:right;font-size:10px;}
#container #l2-nav #l2-nav-right ul li a span{float:left;padding:2px 5px;margin-left:3px;margin-right:4px;}
#container #l2-nav #l2-nav-right ul li a:hover{text-decoration:none;}
#container #l2-nav #l2-nav-right ul li a:hover span, #container #l2-nav #l2-nav-right ul li a.selected span{padding: 1px 4px;border:1px solid #b498ad;background-image:url(/images/l2-nav-selected-bg.png);background-repeat:repeat-x;}
#container #l2-nav #l2-nav-right ul li a.last{background-image:none;}

#container #main-body{background-image:url(/images/body-bg.jpg);background-repeat:no-repeat;width:978px;padding-top:5px;overflow:hidden;}
#container #main-body h2{color:#FFFFFF;height:27px;font-size:12px;margin-bottom:10px;}
#container #main-body h2.news{width:295px;background-color:#000000;}
#container #main-body h2.why{width:476px;background-color:#005b4f;}
#container #main-body h2.help{width:179px;background-color:#a94d91;}
#container #main-body h2.translate{width:179px;background-color:#9c5708;}
#container #main-body h2 img{margin-top:5px;margin-left:4px;float:left;}
#container #main-body h2 span{float:left;margin-top:6px;margin-left:7px;}

#container #main-body h2.jade{background-color:#005b4f;}
#container #main-body h2.plum{background-color:#a3498f;}
#container #main-body h2.firebrick{background-color:#7a121d;}
#container #main-body h2.mustard{background-color:#d5a10e;}
#container #main-body h2.chipotle{background-color:#9c5708;}
#container #main-body h2.onyx{background-color:#050708;}
#container #main-body h2.charcoal{background-color:#8a8c8f;}
#container #main-body h2.fog{background-color:#c7c8ca;}
#container #main-body h2.whitesmoke{background-color:#f3f3f4;}

/*Home page mostly*/
#container #main-body #main-body-left{background-image:url(/images/home-large.jpg);background-repeat:no-repeat;width:672px;float:left;height:670px;}
#container #main-body #main-body-left #main-body-left-left{margin-top:320px;margin-left:3px;width:474px;height:335px;border: 1px solid #e2e2e2;overflow:hidden;padding:1px 2px;float:left;}
#container #main-body #main-body-left #main-body-left-left p{margin-left:18px;margin-right:10px;}
#container #main-body #main-body-left #main-body-left-left ul{margin-left:18px;width:466px;}
#container #main-body #main-body-left #main-body-left-left ul li{width:210px;height:50px;float:left;margin-left:10px;padding-left:0px;margin-right:10px;margin-bottom:10px;}
#container #main-body #main-body-left #main-body-left-left ul li.extratall{height:60px;}

#container #main-body #main-body-left #main-body-left-right{margin-top:320px;margin-left:3px;width:177px;height:177px;float:left;border: 1px solid #e2e2e2;overflow:hidden;padding:1px 2px;float:left;}
#container #main-body #main-body-left #main-body-left-right p{padding:0 10px;}
#container #main-body #main-body-left #main-body-left-right2{margin-top:2px;margin-left:3px;width:177px;height:152px;float:left;border: 1px solid #e2e2e2;overflow:hidden;padding:1px 2px;float:left;}
#container #main-body #main-body-left #main-body-left-right2 p{padding:0 10px;}

#container #main-body #main-body-right{width:299px;float:left;margin-left:5px;}
#container #main-body #main-body-right .main-body-right-top-images img { margin-bottom:5px; border:none; }
#container #main-body #main-body-right #main-body-right-top{background-image:url(/images/right-bg.png);background-repeat:repeat-y;height:311px; margin-top:7px; }
#container #main-body #main-body-right #main-body-right-top #main-body-right-top-left{margin-left:6px;float:left;}
#container #main-body #main-body-right #main-body-right-top #main-body-right-top-right{float:left;width:174px;margin-left: 10px;}
#container #main-body #main-body-right #main-body-right-top #main-body-right-top-right p{margin-bottom:0;padding-bottom:10px;padding-top:7px;background-position:bottom;background-image:url(/images/home-news-sep.gif);background-repeat:no-repeat;}
#container #main-body #main-body-right #main-body-right-top #main-body-right-top-right p.first{padding-top:0;}
#container #main-body #main-body-right #main-body-right-top #main-body-right-top-right p.last{background-image:none;padding-bottom:3px;}
#container #main-body #main-body-right #main-body-right-top #main-body-right-bottom{background-image:url(/images/main-body-right-bottom-bg.jpg);background-repeat:no-repeat;width:298px;height:58px;float:left;clear:both;}
#container #main-body #main-body-right #main-body-right-top #main-body-right-bottom h2 a{display:block; background-image: url(/images/spriteme1.png);background-position: -10px -170px;height:20px;width:105px;padding-left:10px;padding-top:2px;margin-top:24px;margin-left:12px;color:#8a8c8e;font-size:11px;text-decoration:none;}

#container #main-body #main-body-right blockquote{text-align:center;font-style:italic;padding: 19px;border-bottom:1px solid #d8d8d8}
#container #main-body #main-body-right .quote_large{font-size:28px;}
#container #main-body #main-body-right .quote_medium{font-size:18px;}
#container #main-body #main-body-right .quote_small{font-size:16px;}
#container #main-body #main-body-right .last{border-bottom-style:none;}


/*L2*/
#container #main-body .main-body-left-l2{width:614px;float:left;border: 1px solid #e2e2e2;padding:1px 2px 10px 2px;float:left;min-height:265px;margin-bottom:5px;background-image:url(/images/l2-mainbody-bg.png);background-repeat:repeat;}
#container #main-body .main-body-left-l2 .main-body-left-l2-inner{width:612px;min-height:252px;padding-bottom:10px;}
#container #main-body .main-body-left-l2 .main-body-left-l2-inner h2{width:612px;}
#container #main-body .main-body-left-l2 .main-body-left-l2-inner p{margin-left:24px;margin-right:24px;}
#container #main-body .main-body-left-l2 .main-body-left-l2-inner h3{margin-left:24px;margin-right:24px;font-weight:700;font-size:110%;}
#container #main-body .main-body-left-l2 .main-body-left-l2-inner h4{margin-left:24px;margin-right:24px;font-weight:700;}
#container #main-body .main-body-left-l2 .main-body-left-l2-inner ul{margin-left:50px;margin-bottom:10px;}
#container #main-body .main-body-left-l2 .main-body-left-l2-inner ul li{width:420px;position:relative;top:-3px;vertical-align:top;}
#container #main-body .main-body-left-l2 .main-body-left-l2-inner dl{margin-left:24px;width:550px;margin-right:0;padding-right:0;}
#container #main-body .main-body-left-l2 .main-body-left-l2-inner dl dt{display:block;float:left;margin:0;padding:0;clear:both;margin-top:10px;width:550px;}
#container #main-body .main-body-left-l2 .main-body-left-l2-inner dl dt a{text-decoration:none;cursor:default;color:#005b4f;font-weight:700;}
#container #main-body .main-body-left-l2 .main-body-left-l2-inner dl dd{display:block;float:left;margin:0;padding:0;clear:both;width:550px;}

#container #main-body .main-body-right-l2{margin-left:2px;width:352px;height:288px;float:right;background-image:url(/images/l2-bg-fpo.jpg);background-repeat:no-repeat;}
#container #main-body .main-body-right-l2.about{background-image:url(/images/bg-about.jpg);}
#container #main-body .main-body-right-l2.services{background-image:url(/images/bg-services.jpg);}
#container #main-body .main-body-right-l2.checkservices{background-image:url(/images/bg-check-services.jpg);}
#container #main-body .main-body-right-l2.creditreporting{background-image:url(/images/bg-credit-reporting.jpg);}
#container #main-body .main-body-right-l2.technology{background-image:url(/images/bg-technology.jpg);}
#container #main-body .main-body-right-l2.affiliations{background-image:url(/images/bg-affiliations.jpg);}
#container #main-body .main-body-right-l2.faqs{background-image:url(/images/bg-faqs.jpg);}
#container #main-body .main-body-right-l2.consumers{background-image:url(/images/bg-consumers.jpg);}
#container #main-body .main-body-right-l2.contact{background-image:url(/images/bg-contact.jpg);}
#container #main-body .main-body-right-l2.newss{background-image:url(/images/bg-news.jpg);}
#container #main-body .main-body-right-l2.pledge{background-image:url(/images/collectors-pledge-bg.png);margin-top:10px;}
#container #main-body .main-body-right-l2.pledge h3{font-size:14px;padding-top:20px;padding-left:20px;}
#container #main-body .main-body-right-l2.pledge ul{list-style-type:none;width:255px;padding-left:20px;float:left;}
#container #main-body .main-body-right-l2.pledge ul li{margin-top:5px;font-size:11px;}
#container #main-body .main-body-right-l2.pledge ul li.copyright{font-size:9px;}
#container #main-body .main-body-right-l2.pledge ul li.copyright em{font-style:normal;}
#container #main-body .main-body-right-l2.pledge img{float:right;padding-right:40px;margin-top:-80px;}


#container #main-body blockquote.l2{clear:both;float:right;font-style:italic;margin-top:62px;margin-right:21px;margin-bottom:24px;}
#container #main-body blockquote.quote_medium{font-size:18px;}

#container #footer{width:979px;height:23px;background-image:url(/images/footer.jpg);background-repeat:no-repeat;font-size:11px;color:#FFFFFF;padding-top:10px;}
#container #footer a{color:#FFFFFF;}
#container #footer a:hover{text-decoration:underline;}
#container #footer #copyright{float:left;padding-left:30px;}
#container #footer #get-acrobat{float:right;padding-right:22px;}
#container #footer #get-acrobat img{float:left;margin-right:5px;}
#container #footer #get-acrobat a{display:block;float:left;}



/* Metre styles */
.icon-box { width:150px; background: rgba(228,228,228,.6); float:left; margin:0px 15px 0px 0px; padding:22px; height:273px; }
.icon-box.last-child { margin:0px; }
#container #main-body .main-body-left-l2 .main-body-left-l2-inner .icon-box h3 { font-size:20px; text-align:center; margin:0px 0px 15px 0px; }
#container #main-body .main-body-left-l2 .main-body-left-l2-inner .icon-box p { margin:0px; text-align:center; }
#container.connect #main-body .main-body-right-l2.contact { background-image: url(/images/keyboard.jpg); }
#container.connect #main-body .main-body-left-l2 .main-body-left-l2-inner p { margin-left:10px; }

.col-6 { width:50%; float:left; }
.col-12 { width:100%; clear:both;  }
.connect input { display:inline-block; float:right; clear:right; }
.connect input.submit { float:left; margin:15px; }
.connect label { display:inline-block; float:left; }
.connect label span { color: rgb(158,10,14); }
.asterisk { color: rgb(158,10,14); }
.connect .field { display:block; clear:both; padding:15px; }
.connect .field .col-6.radio div { clear:both; }
.connect form.flag .required input { border-color: #d2585c; border-style:solid; }
.connect form.flag .required label { color: rgb(158,10,14); }

#container.connect #main-body form h2 { margin-left: 15px; text-decoration:underline;
margin-right: 24px;
font-weight: 700;
font-size: 18px; color:#000;}
#container.connect #main-body h1 { font-size:30px; color: rgb(0,84,73); margin: 10px; }
.catchme { display:none !important; }
.validate { display:none; }
.validate.required { display:inline; color: rgb(158,10,14);  }
.required .validate { display:inline; }