/*====================================== reset.css is here ========================================*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;outline:none;} table { border-collapse:collapse; border-spacing:0;} fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} /*ol,ul { list-style:none;}*/ caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold;} q:before,q:after {content:'';} abbr,acronym { border:0;} .clear{clear:both; font-size:0px;line-height:0px; display:block;} .last {margin:0 !important;} .pad_last{padding:0 !important;} .no_bg {background:none !important;} .marg_last{ margin:0px !important;} header,nav,section,article,aside,footer,hgroup {display: block;} input, textarea, button { /*-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;*/ /*Why would we do this?!?!?!?*/ -webkit-border-radius: 0; } /**************************************************************************************/ a {color:#000; text-decoration:none; outline:0 none;} a:hover {color:#000; text-decoration:none;} h1 {font-size:24px;} h2 {font-size:22px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} /*----------------------------------------------------------------------------------*/ html {-webkit-text-size-adjust: 100%;} body {color:#b1b1b1; font-family:"Arial", Verdana, Tahoma; font-size:12px;} .flt_lt {float:left; display:inline;} .flt_rt {float:right; display:inline;} /* ---------------------------------------------------------------------------------*/ @font-face { font-family: 'roboto-black'; src: url('/_resources/css/fonts/roboto-black/roboto-black.eot'), url('/_resources/css/fonts/roboto-black/roboto-black.woff') format('woff'), url('/_resources/css/fonts/roboto-black/roboto-black.ttf') format('truetype'), url('/_resources/css/fonts/roboto-black/roboto-black.svg#roboto-black') format('svg'); font-weight: normal; font-style: normal; } body { overflow-x: hidden; } .main-wrapper { width: 100%; margin: 0 auto; position: relative; } /* ----------------------- layout ----------*/ .wrapper {margin:0 auto; min-width:940px;position:relative;} .container {width:940px; margin:0 auto;} header {background:#004d71;min-height:70px;} /*-------------------------------------------*/ /* ------------------ HEADER HERE -------------------*/ .logo {float:left;padding:10px 0 0 0;margin:0;} .logo-right{width:410px;float:right;padding:12px 0 0 0;} /* ---------------------------------------------------------*/ /* ------------------------- NAVIGATION HERE ---------------*/ nav {float:right;} nav ul {float:right;display:inline-block;} nav ul li {float:left;display:inline-block;background:url(/images/nav-line.png) no-repeat right center;padding:0 7px 0 0 ;margin:0 0 0 5.5px;} nav ul li a {font-family: 'Roboto Condensed', sans-serif;font-size:15px;font-weight:700;color:#eef3f7;} nav ul li a:hover {color:#eef3f7;} .memu-bt{background:url(/images/menu-bt.png) no-repeat left top;width:33px;height:17px;display:none;cursor:pointer;float:left;margin:9px 0 0 0;} .select-bg2{float:right;display:none;margin:13px 8px 0 0;} .select-bg2-in{font-family: 'Roboto Condensed', sans-serif;font-size:15px;font-weight:700;color:#000000;background:url(/images/select-bg2.png) no-repeat;width:150px;padding:1px 4px 3px 4px;border:0;} .search-bg{float:right;width:100%;padding:6px 0 0 0;} .search-bt{width:191px;padding:2px 10px;background:#ffffff;border:0;font-family: 'Roboto', sans-serif;font-size:12px;font-weight:700;color:#004d71;float:left;} .search-btn{background:#5cb518;font-family: 'Roboto', sans-serif;font-size:12px;font-weight:400;color:#ffffff;float:left;text-transform:uppercase;text-align:center;display:block;width:55px;border-radius:3px;cursor:pointer;border:0;margin:0 0 0 9px;padding:1px 0px 2px 0;position:relative;} .quick-bg{float:right;cursor:pointer;} .quick-bg a{background:#dc5400;display:block;width:92px;border-radius:3px;position:relative;float:right;padding:0 5px 0 2px;} .quick-bg a span{background:url(/images/quick-arrow.png) no-repeat right center;font-family: 'Roboto', sans-serif;font-size:12px;font-weight:400;color:#ffffff;float:left;text-transform:uppercase;border:0;margin:0 0 0 5px;padding:2px 13px 2px 0;display:block;} .main-nav{min-height:47px;background:#ffffff;position:relative;z-index:99999;} .main-nav ul{float:left;display:block;} .main-nav ul li{float:left;display:block;/*background:url(/images/main-nav-line.png) no-repeat right center;*/padding:14px 12px 8px 0;margin:0 0 0 12px;position:relative;} .main-nav ul li:hover ul{display:block;} .main-nav ul li:hover a{color:#dc5400;/*background:url(/images/main-nav-arrow2.png) no-repeat right center;*/} .main-nav ul ul{position:absolute;left:0;top:42px;width:92%;display:none;z-index:999;background:#ffffff;padding:4%;} .main-nav ul ul li{background:none;float:none;display:block;padding:14px 0 8px 0;margin:0 0 0 0;} .main-nav ul ul li a{font-size:15px;} .main-nav ul ul li a:hover{color:#dc5400;/*background:url(/images/main-nav-arrow2.png) no-repeat right center;*/} /*.main-nav ul ul li:hover a{background:url(/images/main-nav-arrow1.png) no-repeat right center;}*/ .main-nav ul li a{display:block;color:#004d71;font-family: 'Roboto', sans-serif;font-size:21px; font-weight:700;/*background:url(/images/main-nav-arrow1.png) no-repeat right center;*/padding:0 20px 0 0;} .main-nav>.container>ul>li>a{background:url(/images/main-nav-arrow1.png) no-repeat right center;}/*Added by EDCC*/ .main-nav ul li a:hover{color:#dc5400;/*background:url(/images/main-nav-arrow2.png) no-repeat right center;*/} .main-nav>.container>ul>li>a:hover{background:url(/images/main-nav-arrow2.png) no-repeat right center;}/*Added by EDCC*/ .main-nav ul li:hover{} .main-nav ul li.pad1{padding:12px 0 9px 0;} .right-menu{position:fixed;left:0;top:241px;width:80px;background:#ffffff;z-index:9999;} .right-menu ul{margin:0 0 0 0;display:block;padding:0 0 0px 0;overflow:hidden;} .right-menu ul li{display:block;background:url(/images/right-line.png) no-repeat bottom center;padding:10px 0 15px 0;margin:0 0 0 0;} .right-menu ul li a{display:block;color:#004d71;font-family: 'Roboto Condensed', sans-serif;font-size:14px; font-weight:700;background:url(/images/vector-icon1.png) no-repeat center top;text-align:center;padding:50px 4px 0 4px;} .right-menu ul li a:hover{background:url(/images/vector-icon1-hr.png) no-repeat center top;} .right-menu ul li a.icon1{display:block;color:#004d71;font-family: 'Roboto Condensed', sans-serif;font-size:14px; font-weight:700;background:url(/images/vector-icon2.png) no-repeat center top;text-align:center;padding:50px 0 0 0;} .right-menu ul li a.icon1:hover{background:url(/images/vector-icon2-hr.png) no-repeat center top;} .right-menu ul li a.icon2{display:block;color:#004d71;font-family: 'Roboto Condensed', sans-serif;font-size:14px; font-weight:700;background:url(/images/vector-icon3.png) no-repeat center top;text-align:center;padding:50px 0 0 0;} .right-menu ul li a.icon2:hover{background:url(/images/vector-icon3-hr.png) no-repeat center top;} .right-menu ul li a.icon3{display:block;color:#004d71;font-family: 'Roboto Condensed', sans-serif;font-size:14px; font-weight:700;background:url(/images/vector-icon4.png) no-repeat center top;text-align:center;padding:50px 0 0 0;} .right-menu ul li a.icon3:hover{background:url(/images/vector-icon4-hr.png) no-repeat center top;} .right-menu ul li a.icon4{display:block;color:#004d71;font-family: 'Roboto Condensed', sans-serif;font-size:14px; font-weight:700;background:url(/images/vector-icon5.png) no-repeat center top;text-align:center;padding:50px 0 0 0;} .right-menu ul li a.icon4:hover{background:url(/images/vector-icon5-hr.png) no-repeat center top;} .right-arrow{position:absolute;right:-17px;top:-47px;background:url(/images/right-arrow.png) no-repeat right center;height:100%;width:17px;cursor:pointer;} .quick-right{width:178px;z-index:999999;position:absolute;right:-178px;top:0;background:url(/images/do-bg.png) repeat;height:100%;display:block; overflow:hidden;} .close-bt{position:absolute;left:16px;top:24px;background:url(/images/close-bt.png) no-repeat left top;width:17px;height:18px;cursor:pointer;} .quick-right ul{display:block;float:none;padding:0 0 0 17px;} .quick-right ul li{display:block;width:100%;padding:20px 0 0 0; } .quick-right ul li h2{color:#5CB419;font-family: 'Roboto', sans-serif;font-size:22px; font-weight:700;padding:52px 0 0 0;} .quick-right ul li a{color:#ffffff;font-family: 'Roboto', sans-serif;font-size: 19px; line-height: 26px; font-weight:700;} .quick-right ul li p{color:#ffffff;font-family: 'Roboto', sans-serif;font-size: 19px; line-height: 26px; font-weight:700;} .quick-right ul li p span{color:#ffffff;font-family: 'Roboto', sans-serif;font-size:20px; font-weight:700;display:block;} .quick{position:absolute;right:12px;bottom:14px;} /* ---------------------------------------------------------*/ /* ------------------------ MIAN CONTENT HERE --------------*/ .banner{position:relative;background:#000000;} .slider{position:relative;width:940px;margin:0 auto;display:block;} .slider ul{} .slider ul li{position:relative;text-align:center;display:block;} .slider ul li img{text-align:center;display:block;height:200px;} .banner-in{position:absolute;left:0;top:0;width:100%;} .banner-content{position:relative;} .banner-right{width:378px;float:right;display:inline-block;} .banner-right h2{text-align:left;color:#95d600;font-size:28px;line-height:26px;font-family: 'Roboto', sans-serif;font-weight:700;padding:18px 0 0 0;} .banner-right p{text-align:left;color:#ffffff;font-size:14px;font-family: 'Roboto', sans-serif;font-weight:400;width:310px;padding:18px 0 12px 0;} .learn-bg{float:right;} .learn-bg a{display:block;background:#004d71;position:relative;width:95px;border-radius:5px;padding:0 5px 0 0;} .learn-bg a span{color:#ffffff;font-size:12px;font-family: 'Roboto', sans-serif;font-weight:400;background:url(/images/learn-ar.png) no-repeat right center;display:block;padding:3px 4px 2px;} .banner-btm-bg{background:url(/images/ban-botm-bg.png) repeat center top;height:75px;margin:7px 0 0 0;} .vector-bg{width:780px;margin:-7px auto 0 auto;display:block;height:89px;background:#ffffff;position:relative;z-index:9999;} .vector-bg ul{margin:0 0 0 87px;display:inline-block;padding:11px 0 11px 0;} .vector-bg ul li{float:left;display:inline-block;background:url(/images/vector-line.png) no-repeat right center;padding:0 0 0 0;margin:0 0 0 0;width:115px;} .vector-bg ul li a{display:block;color:#004d71;font-family: 'Roboto Condensed', sans-serif;font-size:18px; font-weight:700;background:url(/images/vector-icon1.png) no-repeat center top;text-align:center;padding:50px 4px 0 4px;} .vector-bg ul li a:hover{background:url(/images/vector-icon1-hr.png) no-repeat center top;} .vector-bg ul li a.icon1{display:block;color:#004d71;font-family: 'Roboto Condensed', sans-serif;font-size:18px; font-weight:700;background:url(/images/vector-icon2.png) no-repeat center top;text-align:center;padding:50px 0 0 0;} .vector-bg ul li a.icon1:hover{background:url(/images/vector-icon2-hr.png) no-repeat center top;} .vector-bg ul li a.icon2{display:block;color:#004d71;font-family: 'Roboto Condensed', sans-serif;font-size:18px; font-weight:700;background:url(/images/vector-icon3.png) no-repeat center top;text-align:center;padding:50px 0 0 0;} .vector-bg ul li a.icon2:hover{background:url(/images/vector-icon3-hr.png) no-repeat center top;} .vector-bg ul li a.icon3{display:block;color:#004d71;font-family: 'Roboto Condensed', sans-serif;font-size:18px; font-weight:700;background:url(/images/vector-icon4.png) no-repeat center top;text-align:center;padding:50px 0 0 0;} .vector-bg ul li a.icon3:hover{background:url(/images/vector-icon4-hr.png) no-repeat center top;} .vector-bg ul li a.icon4{display:block;color:#004d71;font-family: 'Roboto Condensed', sans-serif;font-size:18px; font-weight:700;background:url(/images/vector-icon5.png) no-repeat center top;text-align:center;padding:50px 0 0 0;} .vector-bg ul li a.icon4:hover{background:url(/images/vector-icon5-hr.png) no-repeat center top;} .main-content{background:url(/images/main-bg.jpg) no-repeat center top;background-size:cover;padding:0 0 20px 0;position:relative;} .news-bg{margin:0;padding:27px 0 0 0;} .news-bg ul{float:left;display:inline-block;} .news-bg ul li{ width:300px; float:left; display:inline-block; min-height:386px; max-height:386px; height: 386px;padding-bottom: 20px; overflow:hidden; background:#ffffff; position:relative; margin:0 20px 0 0; } .news-bg ul li a{} .news-bg ul li h2{color:#648c1a;font-family: 'Roboto', sans-serif;font-size:18px; font-weight:700;padding:18px 20px 10px 20px;} .news-bg ul li h3{color:#004d71;font-family: 'Roboto', sans-serif;font-size:20px;line-height: 23px; font-weight:700;padding:0 20px 10px 20px;} .news-bg ul li h4{color:#404041;font-family: 'Roboto', sans-serif;font-size:12px; font-weight:700;padding:0 20px 0px 20px;} .news-bg ul li p{color:#58585a;font-family: 'Roboto', sans-serif;font-size:12px; font-weight:400;padding:0 20px 10px 20px;} .news-bg ul li h5{color:#004d71;font-family: 'Roboto', sans-serif;font-size:18px; font-weight:700;padding:0 0 2px 20px;clear:both;line-height:28px;display:inline-block;width:90%;} .news-bg ul li h5 small{color:#004d71;font-family: 'Roboto', sans-serif;font-size:18px; font-weight:700;float:left;display:block;line-height:17px;} .news-bg ul li h5 span{color:#231f20;font-family: 'Roboto', sans-serif;font-size:14px; font-weight:400;display:inline-block;width:70%;padding:0 0 0 10px;float:left;line-height:17px;} .news-img{text-align:center;display:block;} .news-more-bg{position:absolute;right:14px;bottom: 0px; z-index: 99; border-left: 168px solid white; border-top: 5px solid white; border-bottom: 10px solid white;} .news-more-bg a{display:block;background:#004d71;position:relative;width:95px;border-radius:5px;padding:0 5px 0 0;} .news-more-bg a span{color:#ffffff;font-size:12px;font-family: 'Roboto', sans-serif;font-weight:400;background:url(/images/learn-ar.png) no-repeat right center;display:block;padding:3px 4px 2px;} .quick-facts{margin:16px 0 0 0;background:#ffffff;position:relative;min-height:401px;} .quick-facts h2{width:300px;background:#648c1a;text-align:center;display:block;margin:0 auto;color:#ffffff;text-align:center;display:block;font-family: 'Roboto', sans-serif;font-weight:700;font-size:23px;padding:6px 0;} .quick-icon1-bg{position:absolute;left:68px;top:58px;width:143px;} .quick-icon1-bg img{margin:0 auto;display:block;text-align:center;} .quick-icon1-bg h3{color:#e27733;font-family: 'Roboto', sans-serif;font-size:50px; font-weight:700;float:left;} .quick-icon1-bg p{color:#231f20;font-family: 'Roboto Condensed', sans-serif;font-size:15px; font-weight:400;padding:0 0 0px 0;float:right;} .quick-icon2-bg{position:absolute;left:150px;top:195px;width:200px;} .quick-icon2-bg img{margin:0 auto;display:block;text-align:center;} .quick-icon2-bg h3{color:#e27733;font-family: 'Roboto', sans-serif;font-size:50px; font-weight:700;line-height:38px;} .quick-icon2-bg p{color:#231f20;font-family: 'Roboto Condensed', sans-serif;font-size:15px; font-weight:400;padding:1px 0 0px 24px;} .quick-icon3-bg{position:absolute;left:367px;top:70px;width:230px;} .quick-icon3-bg img{margin:0 auto;display:block;text-align:center;} .quick-icon3-bg h3{color:#e27733;font-family: 'Roboto', sans-serif;font-size:50px; font-weight:700;float:left;} .quick-icon3-bg p{color:#231f20;font-family: 'Roboto Condensed', sans-serif;font-size:15px; font-weight:400;padding:7px 0 0px 0;float:right;} .quick-icon4-bg{position:absolute;right:33px;top:102px;width:220px;} .quick-icon4-bg img{margin:0 auto;display:block;text-align:center;} .quick-icon4-bg h3{color:#e27733;font-family: 'Roboto', sans-serif;font-size:50px; font-weight:700;float:left;} .quick-icon4-bg p{color:#231f20;font-family: 'Roboto', sans-serif;font-size:15px; font-weight:400;padding:17px 0 0px 0;float:right;} .quick-icon4-bg h4{color:#e27733;font-family: 'Roboto Condensed', sans-serif;font-size:50px; font-weight:700;float:left;padding:5px 0 0 60px;} .quick-icon4-bg p span{color:#231f20;font-family: 'Roboto', sans-serif;font-size:15px; font-weight:400;padding:18px 37px 0px 0;float:right;} .quick-icon5-bg{position:absolute;right:322px;top:207px;width:158px;} .quick-icon5-bg img{margin:0 auto;display:block;text-align:center;} .quick-icon5-bg h3{color:#e27733;font-family: 'Roboto', sans-serif;font-size:50px; font-weight:700;line-height:38px;} .quick-icon5-bg p{color:#58585a;font-family: 'Roboto Condensed', sans-serif;font-size:15px; font-weight:400;padding:7px 0 0px 11px;} /* ---------------------------------------------------------*/ /* ------------------ FOOTER HERE --------------------------*/ footer {background:#004d71;min-height:485px;} .footer-img{background:url(/images/footer-img.jpg) no-repeat center top;min-height:485px;} .footer-top{min-width:166px;background:url(/images/footer-top-bg.png) repeat;position:relative;} /* -- Added by Jeff Buck to try to make to footer more maintainable and add a responsive area for the 50th celebration logo/link */ .footer-box { position: relative; padding: 0; border: none; margin-top: 0; margin-bottom: 5px; margin-left: 2px; margin-right: 2px; height: 160px; width: 215px; float: left; /*border: 1px solid yellow;*/ } .footer-box-pair { border: none; position: relative; overflow: hidden; padding: none; margin: 0; height: 160px; width: 450px; /*border: 1px solid purple;*/ } .footer-box-pair-left {float: left;} .footer-box-pair-right {float: right;} .left {float: left;} .right {float: right;} .details{padding:15px 0 0 32px;} .details p{color:#a3d165;font-size:17px;font-family: 'Roboto', sans-serif;font-weight:300;width:180px;float:left;padding:4px 0 0 5px;line-height:20px;} .give-bg{float:left;width:160px;margin:0 0 0 172px;} .give-bg h2{color:#c5e29f;font-size:29px;font-family: 'roboto-black';font-weight:700;text-transform:uppercase;} .give-bg a{color:#ccdae6;font-size:21px;font-family: 'Roboto', sans-serif;font-weight:700;background:url(/images/gift.png) no-repeat left center;padding:5px 0 5px 48px;display:block;line-height:19px;} .give-bg a:hover{} .give-bg2{float:left;width:160px;margin:0;} .give-bg2 h2{color:#c5e29f;font-size:29px;font-family: 'roboto-black';font-weight:700;text-transform:uppercase;} .give-bg2 a{color:#ccdae6;font-size:21px;font-family: 'Roboto', sans-serif;font-weight:700;background:url(/images/gift.png) no-repeat left center;padding:5px 0 5px 48px;display:block;line-height:19px;} .give-bg2 a:hover{} .connect{float:right;margin:0 27px 0 0;} .connect h2{color:#c5e29f;font-size:29px;font-family: 'roboto-black';font-weight:700;text-transform:uppercase;} .social-icons{margin:0;padding:0;} .social-icons ul{display:inline-block;} .social-icons ul li{display:inline-block;float:left;margin:0 8px 3px 0;} .social-icons ul li a{display:block;background:url(/images/social-icon1.png) no-repeat left top;width:41px;height:40px;} .social-icons ul li a:hover{background:url(/images/social-icon1-hr.png) no-repeat left top;} .social-icons ul li a.socia1{display:block;background:url(/images/social-icon2.png) no-repeat left top;width:41px;height:40px;} .social-icons ul li a.socia1:hover{background:url(/images/social-icon2-hr.png) no-repeat left top;} .social-icons ul li a.socia2{display:block;background:url(/images/social-icon3.png) no-repeat left top;width:41px;height:40px;} .social-icons ul li a.socia2:hover{background:url(/images/social-icon3-hr.png) no-repeat left top;} .social-icons ul li a.socia3{display:block;background:url(/images/social-icon4.png) no-repeat left top;width:41px;height:40px;} .social-icons ul li a.socia3:hover{background:url(/images/social-icon4-hr.png) no-repeat left top;} .social-icons ul li a.socia4{display:block;background:url(/images/social-icon5.png) no-repeat left top;width:41px;height:40px;} .social-icons ul li a.socia4:hover{background:url(/images/social-icon5-hr.png) no-repeat left top;} .social-icons ul li a.socia5{display:block;background:url(/images/social-icon6.png) no-repeat left top;width:41px;height:40px;} .social-icons ul li a.socia5:hover{background:url(/images/social-icon6-hr.png) no-repeat left top;} .social-icons ul li a.social-instagram{display:block;background:url(/_resources/images/social/instagram.png) no-repeat left top;width:41px;height:40px;} .social-icons ul li a.social-instagram:hover{background:url(/_resources/images/social/instagram-hover.png) no-repeat left top;} .last-update{padding:15px 0 20px 14px;} .last-update-left{float:left;width:500px;} .last-update-left ul{display:inline-block;float:left;} .last-update-left ul li{display:inline-block;float:left;background:url(/images/copy-line2.png) no-repeat right center;padding:0 7px 0 0;margin:0 0 0 7px;} .last-update-left ul li a{display:block;color:#ffffff;font-family: 'Roboto Condensed', sans-serif;font-size:14px; font-weight:400;line-height:20px;} .last-update-left ul li a:hover{text-decoration:underline;} .last-update-right{float:right;padding:3px 24px 0 0;} .last-update-right p{text-align:right;color:#ffffff;font-family: 'Roboto Condensed', sans-serif;font-size:14px; font-weight:400;padding:20px 0 0 0;} .copy{background:#f3f9eb;min-height:50px;} .copy-nav{float:left;} .copy-nav ul{display:inline-block;float:left;padding:12px 0 12px 16px;} .copy-nav ul li{display:inline-block;float:left;background:url(/images/copy-line.jpg) no-repeat right center;padding:0 14px 0 0;margin:0 0 0 11px;} .copy-nav ul li a{display:block;color:#dc5400;font-family: 'Roboto Condensed', sans-serif;font-size:18px; font-weight:700;} .copy-nav ul li a:hover{color:#004d71;} .select-bg{float:right;width:148px;border:0;padding:5px 10px 4px 20px;color:#000000;font-family: 'Roboto Condensed', sans-serif;font-size:12px; font-weight:700;margin:10px 0 0 0;} /* Removed by OU From Select-bg background:url(/images/select-bg.png) no-repeat; */ .full-site{position:absolute;right:0;top:16px;} .full-site a{display:block;background:#5cb518;position:relative;width:70px;border-radius:5px;padding:0 5px 0 0;} .full-site a span{color:#ffffff;font-size:12px;font-family: 'Roboto', sans-serif;font-weight:400;background:url(/images/full-ar.png) no-repeat right center;display:block;padding:2px 4px;} /* ---------------------------------------------------------*/ /* --------------------content page with left navigation-------------------*/ .in-ban{height:10px;background:url(/images/in-ban.png) repeat-x center top;width:100%;} .h-ding{background:#ffffff;} .h-ding h2{font-family: 'roboto-black';color:#dc5400;font-size:38px;padding:14px 0 4px 0;} .with-nav-main{background:#ffffff;margin:13px 0 0 0;display:inline-block;width:100%;padding:0 0 8px 0;} .home-nav,.news_breadcrumb {margin:0;padding:14px 0 20px 15px;} .home-nav ul, .news_breadcrumb ul {display:inline-block;float:left;} .home-nav ul li, .news_breadcrumb ul li {display:inline-block;float:left;background:url(/images/home-ar.png) no-repeat right center;padding:0 15px 0 0;} .home-nav ul li a, .news_breadcrumb ul li a {display:block;color:#231f20;font-family: 'Roboto', sans-serif;font-size:14px;font-weight:300;} .home-nav ul li a:hover, .news_breadcrumb ul li a:hover {} .home-nav ul li a span, .news_breadcrumb ul li a span {display:block;color:#231f20;font-family: 'Roboto', sans-serif;font-size:17px;font-weight:300;padding:1px 0 5px 5px;} .home-nav ul li a:hover span, .news_breadcrumb ul li a:hover span {text-decoration:underline;} .news_breadcrumb { margin-left: -80px; } .with-nav-main-left{float:left;width:205px;padding:0 0 0 15px;} .left-img1{margin:0;} .left-nav{padding:22px 0 0 0;} .left-nav ul{border-top:1px solid #78bad5;} .left-nav ul li{border-bottom:1px solid #78bad5;display:block;padding:17px 0 19px 0;} .left-nav ul li a{color:#004d71;font-family: 'Roboto', sans-serif;font-size:19px;font-weight:500;} .contact-bg{margin:0;padding:37px 0 0 0;} .contact-bg h3{font-family: 'Roboto Condensed', sans-serif;color:#648c1a;font-size:25px;font-weight:700;} .contact-bg p{color:#404040;font-family: 'Roboto', sans-serif;font-size:12px;font-weight:400;padding:5px 0;} .contact-bg p a{text-decoration:underline;color:#404040;font-family: 'Roboto', sans-serif;font-size:12px;font-weight:400;} .contact-bg p a:hover{text-decoration:none;} .contact-bg p span{display:block;background:url(/images/fb-icon.png) no-repeat left center;padding:0 0 0 32px;} .with-nav-main-right{float:right;padding:0 80px 0 0;width:560px;} .with-nav-main-right h1{font-family: 'roboto-black';color:#004d71;font-size:40px;line-height:36px;} .with-nav-main-right h2{font-family: 'roboto-black';color:#648c1a;font-size:30px;padding:18px 0 15px 0;} .with-nav-main-right-img1{margin:6px 0 0 0;} .with-nav-main-right-img1 p{color:#404040;font-family: 'Roboto', sans-serif;font-size:18px;font-weight:400;line-height:22px;padding:6px 0 0 0;} .right-nav{margin:0;padding:12px 0 11px 73px;} .right-nav ul{display:block;} .right-nav ul li{display:block;background:url(/images/dot1.png) no-repeat left center;padding:0 0 0 20px;} .right-nav ul li p{color:#004d71;font-family: 'Roboto', sans-serif;font-size:22px;font-weight:700;line-height:28px;} .right-nav ul li p a{color:#dc5400;text-decoration:underline;} .right-nav ul li p a:hover{text-decoration:none;} .with-nav-main-bot{margin:0;} .with-nav-main-bot-left{width:344px;float:left;} .with-nav-main-bot-left h3{color:#dc5400;font-family: 'Roboto', sans-serif;font-size:23px;} .with-nav-main-bot-left p{color:#404040;font-family: 'Roboto', sans-serif;font-size:18px;font-weight:400;line-height:22px;padding:10px 0;} .with-nav-main-bot-right{width:190px;float:right;} .with-nav-main-bot-right p{color:#404040;font-family: 'Roboto', sans-serif;font-size:16px;font-weight:400;line-height:13px;padding:2px 0;} .with-nav-main-right-img2{margin:9px 0 0px 0;} .pad2{padding:18px 0 6px 0 !important;} /* ------------------content page with left navigation---------------------*/ /* --------------------content page without left navigation-------------------*/ .with-out-nav{padding:0 50px 0 80px;margin:0;} .with-out-nav h1{font-family: 'roboto-black';color:#004d71;font-size:40px;line-height:36px;} .with-out-nav h2{font-family: 'roboto-black';color:#648c1a;font-size:30px;padding:18px 0 12px 0;} .with-out-top{margin:0;} .with-out-top-img1{float:left;margin:0 20px 15px 0;} .with-out-top p{color:#404040;font-family: 'Roboto', sans-serif;font-size:17px;font-weight:400;line-height:21px;} .with-out-bot{margin:0;padding:0 0 69px 0;} .with-out-bot-left{width:540px;float:left;} .with-out-bot-left h3{color:#5a5a5a;font-family: 'Roboto', sans-serif;font-size:25px;padding:0 0 7px 0;} .with-out-bot-left p{color:#404040;font-family: 'Roboto', sans-serif;font-size:17px;font-weight:400;line-height:21px;} .with-out-bot-right{float:right;width:240px;margin:14px 9px 0 0;} .with-out-bot-right-img2{margin:0;padding:0;} .with-out-bot-right p{color:#404040;font-family: 'Roboto', sans-serif;font-size:19px;font-weight:400;line-height:13px;padding:15px 0;} /* --------------------content page without left navigation-------------------*/ /* ----------------------------- EDCC Customizations -------------------------*/ .news-bg>ul>li>h3>a { color: #004d71; } strong { font-weight: bold; } .banner .bx-wrapper .bx-controls-direction a { top: 80px; } .banner .slider { height: 200px; } .banner-right .learn-bg { top: 167px; right: 1px; position: absolute; } .user-content-area em { font-style: italic; } .user-content-area a { text-decoration: underline; color: black; } .user-content-area #maincontent>ul:not(.thumbnails)>li, .user-content-area #maincontent>div.ou-justedit-region>ul:not(.thumbnails)>li, .user-content-area #maincontent div.dh_asset>ul>li { list-style: disc; } .user-content-area ul li { color: #404040; margin-left: 20px; } .user-content-area .flex-container ul li { margin-left: 0; } .user-content-area ol>li { list-style: disc; list-style-type: decimal; } .user-content-area ol li { color: #404040; margin-left: 20px; } .user-content-area ul, .user-content-area p { margin-bottom: 10px; } body { font-size: 17px; color: #404040; } .user-content-area h1, .user-content-area h2, .user-content-area h3, .user-content-area h4, .user-content-area h5, .user-content-area h6, h1, h2, h3, h4, h5, h6 { font-family: roboto-bold,helvetica; margin-bottom: 10px; } .user-content-area h1 a, .user-content-area h1 { font-size: 32px; line-height: 34px; color: #004d71; } .user-content-area h2 a, .user-content-area h2 { font-size: 28px; line-height: 30px; color: #648c1a; } .user-content-area h3 a, .user-content-area h3 { font-size: 24px; line-height: 26px; color: #dc5400; } .user-content-area h4 a, .user-content-area h4 { font-size: 20px; line-height: 22px; color: black; } .user-content-area h5 a, .user-content-area h5 { font-size: 17px; line-height: 19px; color: #004d71; } .user-content-area h6 a, .user-content-area h6 { font-size: 17px; line-height: 19px; color: black; } .disk { list-style-type: disc; } .circle { list-style-type: circle; } .sq { list-style-type: square; } /* css from old design */ .pullout { background: #f8dccc; border-top: 5px solid #dc5400; right: 0px; width: 100%; min-height: 50px; padding: 10px; margin-bottom: 10px; } .pulloutgr { background: #dee6cc; border-top: 5px solid #648c1a; right: 0px; width: 100%; min-height: 50px; padding: 10px; margin-bottom: 10px; } .pulloutbl { background: #ccdbe3; border-top: 5px solid #004d71; right: 0px; width: 100%; min-height: 50px; padding: 10px; margin-bottom: 10px; } .video-container { position:relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 10px; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:0; } .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .form-legend { font-family: helvetica,arial,sans-serif; font-size: 11px; color: #174780; line-height: 18px; position: relative; top: -10px; } .form-title-legend{ font-family: roboto,helvetica,arial,sans-serif; font-size: 16px; line-height: 25px; color: #054c2a; } .form-legend2 { font-family: helvetica,arial,sans-serif; font-size: 11px; color: #174780; line-height: 15px; position: relative; } /* Emergency message related items */ #emessage_wide, #emessage_ou, #emessage_rave { display: none; background: red; color: white; padding: 5px; margin: 0px; } #emessage { margin: 0px auto; max-width: 900px; } #emessage h1, #emessage h2, #emessage h3, #emessage a, #emessage p { color: white; margin-top: 1px; margin-bottom: 4px; padding-top: 1px; padding-bottom: 4px; } #emessage h1 { font-family: roboto,helvetica,arial,sans-serif; font-size: 24px; line-height: 24px; } #emessage h2 { font-family: roboto,helvetica,arial,sans-serif; font-size: 19px; line-height: 19px; } #emessage h3 { font-family: roboto,helvetica,arial,sans-serif; font-size: 16px; line-height: 16px; } /*.quick-right{width:178px;right:0px;}*/ /* EDCC responsive tables */ table.rdTable { border-collapse: collapse; width: 600px; overflow: hidden; font-size: 14px;} .rdTable th { background: #004d71; color: white; font-weight: bold; text-align: left; padding: 3px; } .rdTableSmall { display: none; } .rdTable tr:nth-of-type(even) td { background: #e6e6e6; } table.rdTable tr td { padding: 8px; border: 1px solid #174780; vertical-align: top; } table.rdTable tr th { border: 1px solid #174780; padding: 6px; } /*table.rdTable td:hover{ background: #b2d9b2; }*/ table.rdTableSmall { border: 1px solid #174780; } table.rdTableSmall tr.record_start td, table.rdTableSmall tr.record_start th { border-top: 3px solid #174780; } .rdTableSmall th { padding: 6px; background: #004d71; font-weight: bold; color: white; text-align: left; } .rdTableSmall tr:nth-of-type(even) td { background: #e6e6e6; } .rdTableSmall td { padding: 8px; } /*table.rdTableSmall td:hover { background: #b2d9b2; }*/ table.edccadminapp { border: 1px solid black; border-collapse: collapse; border-spacing: 0; } table.edccadminapp td, table.edccadminapp th { border: 1px solid black; padding: 5px; } table.edccadminapp th, table.edccadminapp th a { background: #004d71; color: white; } table.edccadminapp th a { font-weight: bold; font-style: italic; text-decoration: none; } table.edccadminapp a { text-decoration: none; font-weight: bold; } a.skip_to_content { position: absolute; left: -10000px; overflow: hidden; } a.skip_to_content:focus, a.skip_to_content:active { z-index: 999999; background: #004d71; position: absolute; left: 0; overflow: visible; text-decoration: underline; color: white; } /* big orange buttons */ .user-content-area a.orangeButton { background-color: #dc5400; border: solid 10px #dc5400; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 3px; display: inline-block; font-size: 20px; color: rgba(255,255,255,1); font-weight: bold; margin-bottom: 5px; margin-right: 15px; } .user-content-area a.orangeButton:hover { background-color: #004d71; border: solid 10px #004d71; } /* big blue buttons */ .blueButton { background-color: #004d71; border: solid 10px #004d71; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 3px; display: inline-block; font-size: 20px; color: rgba(255,255,255,1); font-weight: bold; } .blueButton:hover { background-color: #dc5400; border: solid 10px #dc5400; } .blueButton:active { } .hamburger-top { display: none; float: left; } /* begin hobsons radius CRM forms */ div#form-wrapper { margin-right: 0; margin-left: 0; margin: 0; } div.maincontent div.hobsons_form { background: #ffffff; border: none; margin-right: 0; margin-left: 0; } .hobsons_form form div div div.section-control { border: none; } div.hobsons_form form div div ul li { margin-left: 0; } div.hobsons_form form div div ul li div div.title { font-size: 14px; font-family: roboto,helvetica,arial,sans-serif; } div.hobsons_form form div div ul li div ul, div.hobsons_form form div div div.dynamic-form-required { font-family: roboto,helvetica,arial,sans-serif; } /*div.hobsons_form form div div ul li div .required,*/ div.hobsons_form form div div .dynamic-form-required { color: #dc5400; } /* end hobsons radius CRM forms */