* { margin:0; padding: 0; outline: 0; }

body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; background: #efefef; font-family: "Titillium_Regular", Helvetica, Arial, sans-serif; color: #1b75a7; }

.break { clear: both; }
.last { margin-right: 0!important; }
.left { float: left; margin: 0 10px 10px 0; }

.openquake { color: #1b75a7; }

::-webkit-input-placeholder { color: #ccc; }
:-moz-placeholder { color:    #ccc; }
:-ms-input-placeholder { color:    #ccc; }

p, li { color: #1b75a7; font-size: 12px; line-height: 1.4em; color: #544641; }
h1, h2, h3 { font-weight: normal; font-family: "Intro"}
label { color: #1b75a7; font-size: 11px; line-height: 1.4em;}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
input, textarea, select { vertical-align: top; }

pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* #container, */
/* #topbar, #topbar ul, #topbar li, #topbar h1, */
/* #inner, */
/* #header, */
/* #content, */
/* #breadcrumb, */
/* #sidebar, */
/* #footer, */
/* #footer .topnav, #footer .gemnav, #footer .oqnav, #footer .footersearch */
/* { border: 1px solid red; } */

/* 2223x299+0+0 - OQ-header-bg.png */

/* #bgline { height: 297px; width: 100%; background: #efefef url('../images/OQ-header-bg.png') no-repeat -376px 225px; } */
#bgline { height: 297px; width: 100%; background: #efefef url('../images/OQ-header-bg.png') no-repeat top center; position: absolute; top: 292px; z-index: 1; }

/* 616x4+0+0 - OQ-blue-left.png */

#blueleft { background: transparent url("../images/OQ-blue-left.png") repeat-y; height: 100%; left: 0; position: fixed; top: 0; width: 615px; }
#blueright { background: transparent url("../images/OQ-blue-right.png") repeat-y; height: 100%; right: 0; position: fixed; top: 0; width: 615px; }
#background { background: transparent url("../images/OQ-bg.png") repeat-x; height: 100%; right: 0; position: fixed; top: 0; width: 100%; }

#container { width: 905px; margin: 35px auto 0; position: relative; z-index: 2; }

#topbar { width: 905px; height: 157px; position: relative; }

#topbar h1 { color: #1b75a7; font-size: 108.2px; letter-spacing: -8px; margin-left: 5px; line-height: 1em; font-family: "Intro"; border-top: 10px solid #1b75a7; }
#topbar h1 .open { font-family: "Intro_inline"; }

/* #topbar { background: transparent url('../images/oq-topbar.png') no-repeat; margin-bottom: 10px; position: relative; } */
#topbar { margin-bottom: 10px; position: relative; }
#topbar #title { width: 632px; height: 166px; }
#topbar .logo { height: 151px; position: absolute; right: 0; top: -1px; width: 232px; overflow: hidden; }
#topbar .logo a { float: left; width: 100%; height: 100%; text-indent: -100000px; background: transparent url("../images/OQ-icon.png") no-repeat; }
#topbar .logo a:hover { background-position: 0 -154px; }

/* 232x308+0+0 - OQ-icon.png */


#topbar .nav { height: 45px;  position: relative; z-index: 10000; width: 700px; margin-left: -3px; }
#topbar .nav a { height: 45px; line-height: 45px; padding-left: 5px; font-family: "Titillium_Regular"; font-size: 18px; color: #1b75a7; text-transform: uppercase; float: left; }
#topbar .nav ul { list-style: none;}
#topbar .nav li { display: inline-block; margin: 0; vertical-align: top; margin-right: 10px; }
#topbar .nav li ul { margin: 0; width: 250px; overflow: hidden; display: none; position: absolute; top: 44px; left: 0; background: #fff; color: #1b75a7; }
#topbar .nav li ul li { display: inline-block; margin: 0; width: 100%; }
#topbar .nav li ul li ul { margin: 0; width: 100%; overflow: hidden; display: block; position: static; }
#topbar .nav li ul li ul li { display: inline-block; margin: 0; width: 100%; }
#topbar .nav li a { height: 100%; float: left; font-family: Intro; font-size: 2.4em; }
#topbar .nav li ul li a { font-family: Titillium_Regular;}
/* #topbar .nav li ul li a { background: #ccc; color: #fff; font-size: 12px; height:35px; line-height: 35px;  } */
#topbar .nav li ul li a { background: #fff; color: #075975; font-size: 14px; height:35px; line-height: 35px;  }
#topbar .nav li ul li ul li a { padding-left: 25px; font-size: 12px; height: 25px; line-height: 25px; }
#topbar .nav a:hover { text-decoration: none; }
#topbar .nav li a:hover { background: #fff; color: #1b75a7; }
#topbar .nav li ul li a:hover { background: #fff; color: #1b75a7;}
#topbar .nav li.ancestor a { background: #fff; color: #1b75a7;}
#topbar .nav li.ancestor ul li a { background: #fff; color: #1b75a7; }
#topbar .nav li.selected a { background: #fff; color: #1b75a7; }

#topbar .nav li ul li a:hover { background: #1b75a7; color: #fff; }
#topbar .nav li ul li ul li a:hover:before{content:"\3E\ "; } 

#submenu { height: 33px; margin-bottom: 20px; overflow: hidden; }
#submenu ul { list-style: none; }
#submenu li { display: inline-block; line-height: normal; height: 36px; line-height: 34px; overflow: hidden; }
#submenu li.current span { font-family: Intro; font-size: 21px; color: #1b75a7; background: #fff; padding: 10px; }
#submenu li span { font-family: Intro; font-size: 21px; color: #1b75a7; background: transparent; padding: 10px 0; }
#submenu li a { font-family: Intro; font-size: 21px; color: #1b75a7; background: transparent; padding: 10px; }
#submenu li a:hover { background: #fff; text-decoration: none; }


    #topbar .nav li { margin: 0; position: relative; margin-right: 42px;}
    #topbar .nav li a { padding: 0 12px; }
    #topbar .nav li ul li a { width: 100%; }
    #topbar .nav li.selected ul li a { width: 100%; }

/*************************************************/
/* #topbar .nav li ul { display: block; } */

#topbar { width: 905px; margin: 40px auto 0; height: 120px; }
#bgline { top: 193px; }

#topbar h1 { margin: 0; }

#topbar .textarea { height: 75px; line-height: 75px; overflow: hidden; }
#topbar .textarea h1 { height: 75px; line-height: 75px; }
#topbar .nav { width: 100%; height: 45px; margin: 0; }
#topbar .nav ul { height: 45px; position:absolute; width: 100%; }
#topbar .nav ul li { width: auto; position: static; }
#topbar .nav ul li { margin-right: 20px; }
#topbar .nav ul li:last-child { margin: 0; float: right; }
#topbar .nav ul li:last-child a { padding-right: 0; }
#topbar .nav ul li a { padding: 0px 10px 0; }
#topbar .nav ul li a:hover { background: #1b75a7; color: #fff; }
#topbar .nav ul li ul { width: 100%; position: absolute; top: 45px; left: 0; background: #fff; padding: 30px; height: auto; width: 600px; overflow: visible; }
#topbar .nav ul li ul li { width: 25%; background: transparent; display: block; float: left; margin-bottom: 20px; margin-right: 20px; }
#topbar .nav ul li ul li a { font-size: 18px; background: transparent; padding: 0; }
#topbar .nav ul li ul li a:hover { background: #1b75a7!important; color: #fff; }
#topbar .nav ul li ul li ul { position: static; padding: 0; }
#topbar .nav ul li ul li ul li a { font-size: 14px; background: transparent; padding: 0;  }
#topbar .nav ul li ul li ul li a:hover:before{content:""; } 
#topbar .nav ul li ul li ul li a:hover { background: #1b75a7; color: #fff; }

#topbar .nav ul li.selected a { background: #fff; color: #1b75a7; }
#topbar .nav ul li.selected ul li a { background: transparent; padding: 0; }

#topbar .nav ul li .text { width: 265px; height: 100%; position: absolute; top: 0; right: -265px; background: #fff; color: #1b75a7; } 
#topbar .nav ul li .text .inner { padding-left: 5%; margin-top: 10%; width: 90%; border-left: 1px solid #fff; }
#topbar .nav ul li .text .wrap { padding: 20px; }
#topbar .nav ul li .text h3 { padding: 0; color: #1b75a7; font-family: "Titillium_Regular"; font-size: 18px; }
#topbar .nav ul li .text p { padding: 0; color: #1b75a7; }

#topbar .nav li.ancestor ul li a { color: #1b75a7; background: none; }

/* #topbar .nav ul li.selected a { background: #fff; color: #1b75a7; } */
#topbar .nav ul li.selected a { background: #1b75a7; color: #fff; }
#topbar .nav ul li.selected ul li a { background: transparent; padding: 0; }

#topbar #search_subnav { position: absolute; top: 45px; right: 0; width: 250px; height: 110px; background: #1b75a7; overflow: hidden; display: none; }
#topbar #search_subnav form { padding: 10px 20px; }
#topbar #search_subnav input { border: 0; padding: 10px 0; width: 100%; color: #1b75a7; }
#topbar #search_subnav .tositemap { border-top: 1px solid #ccc; position: absolute; bottom: 0; left: 0; height: 30px; line-height: 30px; width: 100%; padding: 5px; }
#topbar #search_subnav .tositemap a { background: none; color: #fff; padding: 0; font-size: 12px; background: none!important; line-height: 30px; padding-left: 10px; }
#topbar #search_subnav .magnifier { width: 22px; height: 22px; position: absolute; top: 18px; right: 25px; background: transparent url('../images/search_images.png') no-repeat; background-position: -109px -24px; text-indent: -10000px; overflow: hidden; border: 0; }
/* #topbar .nav ul li.over a { background: #fff; color: #1b75a7; } */

/*************************************************/

#header { width: 905px; height: 352px; }
#header { background: #1b75a7; position: relative; z-index: 1000; }
#header .wrap { padding: 20px 40px 5px; }
#header .inbrief { width: 273px; float: right; background: #1B75A7; }
/* #header .inbrief { width: 273px; height: 100%; float: right; } */
#header .inbrief h3 { color: #fff; font-size: 32px; border-bottom: 4px solid #fff; margin-bottom: 10px; line-height: 1em; float: left;}
#header .inbrief p { color: #fff; font-size: 14px; clear: both; }
#header .inbrief .wrap { padding: 40px; }

#header .image { width: 632px; height: 100%; float: left; position: relative; overflow: hidden; }
#header .image img { width: 632px; height: 297px; }

/* #header .image .text { position: absolute; top: 130px; left: 30px; } */
/* #header .image .text p { clear: both; color: #fff; float: left; font-size: 80px; letter-spacing: -2px; line-height: 70px; padding: 10px 10px 5px; font-family: "Titillium_Bold"; } */

#header .image .text { position: absolute; bottom: 30px; left: 30px; }
#header .image .text p { background: #1b75a7; clear: both; color: #FFFFFF; float: left; font-size: 44px; letter-spacing: -2px; line-height: 41px; padding: 10px 10px 5px; }

#breadcrumb { height: 38px; background: transparent url('../images/OQ-breadcrumb.png') repeat; padding: 0 10px; overflow: hidden; }
#breadcrumb a { line-height: 38px; color: #1b75a7; font-family: "Titillium_Bold"; font-size: 14px; float: left; }
#breadcrumb p { line-height: 38px; color: #1b75a7; font-family: "Titillium_Bold"; font-size: 14px; float: left; }
#breadcrumb p.gt { padding: 0 4px; }

#content { width: 603px; float: left; background: #fff; }
#content .wrap { padding: 35px; }
#content p { margin-bottom: 20px; color: #000; font-size: 15px; }
#content a { color: #727477; font-weight: normal; font-family: "Titillium_Bold"; text-decoration: none; }
#content a:hover { background: #1b75a7; color: #fff; }
#content li { color: #1b75a7; font-size: 14px; }

#content h2 { color: #1b75a7; font-size: 26px; font-family:"Intro"; line-height: 1em; background: transparent url('../images/h2arrow_oq.png') no-repeat center left; padding-left: 20px; border-bottom: 1px solid #a9c4d8; margin-bottom: 16px; padding-bottom: 13px; background-position: 0 2px; float: left; }

#content h2 { display: inline-block; }
#content h3 { margin-bottom: 10px; font-size: 20px; }
#content h3 { color: #1b75a7; font-size: 20px; clear: both;  }
#content h4 { font-family: 'Titillium_Bold'; font-size: 18px; font-weight: normal; margin-bottom: 10px; }
#content h5 { color: #544641; font-family: 'Titillium_Bold'; font-size: 14px; font-weight: normal; margin-bottom: 5px; }
#content code { font-size: 12px; color: #666; word-wrap: break-word; }
#content blockquote { }
#content blockquote p { font-size: 18px; color: #1b75a7; line-height: 1.2em; padding: 15px; }

#content p { margin-bottom: 15px; font-size: 14px; clear: both; }
#content ul { margin-bottom: 20px; padding-left: 20px; }
#content ol { margin-bottom: 20px; padding-left: 20px; }
#content table { border-collapse: collapse; margin-bottom: 40px; border: 0; }
#content table caption { background: #eee; }
#content td { border-collapse: collapse; padding: 5px; vertical-align: top; font-size: 12px; }
#content td p { font-size: 12px; }
#content table h2 { border: 0; }
#content table.border td { border: 1px solid #c0bcba; }
#content pre { margin-bottom: 20px; }

#content .tags p.title { margin-right: 5px; float: left; }
#content .tags p.tags a { font-family: "Titillium_Regular"; text-decoration: none; }

#downloads { background: #FFF; margin-bottom: 20px; padding: 40px; }
#downloads ul { list-style: none; margin: 0; padding: 0; clear: both; }
#downloads li { height: 36px; line-height: 36px; margin-bottom: 10px; }
#downloads li a { text-decoration: none; }
#downloads .pdf { width: 33px; background: transparent url('../images/Downloads-pdf.png') no-repeat; margin-right: 10px; height: 36px; float: left; }
#downloads .img { width: 33px; background: transparent url('../images/Downloads-image.png') no-repeat; margin-right: 10px; height: 36px; float: left; }
#downloads .other { width: 33px; background: transparent url('../images/Downloads-other.png') no-repeat; margin-right: 10px; height: 36px; float: left; }

#content .picture { width: 510px; position: relative; overflow: hidden; margin-bottom: 20px; }
#content .picture .caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px;  background: #333; opacity:.50; filter:alpha(opacity=50); filter:"alpha(opacity=50)"; }
#content .picture .caption p { font-size: 14px; color: #fff; margin: 0; padding-right: 40px; }
#content .picture #caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px;  background: #333; opacity:.50; filter:alpha(opacity=50); filter:"alpha(opacity=50)"; z-index: 10000; }
#content .picture #caption p { font-size: 14px; color: #fff; margin: 0; padding-right: 40px; }

#content .picture { width: 530px; position: relative; overflow: hidden; margin-bottom: 20px; }
#content .picture .caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px;  background: #333; opacity:.65; filter:alpha(opacity=65); filter:"alpha(opacity=50)"; }
#content .picture .caption p { font-size: 14px; color: #fff; margin: 0; padding-right: 40px; }
#content .picture #caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px;  background: #333; opacity:.50; filter:alpha(opacity=50); filter:"alpha(opacity=50)"; z-index: 10000; }
#content .picture #caption p { font-size: 14px; color: #fff; margin: 0; padding-right: 40px; }

#content .piclow { width: 180px; float: left; margin-right: 30px; }
#content .piclow img { width: 180px; }

#content .picmedium { width: 245px; float: left; margin-right: 30px; }
#content .picmedium img { width: 245px; }

#content .right { float: right; margin-left: 0; margin-right: 0; }

#content { background: transparent; }
#content { padding-top: 10px; margin: 10px 0; }
#content .wrap { padding: 0; }

#content .textarea { padding: 40px; margin-bottom: 20px; background: #fff; clear: both; }
#content .halftextarea { padding: 40px; margin-bottom: 20px; background: #fff; width: 210px; margin-right: 20px; overflow: hidden; float: left;  }
#content .halftextarea img { width: 210px; }


#content .search { margin: 0 auto; margin-bottom: 20px; position: relative; margin-bottom: 0; }
#content .search h3 { color: #fff; font-size: 32px; font-family:"Intro"; line-height: 1em; border-bottom: 1px solid #fff;  margin-bottom: 16px; padding-bottom: 10px; }
#content .search .wrap { padding: 20px; }
#content .search { background: #918885; }
#content .search input { color: #fff; background: #918885; border: 0; border-bottom: 1px solid #fff; padding: 5px 0; width: 430px; }
#content .search .magnifier { background: transparent url('../images/box-magnifier.png') no-repeat; width: 37px; height: 35px; position: absolute; right: 25px; top: 70px; cursor: pointer; text-indent: -10000px; }

#content hr { height: 20px; margin-bottom: 40px; margin-left: -40px; margin-top: 40px; width: 630px; background: #f0f0f0; }

#sidebar { width: 273px; float: right; margin-top: 20px; }
#sidebar .box { width: 297px; margin: 0 auto; margin-bottom: 20px; position: relative; }
#sidebar .box h3 { color: #fff; font-size: 32px; font-family:"Intro"; line-height: 1em; border-bottom: 1px solid #fff;  margin-bottom: 16px; padding-bottom: 10px; }
#sidebar .box .wrap { padding: 20px; }

#sidebar .readabout { width: 100%; height: 134px; background: transparent url('../images/OQ-readmore-arrow.png') no-repeat -12px 0; }
#sidebar .readabout a { color: #fff; font-family: Intro; font-size: 46px; line-height: 44px; float: left; padding-left: 100px; }
#sidebar .readabout a:hover { color: #544641; text-decoration: none; }

#sidebar .downloads { background: #9bbfd3 url('../images/oq-downloads-bg.png') no-repeat top right; }
#sidebar .downloads h3 { font-size: 24px; }
#sidebar .downloads ul { list-style-image: url('../images/oq-downloads-arrow.png'); padding-left: 15px; }
#sidebar .downloads li { padding: 5px 0; border-bottom: 1px solid #fff; }
#sidebar .downloads li.last { border: 0; }
#sidebar .downloads a { color: #fff; }

#sidebar .search { background: #a9c4d8; width: 100%; }
#sidebar .search input { color: #fff; background: #a9c4d8; border: 0; border-bottom: 1px solid #fff; padding: 5px 0; width: 180px; }
#sidebar .search .magnifier { background: transparent url('../images/oq-box-magnifier.png') no-repeat; width: 55px; height: 49px; position: absolute; right: 25px; top: 70px; cursor: pointer; text-indent: -10000px; }

#sidebar .teaser { background: #a9c4d8; width: 100%; }
#sidebar .teaser h3 { background: transparent url('../images/featured-bg.png') no-repeat center right; height: 32px; line-height: 32px; background-position: 175px -2px; }
#sidebar .teaser .slides h3 { font-size: 24px; color: #fff; text-decoration: none; margin-bottom: 5px; border: 1px solid red; } 
#sidebar .teaser .slides h3 a { font-size: 24px; color: #fff; text-decoration: none; } 

#sidebar .teaser .slides { position: relative; width: 100%; height: 230px; overflow: hidden;  }
#sidebar .teaser .slide1 { position: relative; width: 100%; height: 230px; overflow: hidden;  }
#sidebar .teaser .slide1 img { width: 257px; }
#sidebar .teaser .slide1 h3 { position: absolute; bottom: 10px; left: 5%; padding: 5px 0; font-size: 22px; font-weight: normal; color: #fff; text-align: left; width: 90%; text-transform: uppercase; background: none; padding: 0; margin: 0; border: 0; height: auto; line-height: 1.2em; }
#sidebar .teaser .slide2 { padding: 15px; }
#sidebar .teaser .slide2 p { font-size: 12px; font-weight: normal; color: #fff; }
#sidebar .teaser .slide2 h4 { margin-bottom: 5px; padding: 5px 0;  }
#sidebar .teaser .slide2 h4 a { font-size: 18px; font-family: "Titillium_Bold"; font-weight: normal; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none;  }

#sidebar .textarea { background: #f7f7f7; width: 100%; }
#sidebar .textarea .image { width: 230px; }
#sidebar .textarea .image img { width: 230px; }
#sidebar .textarea .picfull { width: 230px; }
#sidebar .textarea .picfull img { width: 230px; }
#sidebar .textarea .picmedium { width: 230px; }
#sidebar .textarea .picmedium img { width: 230px; }
#sidebar .textarea p { color: #000; }
#sidebar .textarea a { color: #000; }
#sidebar .textarea a:hover { background: #1b75a7; color: #fff; text-decoration: none; }

#sidebar .feed { background: transparent; width: 296px; }
#sidebar .feed .wraptitle { background: transparent; padding: 20px 20px 10px 20px; }
#sidebar .feed .wrap { background: #f7f7f7; }
#sidebar .feed h3 { font-size: 24px; color: #1b75a7; text-decoration: none; border: 0; margin: 0; }
#sidebar .feed ul { list-style: none; }
#sidebar .feed li { padding: 8px 0; border-bottom: 1px solid #c8c1c0; } 
#sidebar .feed li.last { border: 0; }
#sidebar .feed li a { font-size: 13px; color: #1b75a7; text-decoration: none; }

#sidebar .covernews { background: transparent; width: 100%; }
#sidebar .covernews .wraptitle { background: transparent; padding: 20px 20px 10px 20px; }
#sidebar .covernews .wrap { background: #f7f7f7; }
#sidebar .covernews h3 { font-size: 24px; color: #1b75a7; text-decoration: none; border: 0; margin: 0; }
#sidebar .covernews ul { list-style: none; }
#sidebar .covernews li { padding: 8px 0; border-bottom: 1px solid #c8c1c0; height: 185px;margin-bottom: 20px;  } 
#sidebar .covernews li a { font-size: 13px; color: #1b75a7; text-decoration: none; }
#sidebar .covernews li a:hover { text-decoration: underline; }
#sidebar .covernews li .image { width: 80px; height: 100px; float: left; overflow: hidden; }
#sidebar .covernews li .text { margin-left: 90px; }
#sidebar .covernews li h3 { word-wrap: break-word;}
#sidebar .covernews li h3 a { font-size: 14px; color: #1b75a7; line-height: 1.1em; }
#sidebar .covernews li .info { color: #1b75a7; }
#sidebar .covernews li .info a { color: #1b75a7; }
#sidebar .covernews li .tags { color: #1b75a7; margin-top: 5px; }
#sidebar .covernews li .tags a { font-size: 11px; }

#sidebar .publications { background: transparent; width: 100%; }
#sidebar .publications .wraptitle { background: transparent; padding: 20px 20px 10px 20px; }
#sidebar .publications .wrap { background: #f7f7f7; }
#sidebar .publications h3 { font-size: 24px; color: #1b75a7; text-decoration: none; border: 0; margin: 0; }
#sidebar .publications ul { list-style: none; }
#sidebar .publications li { padding: 8px 0; border-bottom: 1px solid #c8c1c0; height: 145px;margin-bottom: 20px;  } 
#sidebar .publications li a { font-size: 13px; color: #1b75a7; text-decoration: none; }
#sidebar .publications li a:hover { text-decoration: underline; }
#sidebar .publications li .image { width: 80px; height: 100px; float: left; overflow: hidden; }
#sidebar .publications li .text { margin-left: 90px; }
#sidebar .publications li h3 { word-wrap: break-word;}
#sidebar .publications li h3 a { font-size: 14px; color: #1b75a7; line-height: 1.1em; }
#sidebar .publications li .info { color: #1b75a7; }
#sidebar .publications li .info a { color: #1b75a7; }
#sidebar .publications li .tags { color: #1b75a7; margin-top: 5px; }
#sidebar .publications li .tags a { font-size: 11px; }

#sidebar .news { background: transparent; width: 100%; }
#sidebar .news .wraptitle { background: transparent; padding: 20px 20px 10px 20px; }
#sidebar .news .wrap { background: #f7f7f7; }
#sidebar .news h3 { font-size: 24px; color: #1b75a7; text-decoration: none; border: 0; margin: 0; }
#sidebar .news ul { list-style: none; }
#sidebar .news li { padding: 8px 0; border-bottom: 1px solid #c8c1c0; height: 185px;margin-bottom: 20px;  } 
#sidebar .news li a { font-size: 13px; color: #1b75a7; text-decoration: none; }
#sidebar .news li a:hover { text-decoration: underline; }
#sidebar .news li .image { width: 80px; height: 100px; float: left; overflow: hidden; }
#sidebar .news li .text { margin-left: 90px; }
#sidebar .news li h3 { word-wrap: break-word;}
#sidebar .news li h3 a { font-size: 14px; color: #1b75a7; line-height: 1.1em; }
#sidebar .news li .info { color: #1b75a7; }
#sidebar .news li .info a { color: #1b75a7; }
#sidebar .news li .tags { color: #1b75a7; margin-top: 5px; }
#sidebar .news li .tags a { font-size: 11px; }

#sidebar .tagcloud { background: #fff; width: 100%; }
#sidebar .tagcloud h3 { font-size: 24px; color: #1b75a7; text-decoration: none; margin-bottom: 5px; } 
#sidebar .tagcloud h3 a { font-size: 24px; color: #1b75a7; text-decoration: none; } 
#sidebar .tagcloud ul { list-style: none; }
#sidebar .tagcloud li { margin: 5px; float: left; clear: both; line-height: 1.4em; }  
#sidebar .tagcloud li a { font-size: 16px; color: #544641; text-decoration: none; }
#sidebar .tagcloud li a:hover { color: #1b75a7; }

#sidebar .tagcloud a.tag10 { font-size: 24px; }
#sidebar .tagcloud a.tag9 { font-size: 24px; }
#sidebar .tagcloud a.tag8 { font-size: 24px; }
#sidebar .tagcloud a.tag7 { font-size: 21px; }
#sidebar .tagcloud a.tag6 { font-size: 18px; }
#sidebar .tagcloud a.tag5 { font-size: 15px; }
#sidebar .tagcloud a.tag4 { font-size: 12px; }
#sidebar .tagcloud a.tag3 { font-size: 12px; }
#sidebar .tagcloud a.tag2 { font-size: 12px; }
#sidebar .tagcloud a.tag1 { font-size: 12px; }

#sidebar .stats { height: 170px; }
#sidebar .stats .stat1 { background: #1b75a7; width: 128px; height: 170px; float: left; margin-right: 10px; }
#sidebar .stats .stat2 { background: #1b75a7; width: 128px; height: 170px; float: left; }
#sidebar .stats .number { color: #ffffff; width: 110px; margin-left: 8px; margin-top: 10px; overflow:hidden; text-align: center; position: relative; }
#sidebar .stats .number span { line-height: 0.8em; font-family: "Intro",Helvetica,Arial,sans-serif; }
#sidebar .stats .text   { color: #544641; float: left; padding: 5px 10px; }
#sidebar .stats .stat { background: #fff; width: 270px; height: 170px; float: left; margin-right: 10px; }
#sidebar .stats .stat .number { color: #ffffff; width: 250px; margin-left: 8px; margin-top: 10px; overflow:hidden; text-align: center; position: relative; }
#sidebar .stats .stat .number span { line-height: 0.8em; font-family: "Intro",Helvetica,Arial,sans-serif; }
#sidebar .stats .stat .text { width: 230px; padding: 5px 20px; }
#sidebar .stats p { color: #fff; }

#sidebar .share { background: #9bbfd3; }
#sidebar .share ul { list-style: none; }
/* #sidebar .share li { padding: 5px 0; border-bottom: 1px solid #fff; } */
/* #sidebar .share li.last { border: 0; } */
/* #sidebar .share a { color: #fff; } */

#sidebar .share li { width: 52px; height: 64px; float: left; margin-right: 16px; }
#sidebar .share li a { float: left; width: 100%; height: 100%; text-indent: -10000px; overflow: hidden; }
#sidebar .share li .last { margin:0; }

#sidebar .share li.facebook a { background: transparent url('../images/share-facebook.png') no-repeat; }
#sidebar .share li.twitter a { background: transparent url('../images/share-twitter.png') no-repeat; }
#sidebar .share li.gplus a { background: transparent url('../images/share-gplus.png') no-repeat; }
#sidebar .share li.linkedin a { background: transparent url('../images/share-linkedin.png') no-repeat; }

#sidebar .share li.facebook a:hover { background: transparent url('../images/share-facebook-on.png') no-repeat; }
#sidebar .share li.twitter a:hover { background: transparent url('../images/share-twitter-on.png') no-repeat; }
#sidebar .share li.gplus a:hover { background: transparent url('../images/share-gplus-on.png') no-repeat; }
#sidebar .share li.linkedin a:hover { background: transparent url('../images/share-linkedin-on.png') no-repeat; }


#sidebar .events { background: #f7f7f7; width: 100%; }
#sidebar .events h2 { color: #1b75a7; border-bottom: 1px solid #1b75a7; font-size: 32px; line-height: 1em; margin: 0; padding: 0; margin-bottom: 16px; padding-bottom: 10px; }
#sidebar .events h2 a { color: #1b75a7; font-size: 32px; line-height: 1em; }
#sidebar .events h2 a:hover { background: #1b75a7; color: #fff; text-decoration: none; }
#sidebar .events h3 { bordeR: 0;  margin: 5px 0;}
#sidebar .events h3 a { color: #1b75a7; border-bottom: 0; font-size: 18px; line-height: 1em; margin: 0; padding: 0; }
#sidebar .events h3 a:hover { background: #1b75a7; color: #fff; text-decoration: none; }
#sidebar .events .event { border-bottom: 1px solid #1b75a7; margin-bottom: 10px; padding-bottom: 10px; }
#sidebar .events .date { font-size: 16px; }
#sidebar .events .last { border: 0; padding-bottom: 0; margin-bottom: 0; }

#footer { min-height: 210px; height: auto!important; height: 210px; width: 905px; margin-top: 70px; margin-bottom: 20px; }
#footer { background: transparent url('../images/footer-circles.png') no-repeat -95px -38px; padding-bottom: 80px; position: relative;  }

#footer .footerlogo { width: 118px; height: 98px; position: absolute; top: 114px; left: 15px; }
#footer .footerlogo a { float: left; width: 100%; height: 100%; background: transparent url('../images/oq-footerlogo.png') no-repeat; text-indent: -100000px; }


#footer .topnav { height: 70px; border-bottom: 4px solid #fff; margin-bottom: 15px; padding-bottom: 15px; }
#footer .topnav .links { float: right; padding-top: 30px; }
#footer .topnav .links span     { text-indent: 0; color: #fff; font-family: "Intro"; line-height: 0.8em; font-size: 55px; height: 43px;   }
#footer .topnav .links .gem      { height: 43px; width: 121px; }
#footer .topnav .links .gem     { text-indent: 0; color: #fff; font-family: "Intro"; line-height: 0.8em; font-size: 55px; letter-spacing: -3px; }
#footer .topnav .links .gem:hover { text-decoration: none; color: #544641;  }
#footer .topnav .links .oq       { height: 43px; width: 93px; }
#footer .topnav .links .oq     { text-indent: 0; color: #fff; font-family: "Intro_inline"; line-height: 0.8em; font-size: 55px; letter-spacing: -3px;  }
#footer .topnav .links .oq:hover { text-decoration: none;color: #1b75a7;  }

#footer .topnav .footersearch { float: left; width: 337px; padding-top: 45px; }
#footer .topnav .footersearch label  { color: #1b75a7; text-decoration: none; line-height: 1.4em; float: left; padding: 0 10px; line-height: 18px; }
#footer .topnav .footersearch input { width: 115px; height: 18px; float: left; border: 0; background: #fff; color: #1b75a7; }
#footer .topnav .footersearch a { width: 18px; height: 18px; float: left; text-indent: -10000px; background: transparent url('../images/footer_searchbutton.png') no-repeat; }

/* #footer .gemnav { width: 472px; height: 100px; float: left; padding-left: 160px; background: transparent url('../images/oq-footerlogo.png') no-repeat 15px 8px; } */
#footer .gemnav { width: 432px; height: 100px; float: left; padding-left: 160px; }
#footer .gemnav ul { list-style: none; width: 310px; padding: 15px; padding-right: 0; float: left; }
/* #footer .gemnav li { float: left; width: 100px; } */
/* #footer .gemnav a  { color: #1b75a7; text-decoration: none; line-height: 1.4em; } */
#footer .gemnav li { float: left; width: 100px; height: 17px;  }
#footer .gemnav a  { color: #1b75a7; text-decoration: none; height: 17px; line-height: 17px; float: left; padding: 0 3px; }
#footer .gemnav a:hover  { background: #fff; }

#footer .oqnav  { width: 290px; height: 100px; float: left; margin-left: 10px; }
#footer .oqnav ul { list-style: none; padding: 15px 20px; padding-right: 0; }
/* #footer .oqnav li { float: left; width: 120px;} */
/* #footer .oqnav a  { color: #fff; text-decoration: none; line-height: 1.4em; } */
#footer .oqnav li { float: left; width: 120px; height: 17px;  }
/* #footer .oqnav a  { color: #fff; text-decoration: none; height: 17px; line-height: 17px; float: left; padding: 0 3px; } */
#footer .oqnav a  { color: #1b75a7; text-decoration: none; height: 17px; line-height: 17px; float: left; padding: 0 3px; }
#footer .oqnav a:hover  { background: #fff; color: #1b75a7; }

.home #footer .oqnav a  { color: #fff; }
.home #footer .oqnav a:hover  { color: #1b75a7; }

#footer .copy p { color: #1b75a7; }
#footer .copy a { color: #1b75a7; }

/*******************************************************************/

#menus { display: none; }
#menus .subnav { display: none; }

#menus { position: absolute; top: 85px; left: 0; background: #fff; z-index: 100000; width: 100%; padding: 20px; min-height: 200px; }
#menus { background: #fff url('../images/oq-menu-circles.png') no-repeat left bottom; }
#menus .subnav { width: 960px; margin: 0 auto; padding-bottom: 20px; }
#menus .border { height: 15px; background: #1b75a7; width: 100%; position: absolute; bottom: -15px; left: 0; opacity: 0.5; }

#menus h3 { color: #1b75a7; border-bottom: 1px solid #1b75a7; font-family: "Titillium_Regular"; font-weight: normal; padding-bottom: 5px; margin-bottom: 15px; float: left; }
#menus h3 a { color: #1b75a7; }
#menus h4 { color: #1b75a7; font-family: "Titillium_Regular"; font-weight: normal; font-size: 15px; margin-bottom: 5px;  }

#menus ul { list-style: none; width: 660px; float: left; border-right: 1px solid #1b75a7; padding: 10px 0 0 10px; width: 620px; min-height: 200px; }
#menus ul li { display: inline-block; margin: 0; vertical-align: top; width: 185px; margin-right: 15px; float: left; /*min-height: 85px;*/ }
#menus ul li a { color: #1b75a7; font-size: 16px; display: inline-block; line-height: 1.4em; margin-bottom: 2px; height: 16px; line-height: 16px; }
#menus ul li a:hover { background: #1b75a7; color: #fff; text-decoration: none; font-family: "Titillium_Regular"; }
#menus ul li ul { list-style: none; width: auto; display: block; border: 0; padding: 0; min-height: 30px; }
#menus ul li ul li { height: 20px; line-height: 20px; min-height: auto; }
#menus ul li ul li span { height: 20px; line-height: 20px; min-height: auto;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; }
#menus ul li ul li a { color: #1b75a7; font-size: 12px; margin: 0; display: inline-block; }
#menus ul li ul li a:hover { background: #1b75a7; color: #fff; text-decoration: none; font-size: 12px; font-family: "Titillium_Regular"; }

#menus .text { width: 299px; float: right; color: #fff; margin-top: 12px; }
#menus .text .inner { /*padding-left: 5%;*/ width: 90%;  }
#menus .text .wrap { padding: 20px; padding-top: 0; padding-left: 0; }
#menus .text h3 { padding: 0; color: #1b75a7; font-family: "Titillium_Regular"; font-size: 18px; }
#menus .text p { padding: 0; color: #1b75a7; line-height: 1.3em; }

/*******************************************************************/


#searchresults { padding-bottom: 10px; }
#searchresults ul { list-style: none; }
#searchresults li { width: 100%; overflow: hidden; margin-bottom: 20px; }
#searchresults h2 { border-bottom: 1px solid #bbb; float: none; width: 100%;  }
#searchresults .seeall { float: right; margin-right: 15px; font-size: 18px; text-decoration: none; font-family: "Titillium_Regular"; }

#searchresults .result { margin-bottom: 20px; height: 200px; background: #fff; clear: both; }
#searchresults .result .image { width: 167px; height: 200px; float: left; }
#searchresults .result .text { margin-left: 180px; padding: 20px; }
/* #searchresults .result h3 { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 10px;} */
/* #searchresults .result h3 a { font-size: 18px; color: #544641;} */
#searchresults .result h3 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #c0bcba; clear:none; }
#searchresults .result h3 a { font-size: 18px; color: #544641; text-decoration: none; text-transform: uppercase; font-family: Intro;  }
#searchresults .result h3 a:hover { background: #544641; color: #Fff; }
#searchresults .result p { clear: none; }
#searchresults .result .info { color: #e59699; }
#searchresults .result .info a { color: #e59699; }
#searchresults .result .tags { color: #bbb; font-family: "Titillium_Regular"; text-decoration: none; }
#searchresults .result .tags a { color: #bbb; font-family: "Titillium_Regular"; text-decoration: none; }

#sidebar .categories { background: #a9c4d8; width: 100%; }
#sidebar .categories ul { list-style: none; }
#sidebar .categories li { padding: 10px 0; border-bottom: 0; }
#sidebar .categories li.all { padding: 10px 0; border-bottom: 1px solid #fff; }
#sidebar .categories li a { font-size: 16px; color: #fff; }
#sidebar .categories h3 { border: 0; padding-bottom: 0; }