/* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ /* Fonts Selector ---------------------------------------------------- font-family:'Rotis Serif W15'; font-family:'Rotis Serif W15 Italic'; font-family:'Rotis Serif W15 Bold'; font-family:'Rotis Sans Serif W01'; font-family:'RotisSansSerifW01-Itali'; font-family:'RotisSansSerifW01-Bold'; font-family:'RotisSansSerifW01-Extra'; font-family:'RotisSemiSerifW01-Roman'; font-family:'RotisSemiSerifW01-Bold'; font-family:'Myriad W01 Regular'; ----------------------------------------------------*/ a, a:visited { text-decoration: none; outline: none !important; color:#0072BC; } a:hover{ color:#5A60AD !important; } sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.4em; } img { display: block; outline: none !important; } h1 { font-family:'RotisSansSerifW01-Extra'; } .category-content h1, .category-content h2{ font-family:'RotisSemiSerifW01-Roman'; display:block; line-height:1.2em; } .category-content h3, .category-content h4, .category-content h5, .category-content h6{ font-family:'Rotis Serif W15 Bold'; display:block; line-height:1.2em; } .category-content h1 { font-size: 30px; color:#5A60AD; } .category-content h2 { font-size: 24px; color:#0072bc; } .category-content h3 { font-size: 22px; color:#023e6a; } .category-content h4 { font-size: 20px; color:#0072bc; } .category-content h5 { font-size: 18px; color:#023e6a; } .category-content h6 { font-size: 17px; color:#023e6a; } /* Default table styles */ .category-content table { width:750px !important; color:#2b3632 !important; font-family:'Rotis Serif W15' !important; font-size:14px !important; } .category-content table p, .category-content table span { color:#2b3632 !important; font-family:'Rotis Serif W15' !important; font-size:14px !important; margin:0px; padding:0px; line-height:1.2em; } .category-content table a, .category-content table a span { color:#5a60ae !important; font-family:'Rotis Serif W15' !important; font-size:14px !important; margin:0px; padding:0px; line-height:1.2em; } .category-content tr, .category-content td{ border:1px solid #e3e7ea; } .category-content td { padding:5px 10px } .category-content tbody tr td:first-child { background:#f7f8fa; } .category-content thead td {border:1px solid #fff;} .category-content thead { background:#dcebf2; color:#023d67; font-family:'Rotis Serif W15' !important; font-size:14px !important; } .category-content thead td { padding:10px 10px; } /* Header */ #header { height: 150px; } #header #header-left, #header #header-right { height:100%; } #header #header-left { width:400px; float:left; } #header #header-left h1{ font-size:24px; line-height:1em; height:110px; padding-top:20px; } #header #header-left h1 img{ float:left; display:block; margin-right:10px; } #header #header-left h1 a, #header #header-left h1 a:hover, #header #header-left h1 a:visited{ color:#0072BC !important; } #header #header-left h1 a span{ display:block; margin-top:30px; float:left; width:260px; } #header #header-right { width:580px; float:left; } #header #header-right .header-right-top, #header #header-right .header-right-bottom{ width:100%; height:50%; } #header #header-right ul { margin: 0px; padding:0px; } #header #header-right ul li{ float:left; } #header #header-right .header-right-top ul { padding-top:20px; float:right; } #header #header-right .header-right-bottom ul { padding-top:5px; float:right; } #header #header-right .header-right-top ul li a{ margin-left:20px; font-family:'RotisSansSerifW01-Extra'; font-size:14px; color:#63727E; } #header #header-right .header-right-top ul li a:hover, #header #header-right .header-right-top ul li.active a {color:#5A60AD;} #header #header-right .header-right-top .header-search{ float:right; padding-top:15px; position:relative; margin-left:20px; } #header #header-right .header-right-top .header-search form{ margin:0px; padding:0px; } #header #header-right .header-right-top .header-search form .element-invisible{ display:none; } #header #header-right .header-right-top .header-search form input{ width:180px; float:left; margin:0px; padding:0px; height:25px; line-height:25px; padding-left:5px; } #header #header-right .header-right-top .header-search form .button{ width:19px; height:25px; position:absolute; right:5px; background: url('../images/search.png') no-repeat right; border:none; } #header #header-right .header-right-bottom ul.nav li{ position:relative; z-index:10; } #header #header-right .header-right-bottom ul li a{ padding: 5px 9px; font-family:'RotisSansSerifW01-Extra'; font-size:16px; color:#003C69; } #header #header-right .header-right-bottom ul li.item-118 a { padding-right:0px; } #header #header-right .header-right-bottom ul li a:hover, #header #header-right .header-right-bottom ul li.active a { background:#EDEFF0; color:#5A60AD; } #header #header-right .header-right-bottom ul.main-nav-sub, #header #header-right .header-right-bottom ul.nav-child { position:absolute; z-index:1000; max-height:500px; min-width:300px; max-width:380px; background:#EDEFF0; padding:15px 10px 15px 0px; -webkit-columns: 2; -moz-columns: 2; columns: 2; top:23px; left:0px; display: none; } #header #header-right .header-right-bottom ul.main-nav-sub li, #header #header-right .header-right-bottom ul.nav-child li { display:block; float:none; margin-left:10px; } #header #header-right .header-right-bottom ul.main-nav-sub li a, #header #header-right .header-right-bottom ul.nav-child li a{ font-size:14px; font-family:'Rotis Sans Serif W01'; color:#05406c; } #header #header-right .header-right-bottom ul.main-nav-sub li a:hover, #header #header-right .header-right-bottom ul.nav-child li a:hover { background:url('../images/dropdown-arrow.png') no-repeat left; color:#5A60AD; } #header #header-right .header-right-bottom li.item-116 ul.nav-child, #header #header-right .header-right-bottom li.item-117 ul.nav-child, #header #header-right .header-right-bottom li.item-118 ul.nav-child{ right: 0px !important; left:auto !important; } /* End Header */ /* Home Wrapper */ #home-wrapper { } #home-wrapper .home-left { width: 700px; float:left; background: url('../images/separator-line.png') repeat-y right; } #home-wrapper .home-left #slide-show-homepage { width:680px; height:360px; } #home-wrapper .home-left #slide-show-homepage .slideshowck div{ /* font-family:'RotisSemiSerifW01-Bold'; font-size:18px; */ font-family:'Rotis Serif W15'; font-size:14px; color:#63727E; line-height:1.2em; } #home-wrapper .home-left #slide-show-homepage.low { width:680px; height:200px; } #home-wrapper .home-left #slide-show-homepage.low .ext_slide_html{ background:#8c8fc6; border:none !important; color:#fff !important; } #home-wrapper .home-left #slide-show-homepage.low #ext_slideshow_html{ border:none !important; margin:0px; } #home-wrapper .home-left #slide-show-homepage.low p{ padding:20px; font-family:'RotisSemiSerifW01-Bold'; font-size:30px; line-height:1.2em; } #home-wrapper .home-left #slide-show-homepage.low #ext_slideshow_html span#extleftControlhtml{ left:10px !important; top:165px; z-index:10; background: url('../images/slideshow-left.png') no-repeat !important; width:21px !important; height:21px !important; } #home-wrapper .home-left #slide-show-homepage.low #ext_slideshow_html span#extrightControlhtml{ right:10px !important; top:165px; z-index:10; background: url('../images/slideshow-right.png') no-repeat !important; width:21px !important; height:21px !important; } #home-wrapper .home-left .home-block { width: 213px; /*height:270px;*/ float:left; margin-right:20px; margin-bottom:20px; } #home-wrapper .home-left .home-block h2, #home-wrapper .home-left .home-block h2 a{ display:block; font-family:'RotisSansSerifW01-Bold'; font-size:16px; height:36px; line-height:36px; color:#fff; padding-left:10px; margin:0px; } #home-wrapper .home-left .home-block h2 a { padding-left: 0px !important; } #home-wrapper .home-left .home-block h2 a:hover { color: #fff !important; } #home-wrapper .home-left .home-block.antarctica h2 { background:#5A60AD; } #home-wrapper .home-left .home-block.ice-sheets h2 { background:#8B8FC6; } #home-wrapper .home-left .home-block.ecosystems h2 { background:#488FCE; } #home-wrapper .home-left .home-block.poles h2 { background:#0072BC; } #home-wrapper .home-left .home-block.observing h2 { background:#005798; } #home-wrapper .home-left .home-block img{ margin-top:2px; } #home-wrapper .home-left .home-block p{ margin:0px; padding:0px; font-family:'Rotis Serif W15'; font-size:14px; color:#63727E; line-height:1.2em; padding:0px 10px; margin-top:10px; } #home-wrapper .home-left .home-block.last{ /*margin-right:0px;*/ } #home-wrapper .home-left .home-block.text-block{ height:306px; background: url('../images/homepage-scar.jpg') no-repeat; } #home-wrapper .home-left .home-block.text-block h2{ line-height:1.2em; font-size:18px; font-family:'RotisSemiSerifW01-Bold'; height:60px; padding:10px 20px 0px 20px; } #home-wrapper .home-left .home-block.text-block p { color:#fff; padding:0px 20px; } #home-wrapper .home-right { width:260px; float:left; margin-left:20px; } #home-wrapper .home-right .home-subscribe p{ font-family:'RotisSemiSerifW01-Bold'; font-size:18px; color:#63727E; padding-top:5px; } #home-wrapper .home-right .home-subscribe p a{ color:#0072BC; } #home-wrapper .home-right .home-social { border-top:1px solid #c9d0da; border-bottom:1px solid #c9d0da; padding:20px 0px; } #home-wrapper .home-right .home-social ul { margin: 0px; padding: 0px; } #home-wrapper .home-right .home-social ul li { margin: 0px; padding: 0px; display:block; width:37px; height:37px; float:left; margin-right:18px; } #home-wrapper .home-right .home-social li.home-rss { margin-right:0px; } #home-wrapper .home-right .home-social li.home-youtube { margin-right:0px; } #home-wrapper .home-right .home-social li a{ display:block; width:37px; height:37px; background: url('../images/social-spritesheet.png') no-repeat; } #home-wrapper .home-right .home-social li.home-facebook a { background-position: 0px 0px; } #home-wrapper .home-right .home-social li.home-twitter a { background-position: -37px 0px; } #home-wrapper .home-right .home-social li.home-linkedin a { background-position: -74px 0px; } #home-wrapper .home-right .home-social li.home-googleplus a { background-position: -111px 0px; } #home-wrapper .home-right .home-social li.home-youtube a { background-position: -148px 0px; } #home-wrapper .home-right .home-social li.home-rss a { background-position: -185px 0px; } /* Hover State */ #home-wrapper .home-right .home-social li.home-facebook a:hover { background-position: 0px -37px; } #home-wrapper .home-right .home-social li.home-twitter a:hover { background-position: -37px -37px; } #home-wrapper .home-right .home-social li.home-linkedin a:hover { background-position: -74px -37px; } #home-wrapper .home-right .home-social li.home-googleplus a:hover { background-position: -111px -37px; } #home-wrapper .home-right .home-social li.home-youtube a:hover { background-position: -148px -37px; } #home-wrapper .home-right .home-social li.home-rss a:hover { background-position: -185px -37px; } #home-wrapper .home-right .home-recent-news { padding-top:10px; } #home-wrapper .home-right .home-recent-news h2 { font-size: 30px; font-family:'RotisSemiSerifW01-Bold'; color:#63727E; margin:0px; } #home-wrapper .home-right .home-recent-news .recent-news-block { border-bottom:1px solid #c9d0da; padding-bottom:10px; padding-top:10px; } #home-wrapper .home-right .home-recent-news .recent-news-block span.cat{ font-size:13px; font-family:'RotisSansSerifW01-Itali'; color:#abafb8; } #home-wrapper .home-right .home-recent-news .recent-news-block h3, #home-wrapper .home-right .home-recent-news .recent-news-block h3 a, #home-wrapper .home-right .home-recent-news .recent-news-block h3 a:hover { font-family:'RotisSemiSerifW01-Bold'; font-size:18px; line-height:1.2em; color:#0072BC !important; } #home-wrapper .home-right .home-recent-news .recent-news-block p { font-family:'Rotis Serif W15'; font-size:14px; line-height:1.2em; margin:0px; } #home-wrapper .home-right .home-recent-news .recent-news-block a.read-more { font-family:'Rotis Serif W15'; display:block; float:right; color:#0072BC; margin-top:5px; } #home-wrapper .home-right .home-recent-news a.read-more-all { font-family:'Rotis Serif W15'; display:block; color:#0072BC; margin-top:10px; } /* End Home Wrapper */ /* Login Page */ #login-wrapper {} #login-wrapper .login-block { width:820px; background:#fff; margin-left:80px; padding:10px 0px 20px 0px; margin-bottom:20px; margin-top:-70px; position:relative; z-index:100; min-height:300px; } #login-wrapper .login-block.low { width:820px; background:#fff; margin-left:80px; padding:10px 0px 20px 0px; margin-bottom:20px; margin-top:20px; position:relative; z-index:100; min-height:300px; } #login-wrapper .login-block h1 { margin:0px; padding:0px; padding-left:20px; font-size:30px; font-family:'RotisSemiSerifW01-Roman'; color:#63727E; } #login-wrapper .login-block .login-form { padding-left:20px; width:320px; } #login-wrapper .login-block .login-form input { margin:10px 0px; padding:0px; height:40px; width:280px; padding-left:10px; font-size:16px; font-family:'RotisSemiSerifW01-Bold'; } #login-wrapper .login-block .login-form label { font-size:16px; font-family:'RotisSemiSerifW01-Roman'; color:#63727E; display:block; margin-bottom:10px; } #login-wrapper .login-block .login-form .form-row { margin-top:20px; } #login-wrapper .login-block .login-form .remember input{ float:left; display:block; width:20px; height:20px; padding:0px; } #login-wrapper .login-block .login-form .remember label { font-size:14px; font-family:'Rotis Serif W15'; color:#63727E; float:left; display:block; margin-left:5px; } #login-wrapper .login-block .login-form .remember a{ color:#01b5ea; font-size:14px; font-family:'Rotis Serif W15'; margin-left:55px; } #login-wrapper .login-block .login-form button{ border:none; width:70px; height:35px; background:red; margin-top:10px; color:#fff; font-family:'RotisSemiSerifW01-Roman'; background:#013D6A; font-size:16px; padding:0px; float:left; margin-bottom:20px; font-weight: normal; } #login-wrapper .login-block .login-form button:hover { background:#5A60AD; } /* Hide forgot your password */ .login-block .login-form ul{ display:none; } /* End Login Page */ /* Category Page */ #category-wrapper { margin-bottom: 20px; } #category-wrapper .category-left { width:200px; min-height:300px; float:left; } #category-wrapper .category-left span.category-title{ font-family:'RotisSemiSerifW01-Bold'; font-size:18px; display: block; background:#5A60AD; color:#fff; height:35px; line-height:35px; padding-left:10px; } #category-wrapper .category-left ul{ margin:0px; padding:0px; } #category-wrapper .category-left ul li{ margin:0px; padding:0px; display:block; margin:10px 0px; } #category-wrapper .category-left ul li.level-1{ margin-top:0px; } #category-wrapper .category-left ul li.level-2 { padding-left:20px; padding-right:5px; } #category-wrapper .category-left ul li a.level-1{ font-family:'RotisSemiSerifW01-Bold'; font-size:18px; display: block; background:#5A60AD; color:#fff; line-height:1.2em; margin-top:0px !important; padding:7px 5px 7px 10px !important; } #category-wrapper .category-left ul li a.level-1:hover { color:#fff !important; } #category-wrapper .category-left ul li a{ margin:0px; padding:0px; background: url('../images/subnav-arrow-right.png') no-repeat right; color:#63727E; font-size:15px; font-family:'Rotis Sans Serif W01'; padding:0px 15px 0px 0px; } #category-wrapper .category-left ul li.opened.level-2, #category-wrapper .category-left ul li.opened.level-3 { background: url('../images/category-current-block.png') no-repeat; background-position:0px 6px; } #category-wrapper .category-left ul li.opened.sub-page-shown { background: url('../images/category-current-block-s.png') no-repeat; background-position:0px 6px; } #category-wrapper .category-left ul li.opened.level-2 a, #category-wrapper .category-left ul li.opened.level-3 a{ background: url('../images/subnav-arrow-down.png') no-repeat right; color:#5A60AD; font-family:'RotisSansSerifW01-Bold'; } #category-wrapper .category-left ul li.level-3.opened { background-position: 0px 6px; } #category-wrapper .category-left ul li.level-3.opened a { color:#5A60AD !important; font-family:'RotisSansSerifW01-Bold' !important; } #category-wrapper .category-left ul li.level-3 { padding-left: 15px; } #category-wrapper .category-left ul li.level-3 a { background:none !important; color:#63727E !important; font-family:'Rotis Sans Serif W01' !important; } #category-wrapper .category-left ul li.level-3 a:hover { color:#5A60AD !important; } #category-wrapper .category-right { width:760px; min-height:300px; padding-left:20px; float:left; background:url('../images/separator-line.png') repeat-y left; } #breadcrumbs { width:759; height:35px; display: block; border:1px solid #c9d0da; margin-bottom:2px; } #breadcrumbs a, #breadcrumbs img, #breadcrumbs span{ float:left; line-height:35px; display:block; font-family:'Rotis Sans Serif W01'; font-size:14px; color:#97A1A9; padding: 0px 3px 0px 5px; color:#97A1A9; } #breadcrumbs span{ font-family:'RotisSansSerifW01-Extra' !important; } #breadcrumbs img{ margin-top:14px; } #breadcrumbs ul{ margin:0px; padding:0px; } #breadcrumbs ul li{ margin:0px; padding:0px; float:left; font-family:'Rotis Sans Serif W01'; font-size:14px; color:#97A1A9; line-height:35px; padding: 0px 10px 0px 15px; background:url('../images/breadcrumb-arrow.png') no-repeat left; } #breadcrumbs ul li a{ font-family:'Rotis Sans Serif W01'; font-size:14px; color:#97A1A9; line-height:35px; } #breadcrumbs ul li.home { background:none; padding-left:10px; } #breadcrumbs ul li.current{ font-family:'RotisSansSerifW01-Extra'; line-height:34px; } #category-wrapper .category-right .category-banner { position:relative; z-index:1; } #category-wrapper .category-right .category-banner .category-banner-title{ position:absolute; top:20px; left:20px; right:20px; background:url('../images/transparent-text-bg.png') repeat; min-height:100px; } #category-wrapper .category-right .category-banner .category-banner-title.low{ position:relative; top:0px; left:0px; right:0px; background:url('../images/transparent-text-bg.png') repeat; min-height:100px; border:20px solid #c9d0da; } #category-wrapper .category-right .category-banner .category-banner-title span{ font-size:30px; font-family:'RotisSemiSerifW01-Roman'; color:#023E6A; padding:20px; display:block; line-height:1em; } #category-wrapper .category-right .category-navigation{ text-align:center; padding:10px 0px 20px 0px; margin:0px 70px; border-bottom:1px solid #dadfe5; } #category-wrapper .category-right .category-navigation h2.category-navigation-head { font-size:18px; display:block; margin:0px; padding:0px; font-family:'Rotis Serif W15 Bold'; margin-bottom:10px; color:#0072bb; } #category-wrapper .category-right .category-navigation ul{ margin:0px; padding:0px; list-style: none; text-align: center; } #category-wrapper .category-right .category-navigation ul li{ margin:0px; padding:0px; display:inline; border-right:1px solid #dadfe5; padding:0px 10px; } #category-wrapper .category-right .category-navigation ul li.last{ border:none; } #category-wrapper .category-right .category-navigation ul li a{ font-size:16px; font-family:'Rotis Serif W15'; color:#63727E; } #category-wrapper .category-right .category-navigation ul li.active a, #category-wrapper .category-right .category-navigation ul li a:hover{ color:#0072BB !important; } #category-wrapper .category-right .category-content { color:#2b3632; font-family:'Rotis Serif W15'; margin-top:10px; } #category-wrapper .category-right .category-content p, #category-wrapper .category-right .category-content ol li, #category-wrapper .category-right .category-content ul li{ color:#2b3632; font-family:'Rotis Serif W15'; font-size:16px; } .img_caption { font-size:12px !important; padding:0px 5px; font-style:italic; color:grey !important; } #category-wrapper .category-right .category-content a { color:#0072bc; } #category-wrapper .category-right .category-content a:hover { color:#5A60AD; } #category-wrapper .category-right .category-content h3 { font-family:'Rotis Serif W15 Bold'; } #category-wrapper .category-right .category-content ul { list-style: none; margin:0px; padding: 0px; } #category-wrapper .category-right .category-content ul li{ margin:0px; padding:0px; color:#2b3632; font-family:'Rotis Serif W15'; font-size:16px; background:url('../images/bullet-point.png') no-repeat left 7px; padding-left:15px; margin-bottom:5px; line-height:1.2em; list-style:none; } #category-wrapper .category-right .category-content ul li p{ margin:0px; padding-bottom:5px; } #category-wrapper .category-right .category-content ul li ul li{ list-style-type:circle; background:none !important; padding:0px !important; margin-left:20px; } #category-wrapper .category-right .category-navigation ul.explore-navigation { list-style:none; text-align:center; } #category-wrapper .category-right .category-navigation ul.explore-navigation li{ border:none; margin:0px; padding:0px; width:26px; height:25px; background:red; display:inline-block; background:url('../images/explore-icons.png') no-repeat; background-position:0px 0px; margin-right:15px; position:relative; } #category-wrapper .category-right .category-navigation ul.explore-navigation li:hover{ cursor:pointer; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-home { background-position:0px 0px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-news { background-position:-26px 0px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-about { background-position:-52px 0px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-terms { background-position:-78px 0px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-membership { background-position:-104px 0px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-publication { background-position:-130px 0px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-data { background-position:-156px 0px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-links { background-position:-182px 0px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-contact { background-position:-208px 0px; } /* Hover State and current page state */ #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-home:hover, #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-home.active { background-position:0px -25px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-news:hover, #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-news.active { background-position:-26px -25px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-about:hover, #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-about.active { background-position:-52px -25px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-terms:hover, #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-terms.active { background-position:-78px -25px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-membership:hover, #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-membership.active { background-position:-104px -25px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-publication:hover, #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-publication.active { background-position:-130px -25px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-data:hover, #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-data.active { background-position:-156px -25px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-links:hover, #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-links.active { background-position:-182px -25px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-contact:hover, #category-wrapper .category-right .category-navigation ul.explore-navigation li.ex-contact.active { background-position:-208px -25px; } #category-wrapper .category-right .category-navigation ul.explore-navigation li a{ width:25px; height:51px; display:block; position:absolute; } #category-wrapper .category-right .category-navigation ul.explore-navigation li a:hover, #category-wrapper .category-right .category-navigation ul.explore-navigation li.active a{ background:url('../images/explore-arrow.png') no-repeat bottom; } #category-wrapper .category-right .category-content .explore-title { text-align:center; margin-bottom:20px; } #category-wrapper .category-right .category-content .explore-title span{ font-size:18px; color:#0072BB; } /* End Category Page */ /* Footer */ #footer { height:150px; } #footer .footer-left, #footer .footer-right { height:100%; } #footer .footer-left { width:700px; float:left; } #footer .footer-left .footer-left-top, #footer .footer-left .footer-left-bottom { width:100%; height:50%; } #footer .footer-left .footer-left-top a img, #footer .footer-left .footer-left-top a span {float:left; display:block; padding-top:10px;} #footer .footer-left .footer-left-top a span { font-family:'RotisSansSerifW01-Extra'; font-size:16px; color:#0072BC; margin-top:20px; margin-left:10px; } #footer .footer-left .footer-left-bottom span { font-family:'Myriad W01 Regular'; font-size:12px; display:block; color:#63727E; padding-top:10px; } #footer .footer-right { width:280px; float:left; } #footer .footer-right .footer-right-top, #footer .footer-right .footer-right-bottom { width:100%; height:50%; } #footer .footer-right .footer-right-top ul { margin: 0px; padding: 0px; float:right; } #footer .footer-right .footer-right-top ul.footer-social li { margin: 0px; padding: 0px; display:block; width:25px; height:25px; float:left; margin-left:10px; margin-top:25px; } #footer .footer-right .footer-right-top ul.footer-social li a{ display:block; width:25px; height:25px; background: url('../images/social-spritesheet.png') no-repeat; } #footer .footer-right .footer-right-top ul.footer-social li.footer-facebook a { background-position: 0px -74px; } #footer .footer-right .footer-right-top ul.footer-social li.footer-twitter a { background-position: -25px -74px; } #footer .footer-right .footer-right-top ul.footer-social li.footer-linkedin a { background-position: -50px -74px; } #footer .footer-right .footer-right-top ul.footer-social li.footer-googleplus a { background-position: -75px -74px; } #footer .footer-right .footer-right-top ul.footer-social li.footer-youtube a { background-position: -100px -74px; } #footer .footer-right .footer-right-top ul.footer-social li.footer-rss a { background-position: -125px -74px; } /* Hover State */ #footer .footer-right .footer-right-top ul.footer-social li.footer-facebook a:hover { background-position: 0px -99px; } #footer .footer-right .footer-right-top ul.footer-social li.footer-twitter a:hover { background-position: -25px -99px; } #footer .footer-right .footer-right-top ul.footer-social li.footer-linkedin a:hover { background-position: -50px -99px; } #footer .footer-right .footer-right-top ul.footer-social li.footer-googleplus a:hover { background-position: -75px -99px; } #footer .footer-right .footer-right-top ul.footer-social li.footer-youtube a:hover { background-position: -100px -99px; } #footer .footer-right .footer-right-top ul.footer-social li.footer-rss a:hover { background-position: -125px -99px; } #footer .footer-right .footer-right-bottom ul { margin:0px; padding:0px; padding-top:10px; } #footer .footer-right .footer-right-bottom ul li{ margin:0px; padding:0px; } #footer .footer-right .footer-right-bottom ul li a{ margin:0px; padding:0px; float:left; display:block; font-family:'Myriad W01 Regular'; font-size:12px; color:#63727E; margin-left:10px; float:right; } #footer .footer-right .footer-right-bottom a.switch-bandwidth{ display:block; font-family:'Myriad W01 Regular'; font-size:12px; color:#63727E; float:right; margin-top:5px; } /* End Footer */ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) {} /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {} /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */ /* Slideshow CSS */ .camera_wrap_94 { margin-bottom:0px !important; } .camera_caption > div { background:none !important; color:#2e3432 !important; } .camera_caption { width:270px !important; /*height:170px !important;*/ background: url('../images/transparent-text-bg-light.png') repeat !important; right:10px !important; bottom:10px !important; } .camera_commands { display: none !important; } .camera_pag{ position:absolute; bottom:0px; left:10px; } .camera_pag_ul{ position:relativel display:block; float:left; } .camera_prev{ display:block; position:Relative; float:left; top:0px !important; bottom:0px !important; margin:0px !important; padding:0px !important; } .camera_next{ display:block; position:Relative; float:left; top:0px !important; bottom:0px !important; margin:0px !important; padding:0px !important; } .camera_prev > span { background: url('../images/slideshow-left.png') no-repeat !important; width:21px !important; height:21px !important; } .camera_next > span { background: url('../images/slideshow-right.png') no-repeat !important; width:21px !important; height:21px !important; } .camera_prev, .camera_next, .camera_commands{ margin:0px !important; top:14px !important; } .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont{ background:none !important; } .camera_wrap .camera_pag .camera_pag_ul li{ background: url('../images/slideshow-dot.png') no-repeat !important; width:9px !important; height:9px !important; } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent { background: url('../images/slideshow-dot-active.png') no-repeat !important; width:9px !important; height:9px !important; } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .camera_wrap .camera_pag .camera_pag_ul li > span{ background:none; margin:0px !important; padding:0px !important; } .camera_prev, .camera_next, .camera_commands{ width:21px !important; height:21px !important; } /* Events */ .events .events_subcategories{ display:none; } .events .buttons{ display:none; } /* Search Result */ #searchForm .btn-toolbar .btn-group{ display:block; float:left; } #searchForm .btn-toolbar .btn-group .btn{ display:block; height:30px; width:100px; margin-left:10px; } #searchForm .form-limit{ display:none; } #searchForm .phrases{ display:none; } #searchForm button{ border:none; width:70px; height:35px; background:red; color:#fff; font-family:'RotisSemiSerifW01-Roman'; background:#013D6A; font-size:16px; padding:0px; float:left; margin-bottom:20px; font-weight: normal; } #searchForm button:hover { background:#5A60AD; } /* News listing */ .news-wrapper .news-block, .news-wrapper .news-block p.news-content{ color:#64727d !important; } .news-wrapper .news-block p.news-content{ font-size:20px !important; } .news-wrapper .news-block .news-left{ float:left; width:80px; text-align:right; border-bottom:1px solid #c9d0da; margin-right:20px; padding-bottom:10px; } .news-wrapper .news-block .news-left p.date{ font-size:30px !important; display:block; width:100%; margin:0px; padding: 0px; } .news-wrapper .news-block .news-left p.month{ font-size:16px; display:block; width:100%; margin:0px; padding: 0px; } .news-wrapper .news-block .news-right{ float:left; width:650px; margin-bottom:20px; } .news-wrapper .news-block .news-right a.news-readmore{ color:#02b7ec !important; font-size:16px !important; } /* Cat listing page */ p.cat-intro{ margin:0px; padding:0px; } a.cat-more { display:block; margin:0px; padding:0px; width:100%; text-align:right; color:#02b7ec !important; } div.cat-block { border-bottom:1px solid #c9d0da; margin-bottom:10px; padding-bottom:10px; } #cookie-div a:hover{ color:#fff !important; } /** Cinch Menu overrides **/ ul.accordion-menu { border: none; } ul.accordion-menu li { border: none; margin: 0 5px !important; } ul.accordion-menu a { font-size: 15px; padding: 5px 15px 5px 5px !important; } ul.accordion-menu > li { margin: 0 !important; margin-bottom: 10px !important; } ul.accordion-menu li li { text-indent: 0; } ul.accordion-menu > li > div.item-wrapper { background-color: #5A60AD; } ul.accordion-menu > li > div.item-wrapper a { font-size: 18px !important; color: white !important; background: none !important; padding: 10px !important; } ul.accordion-menu > li > div.ul-wrapper { display: block !important; } ul.accordion-menu div.menu-link { min-height: auto !important; } ul.accordion-menu > li > div.ul-wrapper > ul > li.current > div > div > a { background-image: url('../images/subnav-arrow-down.png') !important; } /* Cinch Menu Level 3 */ ul.accordion-menu > li > div.ul-wrapper > ul > li > div.ul-wrapper { display: none; } ul.accordion-menu > li > div.ul-wrapper > ul > li.current > div.ul-wrapper { display: block; } ul.accordion-menu > li > div.ul-wrapper > ul > li > div.ul-wrapper li { text-indent: 0; } ul.accordion-menu > li > div.ul-wrapper > ul > li > div.ul-wrapper li a { background-image: none !important; padding-left: 10px !important; }