/* Global, Common and Reset Settings -----------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; font-size: 100%; vertical-align: baseline; } html { background: rgb(182, 240, 255) url('../images/bg-body2.png') repeat-x scroll; } body { background: transparent url('../images/bg-header.jpg') no-repeat scroll 100% 0pt; } * { margin: 0; padding: 0; border:none; } img { border:0; } a, a:visited { text-decoration:none; } a img,:link img,:visited img { border:none } ul,ol { list-style:none } address { font-style:normal } table { border-collapse: collapse; border-spacing: 0pt; } :link,:visited { text-decoration:none } .clear-bg { clear:both; margin-bottom: 5px; } .clear-right { clear:right; } .float-left { float:left; } .float-right { float:right; } .hide { display: none; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background: rgb(255, 255, 204); } .img-left { float:left;margin:4px 10px 4px 0; } .img-right { float:right;margin:4px 0 4px 10px; } .nopadding { padding:0; } .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none;list-style-image:none; } .header-print { display: none; } .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } .clearfix { display: inline-block;} * html .clearfix { height: 1%;} .clearfix { display: block;} #atffc { display: none; } /* Typography -----------------------------------------------------------------------------*/ h1 { margin: 0 0 15px 0; padding:0; font:normal 32px Arial, Helvetica, sans-serif; color: rgb(34, 34, 34); } h1 a, h3 a { text-decoration: none; color: rgb(34, 34, 34); border-bottom:none; } h1 a:hover, h3 a:hover { text-decoration: none; } h2 { margin:0; padding: 5px 0 0 0; line-height: 150%; color: rgb(34, 34, 34); font:normal 22px Arial, Helvetica, sans-serif; } h2 a { color: rgb(34, 34, 34); text-decoration: underline; } h2 a:hover { text-decoration: none; } h3 { margin:0; padding:0; color: rgb(34, 34, 34); font:normal 26px Arial, Helvetica, sans-serif; } h3 a { color: rgb(34, 34, 34); text-decoration: none; } h4 { margin: 0 0 0 0; padding: 5px 0; font:normal 18px Arial, Helvetica, sans-serif; color: rgb(51, 0, 51); } h5 { margin: 0 0 0 0; padding: 5px 0; font:bold 16px Arial, Helvetica, sans-serif; color: rgb(34, 34, 34); } h6 { margin: 32px 0 12px 0; padding: 0; line-height: 150%; color: rgb(34, 34, 34); font:normal 18px Arial, Helvetica, sans-serif; border-top:4px solid rgb(224, 224, 224); } /* Hidden Content -----------------------------------------------------------------------------*/ .skip { display: none; } #search label { display: none; visibility: hidden; } #header-print { display: none; visibility: hidden; } /* Header + Body -----------------------------------------------------------------------------*/ .wrapper { position: relative; top: 0pt; margin: 0px auto; width: 960px; } #header { margin: 0pt; padding: 0pt; background: rgb(96, 34, 124) url('../images/bodybg.gif') repeat-x scroll 0pt 0pt; color: rgb(239, 239, 239); height: 100px; } #header-inner, #topnav-inner { margin: 0pt auto; padding: 0pt; width: 1000px; } #header-inner h1 { margin: 26px 0 0 25px; text-indent: -9999px; z-index: 9999; position: absolute; } #header-inner h1 a { background: transparent url('../images/masthead-logo.gif') no-repeat scroll 0pt 0pt; display: block; height: 50px; text-decoration: none; width: 182px; } #header-inner h2 { margin: 26px 0 0 205px; text-indent: -9999px; z-index: 9999; position: absolute; } #header-inner h2 a { background: transparent url('../images/masthead-logo-gc.png') no-repeat scroll 0pt 0pt; display: block; height: 50px; text-decoration: none; width: 321px; } #mininav { margin: 0pt; padding: 10px 20px 8px 0; color: rgb(255, 255, 255); font-size: 9px; font-family: Helvetica,"Trebuchet MS",sans-serif; font-weight: lighter; float: right; } #mininav ul { margin: 0pt; padding: 5px 0 0 15px; list-style-type: none; list-style-image: none; list-style-position: outside; letter-spacing: 1px; } #mininav ul li { margin: 0pt 0.8em 0pt 0pt; padding: 0pt; float: left; display: inline; } #mininav a { text-transform: uppercase; font-weight: bold; } #mininav a:link { color: rgb(223, 223, 223); text-decoration: none; } #mininav a:visited { color: rgb(223, 223, 223); text-decoration: none; } #mininav a:hover { color: rgb(255, 255, 255); text-decoration: none; } #mininav a:active { color: rgb(255, 255, 255); text-decoration: none; } #topnav { margin: 0pt; padding: 8px 0pt; background: rgb(0, 0, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-size: 11px; font-family: Helvetica,"Trebuchet MS",sans-serif; font-weight: lighter; } #topnav ul { margin: 0pt; padding: 2pt 0pt 0pt 25px; list-style-type: none; list-style-image: none; list-style-position: outside; letter-spacing: 1px; } #topnav ul li { margin: 0 30px 0 0; padding: 0 0 0 0; float: left; display: inline; } #topnav ul li a { text-transform: uppercase; margin: 0 0 0 -8px; padding: 12px 8px 12px 8px; } #topnav li a:link { color: rgb(223, 223, 223); text-decoration: none; } #topnav li a:visited { color: rgb(223, 223, 223); text-decoration: none; } #topnav li a:hover { color: rgb(245, 225, 255); text-decoration: none; background: transparent url('../images/top_nav_bg_active.png') repeat-x scroll right bottom; border-bottom: 1px solid rgb(0, 145, 181); } #topnav li .active { color: rgb(245, 225, 255); text-decoration: none; background: transparent url('../images/top_nav_bg_active.png') repeat-x scroll right bottom; border-bottom: 1px solid rgb(0, 145, 181); } #topnav li.current_page_item a { color: rgb(245, 225, 255); text-decoration: none; background: transparent url('../images/top_nav_bg_active.png') repeat-x scroll right bottom; border-bottom: 1px solid rgb(0, 145, 181); } div#search { background: transparent url('../images/form-left.png') no-repeat scroll 0pt 0pt; position: absolute; top: 40px; margin: 0 0 0 775px;} div#search form { margin: 0pt; padding: 0pt; width: 210px; } div#search label { display: block; float: left; width: 30px; height: 18px; } div#search label span { display: none; } div#search input { border: 0pt none ; margin: 0 0 0 0; padding: 4px 0 0 0; background: transparent none repeat scroll 0% 0%; float: left; width: 142px; height: 18px; font-size: 11px; color: rgb(0, 0, 0); font-family: verdana, arial; } div#search input.submit { margin: 0pt 0pt 0pt 3px; padding: 0pt; background: transparent url('../images/form-right.png') no-repeat scroll 0pt 0pt; float: left; cursor: pointer; width: 20px; height: 22px; } /* Feature -----------------------------------------------------------------------------*/ #header-content { background: transparent url('../images/bg-header-content.png') no-repeat scroll 0pt 0pt; height: 37px; opacity: 0.8; margin: 20px 0 0 0; } #header-content #main-nav { position: relative; left: 10px; top: 10px;} #header-content #main-nav ul li { display: inline; font-size: 12px; font-family: Verdana,Arial,Helvetica,sans-serif; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; } #header-content #main-nav p { display: inline; font-size: 12px; font-family: Verdana,Arial,Helvetica,sans-serif; color: rgb(255, 255, 255); text-transform: uppercase; font-weight: bold; } #header-content #main-nav .weather { position: absolute; margin: -30px 0 0 0; z-index: 9999; } #header-content #main-nav .weather-text { padding: 0 0 0 10px; text-transform: none; } #feature { opacity: 0.98; background: transparent url('../images/bg-feature.png') repeat-x scroll 0pt 100%; display: inline-block; width: 960px; margin: 0 0 16px 0; } #feature:after { content: "."; display: block; height: 0pt; font-size: 0pt; clear: both; visibility: hidden; } #feature #issue { margin: -44px 5px 0 765px; padding: 7px 0pt 0pt 7px; background: transparent; position: absolute; width: 103px; z-index: 0; } #feature-container { float: left; width: 960px; height: 260px; } #headlines { float: left; width: 300px; margin: -290px 0 0 668px; z-index: 1000; } #headlines a:hover { color: rgb(147, 18, 170); } #headlines h2 a { display: block; font-family: Georgia,"Times New Roman",Times,serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1.8em; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(58, 125, 218); line-height: 1.1; text-decoration: none; width: 290px; margin: 10px 0 0 5px; padding: 0 20px 0 0; width: 280px; } #headlines p { font-family: verdana,Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(82, 82, 82); height: auto ! important; line-height: 16px; padding: 15px 0px 10px 0; display: block; font-style: normal; width: 270px; margin: 0px 0px 0px 5px; } #headlines p .feature-link { padding: 0; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(30, 136, 181); text-decoration: none; text-transform: uppercase; } #headlines p a:hover.feature-link { color: rgb(147, 18, 170); } #feature .ribbon { margin: 210px 0pt 0pt -9px; padding: 7px 15px 10px 18px; background: rgb(58, 125, 218) none repeat scroll 0% 0%; position: absolute; height: 20px; font-size: 1.2em; font-family: Arial, verdana; z-index: 100; opacity: 0.8;} #feature .ribbon a { background: transparent url('../images/icon_arrow_green.png') no-repeat scroll right 7px; padding-right: 15px; color: rgb(255, 255, 255); text-decoration: underline; } #feature .ribbon a:hover { color: rgb(0, 0, 0); } #feature .ribbon a.last { margin-left: 25px; } #feature .ribbon span.wrap { background: transparent url('../images/bg-ribbon.png') no-repeat scroll 0% 0%; display: block; position: absolute; top: -9px; left: 0pt; width: 9px; height: 9px; } /* Panel Slider (Optional) -----------------------------------------------------------------------------*/ a:focus { outline: none;} #panel { background: rgb(136, 180, 21) url('../images/bg-slider-panel.gif') repeat-x scroll 0pt 0pt; height: 200px; display: none; } #slide { margin: 0; padding: 0;} .btn-slide { margin: 0; padding: 0;} .active { background-position: right 12px;} /* Banner Slider -----------------------------------------------------------------------------*/ .slider-wrap { width: 660px; top: 0; left: 0; } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0; } .stripViewer { position: relative; overflow: hidden; width: 660px; height: 300px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 660px; } .stripNavL, .stripNavR, .stripNav {display: none;} .nav-thumb {border: 0px solid black;} .csw {width: 100%; height: 300px; background: #fff; overflow: scroll} .csw .loading {margin: 200px 0 300px 0; text-align: center} #movers-row {margin: -40px 0 0 250px; padding: 2px 0 5px 0; font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color: rgb(255, 255, 255); } #movers-row div {margin: 0 auto; display: inline; position: relative; text-align: center;} #movers-row div a.cross-link {} .cross-link { background: url(../images/icon-slide-off.png) no-repeat center; display: inline; float: none; padding: 0 .1em !important; position: relative; z-index: 0; } .active-thumb { background: url(../images/icon-slide-on.png) no-repeat center; } /* Content (For Second Level Pages) -----------------------------------------------------------------------------*/ #content { float:left; width:950px; background: rgb(255, 255, 255); margin: 20px 0 10px 0; padding: 0 5px 10px 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px 6px 6px 6px; } /* Features (left) -----------------------------------------------------------------------------*/ #features { float:left; width:340px; background: rgb(255, 255, 255); margin: 0 0 0 0; padding: 0 10px 10px 5px; } #features h2 { margin:5px 0 5px 0; padding:10px 0 3px 0; font-size: 14px; text-transform: uppercase; color: rgb(206, 5, 62); font-weight:bold; } #features h2 a { color: rgb(206, 5, 62); } #features h2 a:hover { color: rgb(0, 0, 0);} #features a { color: rgb(30, 136, 181); } #features a:hover { color: rgb(147, 18, 170); } #features .listings { margin-bottom:15px; border-bottom:1px solid rgb(224, 224, 224); height:100%; overflow:hidden; } #features .listings .left { border: 1px solid rgb(229, 229, 229); float: left; margin: 3px 10px 5px 0; -webkit-box-shadow: 1px 1px 10px rgb(214, 214, 214); -moz-box-shadow: 1px 1px 10px rgb(214, 214, 214); box-shadow: 1px 1px 10px rgb(214, 214, 214); } #features .listings h3 { margin:0; padding:0; font-size: 18px; font-family: Georgia,"Times New Roman",Times,serif; color:rgb(30, 136, 181); font-weight:normal; line-height: 1.2 } #features .listings p { font: 12px Arial, Helvetica, sans-serif; line-height: 17px; color: rgb(89, 89, 89); text-align:left; margin: 0 0 12px 0;} #features .listings p a { border-bottom:1px dotted rgb(102, 102, 102); } #features .listings p a:hover { border-bottom:none; color: rgb(51, 51, 51); } #features p { font: 11px verdana, Arial, Helvetica, sans-serif; color: rgb(89, 89, 89); text-align:left; margin: -5px 0 0 0; padding: 0; } /* Regulars (left) -----------------------------------------------------------------------------*/ #regulars { float:left; background: rgb(255, 255, 255); width:290px; margin: 0 0 0 0; padding: 0 10px 10px 10px; overflow:hidden; } #regulars h2 { margin:0 0 0 0; padding:15px 0 0 0; font-size: 14px; text-transform: uppercase; color: rgb(206, 5, 62); font-weight:bold; } #regulars h2 a { color: rgb(206, 5, 62); } #regulars h2 a:hover { color: rgb(0, 0, 0);} #regulars .listing { } #regulars .listings h3 { margin:0 0 0 0; padding:0;font-size: 16px; font-family: Georgia,"Times New Roman",Times,serif; font-weight:normal; line-height: 18px;} #regulars .listings h3 a { color:rgb(30, 136, 181); } #regulars .listings h3 a:hover { color: rgb(147, 18, 170); } #regulars .listings h4 { margin:5px 0 0 0; padding:0; font-size: 10px; font-family: verdana,"Times New Roman",Times,serif; color:rgb(30, 136, 181); font-weight:bold; text-transform: uppercase; } #regulars .listings h4 a { color:rgb(0, 0, 0); } #regulars .listings h4 a:hover { color: rgb(147, 18, 170); } #regulars p { font: 11px verdana, Arial, Helvetica, sans-serif; color: rgb(89, 89, 89); text-align:left; margin: 8px 0 8px 0; padding: 0 0 8px 0; border-bottom:1px solid rgb(224, 224, 224); line-height:1.3; } #regulars.img { width: 290px; z-index: 99999; } /* Fav (Tabs, Experts, Podcast) (sidemenu) -----------------------------------------------------------------------------*/ #fav { float:left; background: rgb(255, 255, 255); width:280px; margin: 0 0 0 0; padding: 15px 5px 10px 0px; overflow:hidden; font-size: 62.5%; } #fav .tablist { margin: 5px 0 3px 10px; padding: 0; line-height: 14px; } #fav .tablist ul { } #fav .tablist li { list-style: none; padding: 0 4px 6px 18px; background:url("../images/bullet.png") no-repeat 1px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; text-transform: none; } #fav .tablist li a, #fav .tablist li a:visited { color: rgb(30, 136, 181); } #fav .tablist li a:hover { color: rgb(147, 18, 170); } #exclusives { margin: 0px 0 10px 0; width:280px; text-transform: none;} #exclusives .listings { height:100%; overflow:hidden; } #exclusives .listings .left { border: 1px solid rgb(229, 229, 229); float: left; margin: 3px 10px 3px 10px; -webkit-box-shadow: 1px 1px 10px rgb(214, 214, 214); -moz-box-shadow: 1px 1px 10px rgb(214, 214, 214); box-shadow: 1px 1px 10px rgb(214, 214, 214); } #exclusives a { color: rgb(30, 136, 181); } #exclusives a:hover { color: rgb(147, 18, 170); } #exclusives h2 { margin:5px 0 5px 0; padding:0 0 0 10px; font-size: 14px; text-transform: uppercase; color: rgb(206, 5, 62); font-weight:bold; } #exclusives h2 a { color: rgb(206, 5, 62); } #exclusives h2 a:hover { color: rgb(0, 0, 0);} #exclusives .listings h3 { margin:0; padding:0 10px 0 0; font-size:12px; color:rgb(30, 136, 181); font-weight:bold; } #exclusives .listings p { font: 11px verdana, Helvetica, sans-serif; line-height: 17px; color: rgb(89, 89, 89); text-align:left; margin: 5px 5px 12px 10px;} /* Resources (left + sidemenu) -----------------------------------------------------------------------------*/ #resources { display: inline-block; width: 960px; margin: 0 0 350px 0; clear: both; } .resources-banner { float: left; display: inline-block; width: 330; height: 102; margin: -102px 0 0 0; position: absolute; z-index: 9999; } #resources .ribbon { margin: 0px 0pt 0pt -9px;; padding: 7px 15px 10px 18px; background: rgb(207, 236, 253) url('../images/bg-magazine-ribbon.jpg') no-repeat scroll 100% 0pt; position: absolute; font-size: 1.2em; font-family: Arial, verdana; opacity: 0.9; width: 931px; height: 330px; z-index: 0;} #resources .ribbon span.wrap { background: transparent url('../images/bg-ribbon.png') no-repeat scroll 0% 0%; display: block; position: absolute; top: -9px; left: 0pt; width: 9px; height: 9px; } .column-box-list { margin: 10px 0 0 0; padding: 0; list-style-type: none; list-style-image: none; list-style-position: outside; } .column-box-list li { margin: 0pt 0pt 50px; padding: 0pt; background: rgb(253, 253, 250) url('../images/column-box-top.gif') no-repeat scroll center top; width: 200px; height: auto; } .column-box-list li { margin: 0pt 22px 30px 0pt; float: left; } .column-box-list li.last { margin: 0 0 0 30px; } .column-box-bottom { margin: 0; padding: 10px 0 0 12px; background: transparent url('../images/column-box-bottom.gif') no-repeat scroll center bottom; width: 188px; height: auto; } .column-box-list li.long .column-box-bottom { height: 300px; } .column-box-image { margin: 0pt 0pt 10px; padding: 3px 0pt 0pt 8px; background: transparent url('../images/column-box-image.gif') no-repeat scroll center top; width: 168px; height: 235px; display: block; } .column-box-list h3 { margin: 0 0 0 0; padding: 5px 5px 0 5px; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 0.8em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(71, 68, 58); } .column-box-list h3 a:link, .column-box-list h3 a:active, .column-box-list h3 a:visited { color: rgb(71, 68, 58); } .column-box-list h3 a:hover { color: rgb(0, 0, 0); } .column-box-bottom p { padding: 0 5px 0 5px; font-family: Georgia,"Times New Roman",Times,serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.8em; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(119, 119, 119); line-height: 19px; } /* More News (left) -----------------------------------------------------------------------------*/ #news-more { float:left; width:630px; background: rgb(255, 255, 255); margin: 0 0 0 0; padding: 0 10px 10px 5px; } #news-more h2 { margin:5px 0 5px 0; padding:10px 0 3px 0; font-size: 14px; text-transform: uppercase; color: rgb(206, 5, 62); font-weight:bold; } #news-more #news-left { float: left; display:block; margin: 10px 15px 0 0; padding: 0 0 0 0; width: 300px; } #news-more #news-right { float: right; display:block; margin: 10px 0 0 15px; padding: 0 0 0 0; width: 300px; } #news-left h3, #news-right h3 { margin:0; padding:0; font-size: 16px; font-family: Arial,Georgia,"Times New Roman",Times,serif; color:rgb(0, 0, 0); font-weight:normal; line-height: 1.2 } #news-more a { color: rgb(30, 136, 181); } #news-more a:hover { color: rgb(147, 18, 170); } .list { margin: 5px 0 3px 0px; padding: 0; line-height: 14px; } .list ul { } .list li { list-style: none; padding: 0 4px 6px 18px; background:url("../images/bullet.png") no-repeat 1px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; text-transform: none; } .list li a, .list li a:visited { color: rgb(30, 136, 181); } .list li a:hover { color: rgb(147, 18, 170); } /* More Column (sidemenu) -----------------------------------------------------------------------------*/ #more { float:left; background: rgb(255, 255, 255); width:280px; margin: 0 0 0 0; padding: 0px 5px 0 20px; overflow:hidden; display: block; } #more #resources { margin: 10px 0 0 0; width:280px; text-transform: none;} #more #resources h2 { margin:5px 0 5px 0; padding:0 0 0 10px; font-size: 14px; text-transform: uppercase; color: rgb(206, 5, 62); font-weight:bold; } #more #resources a { color: rgb(30, 136, 181); } #more #resources a:hover { color: rgb(147, 18, 170); } #more #resources .listings .widget {float: left; margin: 0 20px 0 0; padding: 0 0 10px 0; width: 120px; display: block; } #more #resources .listings a { color: rgb(30, 136, 181); } #more #resources .listings a:hover { color: rgb(147, 18, 170); } #more #resources .listings { margin: 0 0 20px 0;} #more #resources .listings h3 { margin: 5px 0 0 10px; font-size:10px; line-height:1.5em; margin-bottom:0.3em; text-transform:uppercase; font-family:verdana,arial,helvetica,sans-serif; font-weight: bold; } #more #resources .listings h3 a { color: rgb(0, 0, 0); } #more #resources .listings h3 a:hover { color: rgb(147, 18, 170); } #more #resources .listings p { font: 12px Arial, Helvetica, sans-serif; line-height: 17px; color: rgb(89, 89, 89); text-align:left; } #more #resources .listings .regulars { margin: 0 10px 0 10px; } #more #resources .listings .regulars h4 { margin:8px 0 0 0px; padding:0;font-size: 11px; font-family: verdana,"Times New Roman",Times,serif; font-weight:normal; line-height: 11px;} #more #resources .listings .regulars h4 a { color:rgb(30, 136, 181); } #more #resources .listings .regulars h4 a:hover { color: rgb(147, 18, 170); } #more #resources .listings .regulars p { font: 11px verdana, Arial, Helvetica, sans-serif; color: rgb(89, 89, 89); text-align:left; margin: 0; } #more #resources .listings ul { margin: 5px 0 0 5px; } #more #resources .listings li { list-style: none; padding: 0 4px 6px 18px; background:url("../images/bullet.png") no-repeat 4px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; text-transform: none; } #more #resources .listings .widget li.feed { background:url("../images/icon-feed.png") no-repeat 4px 1px; } #more #resources .listings .widget li.podcast { background:url("../images/icon-podcast.png") no-repeat 4px 1px; } #more #resources .listings .widget li.story { background:url("../images/icon-story.png") no-repeat 4px 1px; } #more #resources .listings .widget li.mobile { background:url("../images/icon-mobile.png") no-repeat 4px 1px; } #more #resources .listings .widget li.accessibility { background:url("../images/icon-accessibility.png") no-repeat 4px 1px; } #more #resources .listings .widget li.advert { background:url("../images/icon-a.png") no-repeat 4px 1px; } #more #resources .listings p { margin: 0pt 6px 0pt 10px; padding: 0; display: inline; font-family: Arial,Verdana,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(89, 89, 89); } #more #resources .listings p img { vertical-align: middle; margin: 0 0 3px 2px; } #more #resources .flickr { margin: 5px 5px 10px 10px; } #more #resources .flickr img { padding: 5px; } #more #resources .issues_list li { border-bottom: 1px dotted rgb(217, 184, 250); float: left; width: 100%; padding: 10px 0pt; font-family: Georgia,Times New Roman,serif; } #more #resources .issues_list h4 { margin: 5px 0pt; padding: 0pt 0pt 0pt 10px; font-size: 17px; padding-bottom: 12px; } #more #resources .issues_list p { margin: 5px 0pt; padding: 0pt 0pt 0pt 10px; font-size: 11px; line-height: 1.2em; color: rgb(90, 91, 94); } #more #resources div.textBox { float: left; width: 160px; } #more #resources div.imgBox { float: right; display: inline-block; padding: 0 10px 0 0; } #more #resources div.imgBox:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0pt; height: 0pt; } html[xmlns] div.imgBox { display: block; } #more #popular { padding: 0 0 0 0;} #more #popular h2 { margin: 10px 0 5px 0; padding:0px 0 0 10px; font-size: 14px; text-transform: uppercase; color: rgb(206, 5, 62); font-weight:bold; } #more #popular-side { margin: 10px 0 0 -20px; width:280px; } #more #popular-side h2 { margin: 10px 0 5px 0; padding:0px 0 0 10px; font-size: 14px; text-transform: uppercase; color: rgb(206, 5, 62); font-weight:bold; } #more #tabs2-3 { text-transform: lowercase; font: Arial, verdana, Helvetica, sans-serif;} #more #tabs2 ul li { font-size: 11px; } #more .tablist { margin: 5px 0 3px 10px; padding: 0; line-height: 14px; } #more .tablist ul { } #more .tablist li { list-style: none; padding: 0 4px 6px 18px; background:url("../images/bullet.png") no-repeat 1px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 11px; text-transform: none; } #more .tablist li a, #more .tablist li a:visited { color: rgb(30, 136, 181); } #more .tablist li a:hover { color: rgb(147, 18, 170); } #more #resources #tabs2 li { list-style: none; } #selectfieldlarge { margin: 0 0 0 10px; padding: 5px; border: rgb(224, 224, 224) 1px solid; padding: 2px; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Sans-Serif; } #NewsletterInput { margin: 0 8px 0 10px; padding: 5px; width: 50%; float: left; font-size: 11px; border: solid thin rgb(224, 224, 224); } #more #resources button { border: medium none ; margin: 0pt; background: transparent url('../images/button-subscribe.png') no-repeat 0pt 0pt ! important; overflow: hidden; width: 82px; height: 28px; text-indent: -1000px; cursor: pointer; float: left; } #ad { float:left; background: rgb(255, 255, 255); width:270px; margin: 10px 0 0 0; padding: 0px 0px 0 10px; overflow:hidden; display: block; clear: both; } /* Facts + Figures (left + sidemenu) -----------------------------------------------------------------------------*/ #facts { float:left; width:630px; } #facts h2 { margin:10px 0 10px 0; padding:0px 0 0 10px; font-size: 14px; text-transform: uppercase; color: rgb(206, 5, 62); font-weight:bold; } #facts #figures-left { float: left; display:block; margin: 0px 10px 0 10px; padding: 0 0 0 0; width: 180px; } #facts h3 { margin:0; padding:0; font-size: 4em; font-family: Arial,Georgia,"Times New Roman",Times,serif; color:rgb(133, 133, 133); font-weight: bold; line-height: 1.2 } #facts p {font: 12px Arial, Helvetica, sans-serif; line-height: 18px; color: rgb(89, 89, 89); text-align:left; } #facts a { color: rgb(30, 136, 181); } #facts a:hover { color: rgb(147, 18, 170); } /* Secondary Pages - Content (NEWS) -----------------------------------------------------------------------------*/ #content #page-header { background: transparent url('../images/bg-page-header.png') no-repeat scroll -5px 0px; height: 37px; opacity: 1; margin: 0 0 0 0; width: 960px; padding: 15px 0 0 15px; font: 11px verdana,Arial,Helvetica,sans-serif; color: rgb(153,153,153); } #content #page-head { width: 960px; border-bottom: 1px solid rgb(238, 238, 238); margin: 0 0 0 -5px; padding: 0; } #content #page-head h1 { margin: 0; padding: 0px 20px 30px 20px; font-size: 2em; color: rgb(52, 58, 62); font-family: Georgia,Arial,Helvetica,sans-serif; } #content a { color: rgb(30, 136, 181); } #content a:hover { color: rgb(147, 18, 170); } #content-primary { float:left; background: rgb(255, 255, 255); width:620px; margin: 0 0 0 0; padding: 0px 0px 10px 20px; overflow:hidden; } #content-primary h2 { font-family: Arial,Helvetica,sans-serif; color: rgb(65, 113, 7); font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.4em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; letter-spacing: -1px; margin-top: 0.5em; clear: left; } #content-primary h3 { font-family: Arial,Helvetica,sans-serif; color: rgb(104, 180, 11); font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; letter-spacing: -1px; margin-top: 30px; clear: left; } #content-primary p { font:normal 15px georgia,verdana, Arial, Helvetica, sans-serif; color: rgb(52, 58, 62); line-height: 1.5; margin: 1em 0 1.6em 0; } #content-primary { font:normal 15px georgia,verdana, Arial, Helvetica, sans-serif; color: rgb(52, 58, 62); line-height: 1.5; margin: 1em 0 1.6em 0; } #content-primary blockquote { font:normal 18px georgia,verdana, Arial, Helvetica, sans-serif; color: rgb(52, 58, 62); line-height: 1.5; margin: 1em 0 1.6em 0; } #content-primary blockquote p { font:normal 18px georgia,verdana, Arial, Helvetica, sans-serif; color: rgb(52, 58, 62); line-height: 1.5; margin: 1em 0 1.6em 0; } #content-primary p.small { font:normal 11px verdana, Arial, Helvetica, sans-serif; color: rgb(52, 58, 62); margin: 0 0 10px 0; } #content-primary .list { margin: 0; padding: 0; } #content-primary .list dl { margin: 0 0 10px 0; } #content-primary .list dt { font-family: georgia, Arial, sans-serif; font-size: 18px; line-height: 1em; font-weight: normal; margin: 5px 0 5px 0; } #content-primary .list dd { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 12px; line-height: 1.4em; font-weight: normal; font-size: 12px; color: #333333; } #content-primary .list dd.posted { margin: 5px 0 10px 0; padding: 0 0 5px 0; font-size: 10px; color: #888888; border-bottom: 1px solid #eee; } #content-primary a { color: rgb(30, 136, 181); } #content-primary a:hover { color: rgb(147, 18, 170);} #content-primary p.caption { margin: 0pt 10px 0pt 12px; padding: 0pt 0pt 10px; font-size: 0.69em; line-height: 1.5em; color: rgb(102, 102, 102); width: 180px; } .image-float { margin: 7px 0pt 20px 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: right; display: block; background: rgb(242, 253, 224); } .image-float img { margin: 0pt 0pt 5px; } .image-float .text { margin: 10px; } .image-wide { margin: 20px 0pt; padding: 0pt; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 670px; background: rgb(242, 253, 224); } .image-wide img { margin: 0pt 0pt 5px; } #content-primary ul { list-style-image: url('../images/bullet.png'); list-style-type: square; margin-bottom: 20px; } #content-primary ul, #content-primary ol { font-family: Verdana, Arial,Helvetica,sans-serif; font-size: 0.8em; line-height: 1.4em; margin-left: 20px; padding-left: 0pt; } #content-primary ol { margin-left: 30px; } #content-primary li { margin: 10px 0pt; } #form-input { margin: 0 8px 0 10px; padding: 5px; width: 50%; float: left; font-size: 11px; border: solid thin rgb(224, 224, 224); } #form-search { border: medium none ; margin: 0pt; background: transparent url('../images/button-search.png') no-repeat 0pt 0pt ! important; overflow: hidden; width: 82px; height: 28px; text-indent: -1000px; cursor: pointer; float: left; } /* Secondary Pages - Content (General) -----------------------------------------------------------------------------*/ #content-general { float:left; background: rgb(255, 255, 255); width:620px; margin: 0 0 0 0; padding: 10px 0px 10px 20px; overflow:hidden; } #content-general h2 { font-family: Arial,Helvetica,sans-serif; color: rgb(65, 113, 7); font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.4em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; letter-spacing: -1px; margin-top: 0.5em; clear: left; } #content-general h3 { font-family: Arial,Helvetica,sans-serif; color: rgb(104, 180, 11); font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; letter-spacing: -1px; margin-top: 30px; clear: left; } #content-general p { font:normal 12px verdana, Arial, Helvetica, sans-serif; line-height: 1.5; margin: 1em 0 1.6em 0; } #content-general a { color: rgb(30, 136, 181); } #content-general a:hover { color: rgb(147, 18, 170);} #content-general ul { } #content-general ul { font-family: Verdana, Arial,Helvetica,sans-serif; font-size: 0.8em; line-height: 1.4em; margin-left: 20px; padding-left: 0pt; } #content-general li { margin: 10px 0 5px 0; list-style-image: url('../images/bullet.png'); list-style-type: square; } /* Secondary Pages - Content (Issues) -----------------------------------------------------------------------------*/ #issue-content { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); margin: 0pt auto; padding: 20px 20px 20px 0; text-align: left; } #issue-content .current-issue { padding: 0pt; margin: 0pt; width: 600px; } #issue-content .current-issue p { font: 12px/1.5 verdana,Arial,Helvetica,sans-serif; } #issue-content .past-issues { float: left; padding: 0pt; margin: 0pt; width: 600px; } #issue-content .past-issues ul, #issue-content .past-issues ul li { list-style-type: none; margin: 0pt; padding: 0pt; } #issue-content .past-issues ul li { display: block; float: left; margin: 0pt 40px 10px 0pt; padding: 0pt; width: 160px; font: 12px/1.5 verdana,Arial,Helvetica,sans-serif; } #issue-content .past-issues ul li span { margin:0; padding: 0; } #issue-content h2#current-issue { background: url('../images/issue-current.gif') no-repeat scroll 0pt 0pt transparent; display: block; height: 40px; margin: 0pt; padding: 0; text-indent: -5000px; width: 600px; } #issue-content h2#past-issues { background: url('../images/issues-past.gif') no-repeat scroll 0pt 0pt transparent; display: block; height: 40px; margin: 0pt; padding: 0; text-indent: -5000px; width: 600px; } a.cover-active img { border: 5px solid rgb(255, 200, 46); height: 244px; width: 190px; margin: 0; padding: 0; } a.cover-hover img { border: 5px solid rgb(219, 239, 251); height: 193px; width: 150px; margin: 0; padding: 0; } a.cover-active:hover, a.cover-hover:hover { color: rgb(0, 51, 102); } a.cover-hover:hover img { border: 5px solid rgb(255, 200, 46); margin: 0; padding: 0; } a.cover-hover, a.cover-hover:link, a.cover-hover:visited { text-decoration: none; } /* Secondary Pages - Content (TOC) -----------------------------------------------------------------------------*/ #toc { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); margin: 0pt auto; padding: 20px 20px 20px 0; text-align: left; } #toc { padding: 0pt; margin: 0pt; width: 620px; } #toc p { font: 10px/1.5 verdana,Arial,Helvetica,sans-serif; } #toc ul { list-style-type: none; margin: 10px 0 0 0; padding: 0; } #toc ul li { display: block; float: left; margin: 0pt 80px 10px 0pt; padding: 0pt; width: 230px; font: 14px verdana,Arial,Helvetica,sans-serif; } #toc h2 { margin: 0; padding: 20px 0 0 0; font: 16px Arial,Helvetica,sans-serif; width: 620px; text-transform: uppercase; clear: both; border-bottom:1px solid rgb(224, 224, 224); } #toc h2 a {font-weight: bold; color: rgb(58, 58, 58);} .toc-image { float: left; padding: 2px 2px 2px 0; } a.toc-image img { border: 2px solid rgb(219, 239, 251); height: 66px; width: 66px; margin: 0 5px 0 0; padding: 0; float: left; } a.toc-image:hover { color: rgb(0, 51, 102); } a.toc-image:hover img { border: 2px solid rgb(255, 200, 46); margin: 0 5px 0 0; padding: 0; } a.toc-image, a.toc-image:link, a.toc-image:visited { text-decoration: none; } /* ************************ Form Tags *************************/ .formfield { border: solid thin rgb(224, 224, 224); font-size: 12px; color: #000000; padding: 5px; font-family: arial; background-color: #ffffff; width: 100px; } .formfieldlarge { border: solid thin rgb(224, 224, 224); font-size: 12px; color: #000000; padding: 5px; font-family: arial; background-color: #ffffff; width: 300px; font-weight:bold;} #category { margin: 0 0 0 10px; padding: 5px; border: rgb(224, 224, 224) 1px solid; padding: 2px; font-weight: normal; font-size: 12px; font-family: Verdana, Arial, Sans-Serif; } input.button { cursor:pointer; margin-top:10px; border:outset 1px #ccc; background:#999; font-size:.9em; color:#666; font-weight:bold; background:url(../images/button-search.png) repeat-x left top; padding:1px; } div.row span.label {text-align: right; font-weight: bold; } div.row span.formw {text-align: left; font-weight: thin;} div.row { text-align: left; margin: 0 0 5px 0; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; color: #333333;} div.spacer { clear: both; } /* ************************ Wordpress Tags *************************/ #content-primary .wp-caption.aligncenter, #content-primary .wp-caption div.aligncenter { display: block; margin-left: auto; margin-right: auto; } #content-primary .wp-caption.alignleft, #content-primary .wp-caption div.alignleft { float:left; margin: 0 10px 10px 0; } #content-primary .wp-caption.alignright, #content-primary .wp-caption div.alignright { float:right; margin: 0 0 10px 10px;} #content-primary .wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3; -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px; padding-top: 4px; margin: 10px 0 10px 0;} #content-primary .wp-caption p { margin: 0; padding: 0; } #content-primary .wp-caption img {margin: 0;padding: 0;border: 0 none;} #content-primary .wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; margin: 0;} #comments .comment-count { margin: 15px 0pt 0pt -9px; padding: 7px 15px 10px 18px; background: rgb(58, 125, 218) none repeat scroll 0% 0%; position: absolute; height: 20px; font-size: 1.4em; font-family: Arial, verdana; z-index: 100; opacity: 0.8;} #comments .comment-count a { padding-right: 15px; color: rgb(255, 255, 255); } #comments .comment-count a:hover { color: rgb(0, 0, 0); } #comments .comment-count a.last { margin-left: 25px; } #comments .comment-count span.wrap { background: transparent url('../images/bg-ribbon.png') no-repeat scroll 0% 0%; display: block; position: absolute; top: -9px; left: 0pt; width: 9px; height: 9px; } #comments p { font:normal 11px verdana, Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); } #comments .avatar { border:1px solid #D9D9D9; } #respond p small { font:normal 11px verdana, Arial, Helvetica, sans-serif; color: rgb(0, 0, 0); } .author { font:1.50em Arial, Helvetica, sans-serif; color:#3c4d54; } .author a:link, .author a:active, .author a:visited { color:#3c4d54; } .author strong span, .author strong span a:link, .author strong span a:active, .author strong span a:visited { color:#6b8894; display:inline; } .author span { font:0.61em Georgia, "Times New Roman", Times, serif; color:#a3aeb2; display:block; } .comment-text { font:1.00em Arial, Helvetica, sans-serif; color:#74868d; line-height:19px; } .comment-content { padding:0; background:#f3f8fa; border-bottom:0; } .commentlist, .commentlist ul { margin:15px 0 0 0; padding:0; list-style:none; } .commentlist li { margin:0; padding:10px; background: #F6F6F6 url(../images/white.gif) repeat-x bottom center; border-bottom:1px solid #d9e1e6; } .commentlist li.alt, .thread-alt { background:#f9fcfd url(../images/white.gif) repeat-x bottom center; } .commentlist li.no-comments { margin:20px 0 0 0; padding:0 30px; background:none; border:0; } .commentlist .children { margin:10px 0 0 0; padding:0; border:1px solid #d9e1e6; } .commentlist .children li { margin:0; padding:20px; border-bottom:1px solid #FFF; } .commentlist li .comment-wrap { position:relative; text-align:left; } .commentlist li .comment-text { margin:0; padding:0; width:auto; height:auto; background:none; } .commentlist li .comment-author { margin:0; padding:0; width:auto; height:auto; } .gravatar { margin:0 10px 0 0; padding:1px 0 0 2px; width:41px; height:40px; background:url(../images/gravatar.gif) no-repeat top center; float:left; } .author { margin:2px 0 0 0; padding:0; width:auto; height:auto; float:left; } /* Breadcrumb (Optional) -----------------------------------------------------------------------------*/ #crumbs { float:left; background: rgb(255, 255, 255); width:950px; margin: 10px 0 0 0; padding: 0 0 0 0; font-family: Arial,Helvetica,"Helvetica Neue","Lucida Grande",Verdana,sans-serif; font-size: 10px; border-bottom: 1px solid rgb(238, 238, 238); border-top: 1px solid rgb(238, 238, 238); } #crumbs ul {} #crumbs li { float:left; line-height:26px; color: rgb(102, 102, 102); padding-left: 10px; font-size: 11px; font-weight: bold; } #crumbs li a.first { margin: 0 0 0 10px; } #crumbs li a { background:url(../images/crumbs.gif) no-repeat right center; display:block; padding:0 15px 0 0; } #crumbs li a:link, #crumbs li a:visited { color: rgb(119, 119, 119); text-decoration:none; } #crumbs li a:hover,#crumbs li a:focus { color:rgb(221, 44, 13); } #crumbs span.top a { float: right; display:block; padding: 5px 20px 0 0; font-weight: bold; color:rgb(0, 0, 0); font-size: 11px; } #crumbs span.top a:hover { color:rgb(221, 44, 13); } /* Footer -----------------------------------------------------------------------------*/ #footer { background: rgb(8, 68, 125) url('../images/bg-footer.gif') repeat-x scroll 100% 0pt; border-top: solid 2px #78b800; } #footer { clear: both; min-height: 140px; height: 220px ! important; margin-top: 40px; } #footer .wrapper { margin-top: 40px; } #footer div { } #footer .wrapper { } #footer li a, #navResources p a, .campus a, .directions a { border-bottom: 1px solid rgb(108, 93, 94); color: rgb(241, 241, 241); cursor: pointer; } #footer li a:hover, #navResources p a:hover, .campus a:hover, .directions a:hover { border-bottom: 1px solid rgb(73, 59, 60); color: rgb(221, 212, 213); } #siteinfo { padding: 0 0 0 5px; width: 200px; float: left; color:rgb(255, 255, 255); } #siteinfo { font-size: 11px; font-family: Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; } #siteinfo .org { font-weight: bold; } #siteinfo address { font-style: normal; } #siteinfo .org { margin: 0 0 10px 0; height: 38px; width: 200px; } #siteinfo .org a { overflow: hidden; background-image: url('../images/uq-logo.gif') ! important; background-repeat: no-repeat ! important; background-color: transparent ! important; display: block; height: 38px; text-indent: -1000px; } #siteinfo .adr { margin: 0 0 5px 0; line-height: 1.4; } #siteinfo .tel { margin: 0 0 5px 0; } #siteinfo .campus { margin: 0 0 5px 0; } #siteinfo .directions { margin: 0 0 5px 0; } #copyright { margin: 0pt; font-size: 11px; width: 200px; } #footer-resources { margin: 0 0px 0 20px; width: 400px; float: left; border-left: 1px dotted rgb(217, 184, 250); } #footer-resources h2 { margin: 0pt 0pt 6px; } #footer-resources h2 { display: none; } #footer-resources h3 { margin: 0pt 0pt 6px; font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 12px; color: rgb(234, 184, 250); text-transform: uppercase; } #footer-resources li { font-size: 11px; font-family: verdana,Arial,sans-serif; } #footer-resources ul { margin: 0pt; list-style-type: none; } #footer-resources li { margin: 0pt 0pt 6px; padding: 0 0 0 12px; background: transparent url('../images/arrow.png') no-repeat scroll 0px 2px; } #footer-resources a { padding: 0pt 1px; } #footer-resources p { color: rgb(255, 255, 255); font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 11px; } #navResources, #navSocial { float: left; } #navResources { padding: 0 20px 0 20px; width: 50%; } #navSocial { padding: 0 0 10px 0; width: 40%; } #navQuick { float: left; padding: 0 0 10px 0; width: 40%; } .member-logo { margin: 0 20px 10px 0; padding: 0 0 2px 0; } .member-logo a:hover { background: none; text-decoration: none; } #footer-right { padding: 0 0 10px 15px; margin: 0; float: left; width: 310px; height: 146px; background: transparent url('../images/footer-device.png') no-repeat scroll 10px -1px ! important; border-left: 1px dotted rgb(217, 184, 250);} #footer-right h3 { margin: 0pt 0pt 6px; font-family: 'Helvetica Neue', Arial,verdana,sans-serif; font-size: 12px; color: rgb(234, 184, 250); text-transform: uppercase; } #footer-right p { margin: 5px 0 12px 0; font-family: verdana, arial, sans-serif; font-size: 11px; color: rgb(255, 255, 255); } #footer-right li { font-size: 11px; font-family: verdana,Arial,sans-serif; } #footer-right ul { margin: 0pt; list-style-type: none; } #footer-right li { margin: 0pt 0pt 6px; padding: 0 0 0 12px; background: transparent url('../images/arrow.png') no-repeat scroll 0px 2px; } p.centenary { padding: 16px 0 0 0; } .opacity-toggle img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } .opacity-toggle:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1.0; } #navExplore, #navLogos { float: left; } #navExplore { padding: 0 20px 0 5px; width: 180px; } #navLogos { padding: 0 0 10px 0; }