body{margin:0;padding:0;background:#fff url(/images/onecle/bg.gif) repeat-x;font-size:90%;} #ocle_container{width:1020px;margin:0 auto;background:#fff;font-family:"Lucida Grande",Arial,Helvetica;} #ocle_logo,#ocle_logo a{margin:5px 0 0 10px;padding:0;display:block;float:left;} #ocle_wrapper{height:57px;border-top:2px solid #c80000;} #ocle_nav{background:#5d7998;height:49px;} #ocle_nav ul{list-style:none;margin:0;padding:0;background:#454545;width:100%;float:left;border-bottom:3px solid #c80000;} #ocle_nav ul li{float:left;font-size:11px;text-transform:uppercase;} #ocle_nav ul li a{display:block;height:35px;line-height:35px;padding:0 30px;color:#fff;text-decoration:none;} #ocle_nav ul li a:hover{background:#000;} #ocle_main{border-left:1px solid #ddd;border-right:1px solid #ddd;} #footer{margin:0;background:none!important;} #footer{padding-left:0;padding-bottom:10px;padding-right:0;height:35px;clear:both;position:relative;left:-1px;width:1022px;} #ocle_footer{background:#ccc;margin:0 1px;height:100px;} .ocle_footerNav{padding:10px;} .ocle_footerNav ul{list-style:none;margin:0;padding:0;font-size:11px;} .ocle_footerNav ul li{display:inline;margin-right:20px;text-transform:uppercase;} .ocle_footerNav ul li a{color:#333;} .ocle_footerNav ul li a:hover{color:#c80000;} .copyright{font-size:11px;color:#666;padding:10px;} a{color:#0c4ea8;text-decoration:underline;} a:hover{text-decoration:underline;color:#c00;} a img{border:none;} h1,h2{margin:0.2em 0em;} div.breadcrumbs {display:inline;font-size:10px;} #content{padding:0;width:973px;color:#333;} h3.lefttitle{font:bold 1.25em Georgia,"Times New Roman",Times,serif;white-space:nowrap;color:#C80000;margin-bottom:0;} div.leftlink{padding:5px;} div.leftlink p{white-space:nowrap;} div.leftlink a{font:13px Georgia,"Times New Roman",Times,serif;text-decoration:none;color:#000000;} div.leftlink a:hover{text-decoration:underline;} div.index li{margin:1em 0;} div.RLindex li{margin:0.4em 0;} h2.index{margin:1em 0;color:#c80000;padding:2px 0;} .gsc-control-cse{font-family:Arial,sans-serif;border-color:#fff;background-color:#fff;} input.gsc-input{border-color:#777;} input.gsc-search-button{border-color:#333;background-color:#333;} .gsc-tabHeader.gsc-tabhInactive{border-color:#777;background-color:#777;} .gsc-tabHeader.gsc-tabhActive{border-color:#333;background-color:#333;} .gsc-tabsArea{border-color:#333;} .gsc-webResult.gsc-result{border-color:#fff;background-color:#fff;} .gsc-webResult.gsc-result:hover{border-color:#000;background-color:#fff;} .gs-webResult.gs-result a.gs-title:link,.gs-webResult.gs-result a.gs-title:link b{color:#0c4ea8;} .gs-webResult.gs-result a.gs-title:visited,.gs-webResult.gs-result a.gs-title:visited b{color:#0c4ea8;} .gs-webResult.gs-result a.gs-title:hover,.gs-webResult.gs-result a.gs-title:hover b{color:#c00;} .gs-webResult.gs-result a.gs-title:active,.gs-webResult.gs-result a.gs-title:active b{color:#777;} .gsc-cursor-page{color:#0c4ea8;} a.gsc-trailing-more-results:link{color:#0c4ea8;} .gs-webResult.gs-result .gs-snippet{color:#333;} .gs-webResult.gs-result .gs-visibleUrl{color:#0c4ea8;} .gs-webResult.gs-result .gs-visibleUrl-short{color:#0c4ea8;} .gsc-cursor-box{border-color:#fff;} .gsc-results .gsc-cursor-page{border-color:#777;background-color:#fff;} .gsc-results .gsc-cursor-page.gsc-cursor-current-page{border-color:#333;background-color:#333;} .gs-promotion.gs-result{border-color:#ccc;background-color:#e6e6e6;} .gs-promotion.gs-result a.gs-title:link{color:#00c;} .gs-promotion.gs-result a.gs-title:visited{color:#00c;} .gs-promotion.gs-result a.gs-title:hover{color:#c00;} .gs-promotion.gs-result a.gs-title:active{color:#0c0;} .gs-promotion.gs-result .gs-snippet{color:#333;} .gs-promotion.gs-result .gs-visibleUrl,.gs-promotion.gs-result .gs-visibleUrl-short{color:#0c0;} .container { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .header, .content, .navigation, .footer { width: 100%; } @media (min-width: 600px) { .header { width:100%; } .content { width:70%; } .navigation { width: 30%; } .footer { width:100%; } } @media (min-width: 800px) { .container { width: 100%; margin-left: auto; margin-right: auto; } } .container { margin: 0px; padding: 0px; width: 100%; } .container div { box-sizing: border-box; min-width: 150px; } .header { background-color: #fff; width:100% position:fixed; white-space: nowrap; } .content { background-color: #fff; padding:0px 10px 0px 10px; } .navigation { background-color: #b4d2f7; padding:0px 10px 0px 10px; } .footer { background-color: #E0E0E0; width:100%; font-size:50%; padding:10px; }