/* Start of CMSMS style sheet 'cpws : newhome' */ *{ margin: 0; padding: 0; } html, body { margin: 0; padding: 0; height :100%; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; line-height: normal; background: url(images/gray-map2.jpg) center top no-repeat; } /* Misc */ a{ text-decoration: none; color: #000; } a:hover{ cursor: pointer !important; } p{ margin-top: 0 !important; } ul{ list-style: none; } .flotlef{ float: left; } .flotryt{ float: right; } .clear{ clear: both; } .nomargryt{ margin-right: 0 !important; } #wrapper { min-height:100%; position:relative; } .container{ width: 960px; margin: 0 auto; } #wrap_all{ background: #fff; width: 960px; margin: 0 auto; } /*end misc*/ /* Header CSS */ #header { padding: 0; width: auto; } #header_top{ width: 100%; border-bottom: 1px solid #ccc; } #header_bot{ width: 100%; height: 96px; background: url(images/top-map.png) top center no-repeat; border-bottom: 1px solid #ccc; padding: 2px 0; } #header_nav{ width: 100%; height: 30px; /*background-color: #ba2025;*/ background: url(images/bgheadline3.png) top center no-repeat; margin-top: 1px; } #logo{ padding: 0; margin: 10px 0 0; border-bottom: none; background: none; } #logo a{ background: url(images/logo.png) top center no-repeat; width: 300px; height: 82px; display: block; } .social{ margin-top: 3px; } .social a{ height: 25px; float: left; margin-right: 5px; padding-left: 25px; text-transform: uppercase; font-size: 12px; } #tw{ background: url(images/twitter2.png) top center no-repeat; } #cr{ background: url(images/top-icons.jpg) 0 -20px no-repeat; } #ce{ background: url(images/calendar.png) top center no-repeat; } #yt{ background: url(images/youtube.jpg) top center no-repeat; } .rytlinks{ font-size: 12px; margin-top: 3px; } .rytlinks a{ color: #000 !important; } .rytlinks a:hover{ color: #FF0000 !important; text-decoration: none !important; } .borlefryt{ border-left: 1px solid #000; border-right: 1px solid #000; padding: 0 15px; margin: 0 8px; } #search{ margin-top: 60px; } #search-form input{ width: 170px; padding: 5px; float: left; margin: 0 0 0 10px; } .search-icon{ background: url(images/search.png) center center no-repeat; width: 20px; height: 25px; display: block; float: left; } /*end header*/ /* Menu CSS */ .navigation ul{ list-style: none; } .navigation a:hover{ background: #f8a718; } .menu li{ float: left; position: relative; background: none; } .menu li a{ color: #fff; padding: 7px 8px; display: block; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 1px #000; text-transform: uppercase; } .menu li a:hover{ color: #000; text-shadow: none; } .submenu{ width: auto; position: absolute; display: none; top: auto; z-index: 999; } .menu li:hover > ul.submenu{ display: block; } .submenu ul{ width: auto; position: absolute; top: 0; left: 100%; } .submenu li{ float: none; min-width: 200px; border-bottom: 1px solid #fff; background: #e5d5d5; } .submenu li a, .submenu ul li a{ color: #000; padding: 10px 8px; display: block; min-width: 200px; position: relative; font-size: 12px; text-transform: capitalize !important; text-shadow: none !important; font-weight: normal !important; } .menu li.hassub a{ background: #e5d5d5 url(images/hassub.png) right center no-repeat; } .menu li.hassub a:hover{ background: #f8a718 url(images/hassub.png) right center no-repeat; } .menu li.hassub ul a{ background: #e5d5d5; } .menu li.hassub ul a:hover{ background: #f8a718; } /*end menu*/ /* Content CSS */ #content { /*padding-bottom: 90px;*/ /* Height of the footer element */ } #slider-area{ background: #404040; /*border-bottom: 1px solid #000;*/ } #mid_area{ /*background: url(images/bgcontent.jpg) repeat-x scroll left top #FFFFFF;*/ /*border-top: 7px solid #CBCBCB;*/ min-height: 424px; margin-top: 20px; } #middle-wrapper{ margin-top: 20px; } /* Priority Areas */ #priority-areas{ margin: 10px 0 0; padding-bottom: 10px; /*background: #222;*/ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } h3.priority-title{ font-size: 14px; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 1px 2px 3px #000; background: #bb2025; margin-top: -4px; margin-left: 0 !important; margin-right: 0 !important; padding: 5px 0; border-radius: 0 0 5px 5px; } h3.priority-title a{ color: #FFF !important; } .box a:hover h3.priority-title{ text-shadow: none !important; text-decoration: none !important; } .box a:hover{ text-decoration: none !important; } .box{ width: 225px; margin-right: 20px; text-align: center; } .div-title{ background: #bebebe; /*url(images/bgheadline3.png) top center no-repeat;*/ padding: 10px 0 10px 10px; font-size: 14px; color: #1b1b1b; font-weight: bold; margin: 0; border-bottom: none; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; text-transform: uppercase; /*text-shadow: 1px 0px 3px #333;*/ } .div-title a{ color: #1b1b1b !important; } .div-title2{ background: #a1a1a1; /* Old browsers */ background: -moz-linear-gradient(top, #a1a1a1 0%, #bbbbbb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a1a1a1 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a1a1a1 0%,#bbbbbb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a1a1a1 0%,#bbbbbb 100%); /* IE10+ */ background: linear-gradient(to bottom, #a1a1a1 0%,#bbbbbb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */ padding: 10px 0 10px 10px; font-size: 14px; color: #fff; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; text-transform: uppercase; text-shadow: 1px 0px 3px #333; } span.borderbot{ /*border-bottom: 1px solid #f9a61a;*/ border-bottom: 1px solid #888; padding-top:2px; margin-bottom: 10px; width: 100%; display: block; } /* Carec News */ .carec-news{ width: 400px; margin-right: 20px; } .news, .events{ margin-bottom: 8px; } .carec-news .bottom-links{ margin-bottom: 8px; margin-left: 0 !important; margin-right: 0 !important; } .bottom-links{ margin-left: 0 !important; margin-right: 0 !important; } .news a.link-title{ color: #fb040c !important; background: url(images/arrow-link2.png) left center no-repeat; padding-left: 10px; } .news a.link-title:hover{ color: #ff3d43 !important; } .news a.readmore2{ background: url(images/readmore2.png) 0 2px no-repeat !important; padding: 0 0 0 10px; color: #fb040c !important; } .news a.readmore2:hover{ background: url(images/readmore2.png) 0 -11px no-repeat !important; color: #fe8084 !important; } .news a span{ text-decoration: underline; } .bottom-links a{ color: #555 !important; background: url(images/arrow-link.png) left center no-repeat; padding-left: 10px; font-size: 11px; text-transform: uppercase; } .bottom-links a:hover{ background: url(images/arrow-link-hover.png) left center no-repeat; color: #505050 !important; } .events-list{ margin-top: 15px; margin-left: 0 !important; margin-right: 0 !important; } .events a{ background: url(images/arrow-link2.png) left center no-repeat; padding-left: 10px; color: #000 !important; } .month{ color: #a50501 !important; font-weight: bold; } /* Upcoming Events */ .upcoming-events{ width: 250px; margin-right: 20px; } /* Publications */ .publications{ width: 270px; } .cycle{ width: 270px; margin-left: 0 !important; margin-right: 0 !important; } .pub-img{ width: 125px; margin-right: 10px; } .pub-content{ width: 135px; color: #ba2025 !important; font-weight: bold; text-align: left; } .pub-links{ margin-top: 10px; } .pub-links a{ background: url(images/arrow-link.png) left center no-repeat; padding-left: 10px; color: #555 !important; font-weight: normal; text-transform: uppercase; font-size: 11px; width: 130px; display: block; } .pub-links a:hover{ background: url(images/arrow-link-hover.png) left center no-repeat; color: #505050 !important; } /* Bottom Content - Featured Videos */ #content-bottom{ margin-top: 20px; } .featured-videos{ width: 670px; margin-right: 20px; } .video-iframe{ width: 360px; margin-right: 20px; } .video-content{ width: 290px; } .video-content h2{ font-size: 16px; font-weight: normal; color: #ba2025 !important; border-bottom: none; margin: 0 0 10px !important; padding: 0 !important; } .video-text{ margin-top: 20px; } .video-link{ margin-top: 20px; } .video-text a{ color: #ff3d43 !important; } .video-link a{ background: url(images/arrow-link.png) left center no-repeat; padding-left: 10px; color: #555 !important; font-weight: normal; text-transform: uppercase; font-size: 11px; } .video-link a:hover{ background: url(images/arrow-link-hover.png) left center no-repeat; color: #505050 !important; } #logo-slogan{ background: #fff; padding: 8px 3px; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; text-align: center; } /* #logo-slogan img{ float: left; }*/ .slogan{ margin-top: 2px; } .slogan p{ /*color: #f9a61a; */ color: #bc332e; text-align: left !important; font-size: 14px; font-weight: bold; padding-left: 55px; } #bottom{ width: 235px; background: #bc332e; color: #fff; padding: 10px 15px; text-align: left !important; /*line-height: 22px !important;*/ } #bottom-round{ background: url(images/bottom.png) bottom center no-repeat; width: 265px; height: 12px; } /*end content*/ /* Footer CSS */ #footer { width: 100%; padding-top: 20px; height: 70px; /*position: absolute;*/ /* bottom:0; left: 0;*/ } #footer-nav{ height: 30px; /*background-color: #ba2025;*/ background: url(images/bgheadline3.png) top center no-repeat; } .footer-menu{ margin: 0 !important; } .footer-menu li{ float: left; } .footer-menu li a{ color: #fff; padding: 7px 8px; display: block; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 1px #000; text-transform: uppercase; } .footer-menu li a:hover{ color: #000; text-shadow: none; background: #f8a718; text-decoration: none; } #copyright{ font-size: 12px; color: #333; margin-top: 5px; } #copyright a{ color: #333 !important; } /*end footer css*/ /* slider layout */ .main-slider-content{ left: 270px; position: absolute; } .navigator-wrap-inner li h3{ color: #b92026; padding: 5px 5px 0 0; font-size: 12px; } .slider-description p{ margin-bottom: 15px; } /* end added by rommel */ .lof-slidecontent { position:relative; /*border:#F4F4F4 solid 1px;*/} .lof-slidecontent .preload{ height:100%; width:100%; position:absolute; top:0; left:0; z-index:100000; text-align:center; background:#FFF} .lof-slidecontent .preload div{ height:100%; width:100%; background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;} .lof-slidecontent .sliders-wrapper{ position:relative; height:100%; width:900px; z-index:3px; overflow:hidden; } .lof-slidecontent ul.sliders-wrap-inner{overflow:hidden; background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; position:absolute; overflow:hidden;} .lof-slidecontent ul.sliders-wrap-inner li{overflow:hidden; padding:0px;margin:0px; float:left; position:relative;} .lof-slidecontent .lof-opacity li{position:absolute; top:0; left:0; float:inherit; } .lof-slidecontent .navigator-content { position: absolute; right:0; top: 275px; z-index:8; width: 75px; padding: 3px; overflow:hidden; color: #fff; /*background: #404040;*/ border-radius: 0 0 5px 5px; } .lof-slidecontent .navigator-wrapper{ position:relative; z-index:10; width: 75px !important; height: 15px !important; overflow:hidden; color:#FFF; /*border-left: 1px solid #333;*/ background: none; } .lof-slidecontent ul.navigator-wrap-inner{ top:0; padding:0; margin:0; position:absolute; width:100%; } .lof-slidecontent ul.navigator-wrap-inner li{ cursor: hand; cursor: pointer; list-style: none; padding: 0; margin-left:0px; overflow:hidden; float: left; display: block; text-align: center; } /*******************************************************/ ul.sliders-wrap-inner li img{ padding:0px; margin: 15px 0 10px 10px;} .lof-slidecontent .slider-description p.readmore{ margin-top: 15px; padding-right: 10px; float: right; } .lof-slidecontent .slider-description p.readmore a{ background: url(images/readmore.png) 0 2px no-repeat; padding-left: 10px; color:#f8a718; font-size:12px; } .lof-slidecontent .slider-description p.readmore a:hover{ background: url(images/readmore.png) 0 -12px no-repeat; color: #fdc86e; } .lof-slidecontent .slider-description a{ color:#f9a61a; } .lof-slidecontent .slider-description{ z-index: 900px; position:absolute; top: 0; left: 395px; width: 274px; background:url(images/bg_trans.png); height: 280px; padding: 10px; color:#FFF; background: #404040; } .lof-slidecontent .slider-description h4 { font-size: 16px; margin: 10px 0; padding: 0; color: #f9a61a; } .lof-slidecontent .slider-description h4 a { color: #f9a61a !important; } .lof-slidecontent .slider-description .slider-meta a{ margin:0; background:#C01F25; font-size:75%; padding:2px 3px; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; text-transform:uppercase; text-decoration:none } .lof-slidecontent .item-meta a:hover{ color: #ffc665 !important; } .lof-slidecontent .item-meta i { font-size:70%; } /* item navigator */ .lof-slidecontent ul.navigator-wrap-inner li.active{ /*background:url(images/arrow-bg.png) no-repeat scroll left center; */ color:#FFF } .lof-slidecontent ul.navigator-wrap-inner li div{ background: url(images/circle.png) !important; color: #8a8a8a; height: 100%; position:relative; /*margin-left:15px;*/ padding-left: 5px; border-bottom:1px solid #E1E1E1; text-align:left } .lof-slidecontent ul.navigator-wrap-inner li.active div{ background: url(images/circle-hover.png) !important; /*url(images/grad-bg.gif);*/ color:#8a8a8a; /*border: 1px solid #DDD;*/ } .lof-slidecontent ul.navigator-wrap-inner li img{ height:21px; width:30px; margin: 10px 7px 5px 0px; float: left; padding: 3px; border: #C5C5C5 solid 1px; box-shadow: 1px 0px 3px #333; } .lof-slidecontent ul.navigator-wrap-inner li.active img, .lof-slidecontent ul.navigator-wrap-inner li:hover img { border:#6C8E5C solid 1px; } .lof-slidecontent ul.navigator-wrap-inner li:hover div{ background: url(images/circle-hover.png) !important; } .lof-slidecontent .button-next, .lof-slidecontent .button-previous{ display:block; width:40px; color:#FFF; cursor:pointer; position:absolute; height:100%; z-index:40; top:0; text-indent:-9999px; } .lof-slidecontent .button-next { right: -19px; background:url(images/next.png) no-repeat right center; } .lof-slidecontent .button-previous { left: -19px; background: url(images/previous.png) no-repeat left center; } .lof-slidecontent .button-control { position:absolute; top:10px; right:48%; height: 20px; width: 20px; cursor:hand; cursor:pointer; background:url(images/transparent_bg.png) repeat; } .lof-slidecontent .button-control span { display:block; width:100%; height:100%;} .lof-slidecontent .action-start span { background:url(images/play.png) no-repeat center center; } .lof-slidecontent .action-stop span { background:url(images/pause.png) no-repeat center center; } /* end slider */ /* 10-16-13 */ #country-list, #at-a-glance{ color: #000; padding: 10px; height: 300px; background: #fecd78; } #country-list p, #at-a-glance p{ margin-bottom: 10px; } #country-list li{ margin-bottom: 4px; } #country-list li a{ background: url(images/arrow-link.png) left center no-repeat; padding-left: 10px; color: #bb2025; font-weight: bold; } #country-list li a:hover{ color: #ff0008; text-decoration: underline; } /*******************/ #at-a-glance{ padding: 0px 5px; height: 300px; background: #fecd78; } #at-a-glance h2, #at-a-glance li{ margin-bottom: 5px; font-size: 14px; } #at-a-glance h2{ margin-left: 0; margin-right: 0; border-bottom: none; font-weight: bold; padding: 0; color: #000; } #at-a-glance ul{ margin: 0; padding: 0; } #at-a-glance li{ font-size: 10px; background: url(images/arrow-link.png) 0 5px no-repeat; padding-left: 10px; line-height: 15px; } #at-a-glance li a{ color: #bb2025; font-weight: bold; } #at-a-glance li a:hover{ color: #ff0008; text-decoration: underline; } .lof-slidecontent .left-box{ position:absolute; left:0; top:00px; z-index:9; height:300px; width:270px; overflow:hidden; } /* added 10-23-13 by rommel */ .bigger { font-size: 18px; letter-spacing: 3px; padding: 5px; text-align: center; } /* End of 'cpws : newhome' */ /* Localized */