/*! HTML5 Boilerplate v4.3.0 | MIT License | https://cd5aeee3-a93f-4787-a14d-bd7c11f73492.p.bardy.io/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher,Jonathan Neal,
* Kroc Camen,and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles:opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea{color:#222;}
html{font-size:1em;line-height:1.4;}
/*
* Remove text-shadow in selection highlight:h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
/*
* A better looking default horizontal rule
*/
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
/*
* Remove the gap between images,videos,audio and canvas and the bottom of
* their containers:h5bp.com/i/440
*/
audio,
canvas,
img,
video{vertical-align:middle;}
/*
* Remove default fieldset styles.
*/
fieldset{border:0;margin:0;padding:0;}
/*
* Allow only vertical resizing of textareas.
*/
textarea{resize:vertical;}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
  overflow-y: scroll;
}
a {
  color: #4d98ff;
}

#header_wrapper, footer, #container{
    width:960px;
    margin:0 auto;
    padding: 0 10px;
}


#container{
    font-family: "CardoRegular";
    font-size:14px;
    line-height:19px;
    overflow: hidden;
}

#container em, #container i{
    font-family: 'CardoItalic';
    font-weight:normal;
    font-style:normal;
}

a{ text-decoration:none; }
a:hover{ text-decoration:underline; }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

hr{
    margin: 10px 0;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }

a.prev, a.next{
    color:#4d98ff;
}

a.prev{
    margin-right:20px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

header{
    background-color:#042D7E;
    height:200px;
    padding:0 10px;
    position:relative;
    margin:0;
    min-width:100%;
    min-width: 980px
}

header div#shield_logo{
    padding: 20px 0 0 0;
    width:52px;
    height:61px;
}

header h1{
    width:458px;
    height:26px;
    margin: 34px 0 0 0;
}

header h1 a{
    font-size:0;
    display:block;
}

header div#header_forms{
    width:260px;
    float:right;
    margin-right:40px;
    margin-top:20px;
}

header div#header_forms input[type=text]{
    width:220px;
    margin:0 0 10px 0;
    border:none;
    height:20px;
    background-color:#02135A;
    font-family: "OpenSansRegular";
    font-size:14px;
    line-height:16px;
    color:#66b3ff;
    padding:5px;
    float:left;
}

header div#header_forms input[type=text]:focus{
    color:#cce5ff;
}

header div#header_forms input[type=submit]{
    border:none;
    background-color:#02135A;
    height:30px;
    padding:5px;
    width:30px;
    float:left;
}

input#subscribe_btn{
    background: #02135A url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 18' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%234D98FF' d='M12,2v14H2V2H12 M13,0H1C0.4,0,0,0.4,0,1v16c0,0.5,0.4,1,1,1h12c0.6,0,1-0.5,1-1V1C14,0.4,13.6,0,13,0L13,0 z'/%3E%3C/g%3E%3Cg%3E%3Cline fill='none' stroke='%234D98FF' stroke-miterlimit='10' x1='1.6' y1='5.5' x2='12.5' y2='5.5'/%3E%3C/g%3E%3Cline fill='none' stroke='%234D98FF' stroke-miterlimit='10' x1='3.1' y1='8.4' x2='11' y2='8.4'/%3E%3Cline fill='none' stroke='%234D98FF' stroke-miterlimit='10' x1='3.1' y1='10.4' x2='11' y2='10.4'/%3E%3Cline fill='none' stroke='%234D98FF' stroke-miterlimit='10' x1='3.1' y1='12.4' x2='11' y2='12.4'/%3E%3C/svg%3E%0A") no-repeat scroll center center;
    background-size: 20px 20px;
}

input#subscribe_btn:hover{
    background: #02135A url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 18' overflow='visible' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23cce5ff' d='M12,2v14H2V2H12 M13,0H1C0.4,0,0,0.4,0,1v16c0,0.5,0.4,1,1,1h12c0.6,0,1-0.5,1-1V1C14,0.4,13.6,0,13,0L13,0 z'/%3E%3C/g%3E%3Cg%3E%3Cline fill='none' stroke='%23cce5ff' stroke-miterlimit='10' x1='1.6' y1='5.5' x2='12.5' y2='5.5'/%3E%3C/g%3E%3Cline fill='none' stroke='%23cce5ff' stroke-miterlimit='10' x1='3.1' y1='8.4' x2='11' y2='8.4'/%3E%3Cline fill='none' stroke='%23cce5ff' stroke-miterlimit='10' x1='3.1' y1='10.4' x2='11' y2='10.4'/%3E%3Cline fill='none' stroke='%23cce5ff' stroke-miterlimit='10' x1='3.1' y1='12.4' x2='11' y2='12.4'/%3E%3C/svg%3E%0A") no-repeat scroll center center;
    background-size: 20px 20px;
}

input#search_btn{
    background: #02135A url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 19.8 19.8' style='enable-background:new 0 0 19.8 19.8'%3E%3Cstyle%3E.st0%7Bfill:%234d98ff;stroke:%234d98ff;stroke-width:.683%7D.st1%7Bfill:%234d98ff%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M7.9.3c3 .1 5.7 2.1 6.5 5.2 1.1 3.8-1.1 7.8-4.9 8.9-.8.2-1.6.3-2.4.3-3-.1-5.7-2.1-6.5-5.2-1.1-3.8 1.1-7.8 4.9-8.9C6.3.4 7.1.3 7.9.3M7.8 2.3c-.6.0-1.2.0-1.7.2v0C4.7 2.9 3.6 3.8 2.9 5S2.1 7.7 2.5 9c.6 2.1 2.5 3.6 4.8 3.8.6.0 1.2.0 1.7-.2 1.3-.4 2.4-1.3 3.1-2.5s.8-2.6.4-4C11.9 3.9 10 2.4 7.8 2.3v0z'/%3E%3C/g%3E%3Cpath transform='matrix(0.7071 -0.7071 0.7071 0.7071 -6.4222 15.4997)' class='st1' d='M13.9 11h3.2v9.1H13.9z'/%3E%3C/svg%3E") no-repeat scroll center center;
    background-size: 20px 20px;
}

input#search_btn:hover{
    background: #02135A url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 19.8 19.8' style='enable-background:new 0 0 19.8 19.8'%3E%3Cstyle%3E.st0%7Bfill:%23cce5ff;stroke:%23cce5ff;stroke-width:.683%7D.st1%7Bfill:%23cce5ff%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M7.9.3c3 .1 5.7 2.1 6.5 5.2 1.1 3.8-1.1 7.8-4.9 8.9-.8.2-1.6.3-2.4.3-3-.1-5.7-2.1-6.5-5.2-1.1-3.8 1.1-7.8 4.9-8.9C6.3.4 7.1.3 7.9.3M7.8 2.3c-.6.0-1.2.0-1.7.2v0C4.7 2.9 3.6 3.8 2.9 5S2.1 7.7 2.5 9c.6 2.1 2.5 3.6 4.8 3.8.6.0 1.2.0 1.7-.2 1.3-.4 2.4-1.3 3.1-2.5s.8-2.6.4-4C11.9 3.9 10 2.4 7.8 2.3v0z'/%3E%3C/g%3E%3Cpath transform='matrix(0.7071 -0.7071 0.7071 0.7071 -6.4222 15.4997)' class='st1' d='M13.9 11h3.2v9.1H13.9z'/%3E%3C/svg%3E") no-repeat scroll center center;
    background-size: 20px 20px;
}

#twitter_nav{
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24.6 20' style='enable-background:new 0 0 24.6 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234D98FF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M24.6,2.4c-0.9,0.4-1.9,0.7-2.9,0.8c1-0.6,1.8-1.6,2.2-2.8c-1,0.6-2.1,1-3.2,1.2C19.8,0.6,18.5,0,17,0 C14.3,0,12,2.3,12,5.1c0,0.4,0,0.8,0.1,1.2C7.9,6,4.2,4,1.7,0.9C1.3,1.7,1,2.5,1,3.5c0,1.8,0.9,3.3,2.2,4.2C2.5,7.6,1.7,7.4,1,7 c0,0,0,0,0,0.1C1,9.5,2.7,11.6,5,12c-0.4,0.1-0.9,0.2-1.3,0.2c-0.3,0-0.6,0-1-0.1c0.6,2,2.5,3.5,4.7,3.5c-1.7,1.3-3.9,2.2-6.3,2.2 c-0.4,0-0.8,0-1.2-0.1C2.2,19.2,4.9,20,7.7,20c9.3,0,14.4-7.7,14.4-14.4c0-0.2,0-0.4,0-0.7C23.1,4.3,23.9,3.4,24.6,2.4z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat scroll center left;
    width: 25px;
    height:40px;
    background-size: 25px 20px;
    padding-right:14px;
    display:block;
    float:left;
}
#twitter_nav:hover{ background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24.6 20' style='enable-background:new 0 0 24.6 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23cce5ff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M24.6,2.4c-0.9,0.4-1.9,0.7-2.9,0.8c1-0.6,1.8-1.6,2.2-2.8c-1,0.6-2.1,1-3.2,1.2C19.8,0.6,18.5,0,17,0 C14.3,0,12,2.3,12,5.1c0,0.4,0,0.8,0.1,1.2C7.9,6,4.2,4,1.7,0.9C1.3,1.7,1,2.5,1,3.5c0,1.8,0.9,3.3,2.2,4.2C2.5,7.6,1.7,7.4,1,7 c0,0,0,0,0,0.1C1,9.5,2.7,11.6,5,12c-0.4,0.1-0.9,0.2-1.3,0.2c-0.3,0-0.6,0-1-0.1c0.6,2,2.5,3.5,4.7,3.5c-1.7,1.3-3.9,2.2-6.3,2.2 c-0.4,0-0.8,0-1.2-0.1C2.2,19.2,4.9,20,7.7,20c9.3,0,14.4-7.7,14.4-14.4c0-0.2,0-0.4,0-0.7C23.1,4.3,23.9,3.4,24.6,2.4z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat scroll center left;
    background-size: 25px 20px;
}

#facebook_nav{
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 9.7 20' style='enable-background:new 0 0 9.7 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234D98FF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M2.5,20v-9.4H0V7.2h2.5c0,0,0-1.4,0-2.9C2.5,2.1,4,0,7.3,0c1.4,0,2.4,0.1,2.4,0.1L9.6,3.3c0,0-1,0-2.2,0 c-1.2,0-1.4,0.6-1.4,1.5c0,0.7,0-1.6,0,2.5h3.7l-0.2,3.4H6.1V20H2.5z'/%3E%3C/svg%3E%0A") no-repeat scroll center left;
    background-size: 10px 20px;
    width: 10px;
    height:40px;
    padding-right:14px;
    display:block;
    float:left;
}
#facebook_nav:hover{ background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 9.7 20' style='enable-background:new 0 0 9.7 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23cce5ff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M2.5,20v-9.4H0V7.2h2.5c0,0,0-1.4,0-2.9C2.5,2.1,4,0,7.3,0c1.4,0,2.4,0.1,2.4,0.1L9.6,3.3c0,0-1,0-2.2,0 c-1.2,0-1.4,0.6-1.4,1.5c0,0.7,0-1.6,0,2.5h3.7l-0.2,3.4H6.1V20H2.5z'/%3E%3C/svg%3E%0A") no-repeat scroll center left;
    background-size: 10px 20px;
}

#rss_nav{
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%234D98FF;%7D%0A%3C/style%3E%3Cpath id='RSS' class='st0' d='M4.5,15.5c0.5,0.5,0.8,1.1,0.8,1.9S5,18.7,4.5,19.2l0,0C4.1,19.7,3.4,20,2.7,20 c-0.7,0-1.4-0.3-1.9-0.8C0.3,18.7,0,18.1,0,17.3s0.3-1.4,0.8-1.9l0,0c0.5-0.5,1.1-0.8,1.9-0.8C3.4,14.7,4.1,15,4.5,15.5z M4.5,15.5 L4.5,15.5L4.5,15.5L4.5,15.5z M0.8,19.2L0.8,19.2L0.8,19.2L0.8,19.2z M0,6.8v3.8c2.5,0,4.8,1,6.6,2.8c1.8,1.8,2.7,4.1,2.7,6.6l0,0v0 h3.8c0-3.6-1.5-6.9-3.9-9.3C6.9,8.3,3.6,6.8,0,6.8z M0,0v3.8c8.9,0,16.2,7.3,16.2,16.2H20c0-5.5-2.2-10.5-5.9-14.1 C10.5,2.2,5.5,0,0,0z'/%3E%3C/svg%3E%0A") no-repeat scroll center left;
    background-size: 20px 20px;
    width: 20px;
    height:40px;
    display:block;
    float:left;
}
#rss_nav:hover{ background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23cce5ff;%7D%0A%3C/style%3E%3Cpath id='RSS' class='st0' d='M4.5,15.5c0.5,0.5,0.8,1.1,0.8,1.9S5,18.7,4.5,19.2l0,0C4.1,19.7,3.4,20,2.7,20 c-0.7,0-1.4-0.3-1.9-0.8C0.3,18.7,0,18.1,0,17.3s0.3-1.4,0.8-1.9l0,0c0.5-0.5,1.1-0.8,1.9-0.8C3.4,14.7,4.1,15,4.5,15.5z M4.5,15.5 L4.5,15.5L4.5,15.5L4.5,15.5z M0.8,19.2L0.8,19.2L0.8,19.2L0.8,19.2z M0,6.8v3.8c2.5,0,4.8,1,6.6,2.8c1.8,1.8,2.7,4.1,2.7,6.6l0,0v0 h3.8c0-3.6-1.5-6.9-3.9-9.3C6.9,8.3,3.6,6.8,0,6.8z M0,0v3.8c8.9,0,16.2,7.3,16.2,16.2H20c0-5.5-2.2-10.5-5.9-14.1 C10.5,2.2,5.5,0,0,0z'/%3E%3C/svg%3E%0A") no-repeat scroll center left;
    background-size: 20px 20px;
}

#navigation_wrapper{
    width:960px;
    margin:0 auto;
    padding: 0 10px;
}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */

nav {
    width: 100%;
    background-color:#000f5c;
    height:40px;
    position:fixed;
    top:160px;
    z-index:999999;
}
nav .subnav {
    display: none;
    position: absolute;
    top: 40px;
    left: 0px;
    width: 180px;
    list-style-type: none;
    margin: 0;
    z-index:5;
    padding:0;
}
nav .subnav li {
    display: block;
    margin:0;
    background-color:#f2f8ff;
    padding:0 0 0 10px;
    width: 170px;

}
nav .subnav li a {
    font-family:"OpenSansBold";
    font-size:12px;
    font-weight:normal;
    letter-spacing:0.1em;
    color:#555555;
    border-bottom: solid 1px #999;
    width:115px;
}
nav .subnav li a:hover {
    color: #4d98ff;
}
nav ul {
    list-style-type: none;
    margin: 0;
    float: left;
    padding:0;
    width: 794px;
}
nav ul li {
    float: left;
    position: relative;
}
nav ul li a {
    float: left;
    text-decoration:none;
    font-family:"OpenSansBold";
    color:#66b3ff;
    font-size:14px;
    line-height:40px;
    text-decoration: none;
    padding: 0 44px 0 0;
    height:40px;
    font-weight:normal;
    letter-spacing:0.1em;
}
nav ul li a:hover {
    text-decoration:none;
    color:#cce5ff;
}
nav ul li:hover .subnav {
    display: block;
}

nav .subnav li a.last_subnav{ border-bottom: none; }



/* ==========================================================================
   FOOTER
   ========================================================================== */

footer{
    font-family: "OpenSansRegular";
    font-size: 12px;
    line-height:16px;
    color: #4d98ff;
    border-top: 1px solid #4d98ff;
    margin: 100px auto 60px;
    padding:10px 0 0;
}

footer a{color: #4d98ff;}

footer small{
    font-size: 10px;
    line-height:15px;
    color:#888;
    float:right;
    text-align:right;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 650px;
    float:left;
}

footer ul li { display: inline;  letter-spacing:0.1em; text-transform:uppercase; margin-right:25px;}


/* ==========================================================================
   COMMON
   ========================================================================== */

.subhed{
    font-family: 'OpenSansBold';
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.1em;
    display:block;
    padding: 1.5em 0 0 0;
}

div#content_wrapper a,
.footnote_truncated a,
.full_footnote_inner a{
    color:#4d98ff;
}

h2{
    font-size:36px;
    line-height:42px;
    font-weight:normal;
    color: #222;
}

div#news_popular{
  width:180px;
  float:left;
  margin: 40px 0 0 60px;
}

div#news_popular h3{
  font-family: 'OpenSansBold';
  font-size:13px;
  line-height:17px;
  color:#888;
  font-weight:normal;
  margin-top:0;
}

div#news_popular h3{
  font-weight:normal;
  font-family: 'CardoRegular';
  font-size:14px;
  line-height:19px;
  margin:0;
  padding:0;
}

div#news_popular h3.news_popular_header{
  font-family: 'OpenSansBold';
  font-size:13px;
  line-height:17px;
  color:#888;
  font-weight:normal;
  margin:0 0 10px 0;
  text-transform:uppercase;
  font-weight:normal;
  letter-spacing:0.1em;
}

div#news_popular h3.news_popular_header a{
  color:#888;
}

div.news_item, div.popular_item{
  margin: 0 0 10px 0;
}

.pre_intro{
    font-size:14px;
    line-height:19px;
}

.date{
  font-family: 'OpenSansRegular';
  text-transform:uppercase;
  font-size: 10px;
  line-height: 15px;
  color:#888;
  letter-spacing:0.1em;
}

span.tags{
  font-family: "OpenSans";
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing:0.1em;
}
span.tags a {
  color: #444 !important;
}

div.news_item h3 a, div.popular_item h3 a{
  font-weight:normal;
  font-family: 'CardoRegular';
  font-size:14px;
  line-height:19px;
  color:#888 !important;
  margin:0;
  padding:0;
}

div.news_item h3 a i, div.news_item h3 a em{
    font-family: 'CardoItalic';
    font-weight:normal;
    font-style:normal;
}

div.news_item h3 a b, div.news_item h3 a strong{
    font-family: 'CardoBold';
    font-weight:normal;
    font-style:normal;
}

div.popular_item h3 a i, div.popular_item h3 a em{
    font-family: 'CardoItalic';
    font-weight:normal;
    font-style:normal;
}

div.popular_item h3 a b, div.popular_item h3 a strong{
    font-family: 'CardoBold';
    font-weight:normal;
    font-style:normal;
}

d.author{
  font-family: 'CardoItalic';
  font-weight:normal;
  font-style:normal;
  font-size: 14px;
  line-height: 19px;
  color:#888;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

a.archive{
  font-family: 'OpenSansRegular';
  text-transform:uppercase;
  font-size: 10px;
  line-height: 15px;
  color:#888;
  letter-spacing:0.1em;
}

/*ARCHIVES*/
.archive_item{
  margin:0 0 40px;
}

.archive_item h6{
  margin:0;
  font-family: 'OpenSansRegular';
  text-transform:uppercase;
  font-weight:normal;
  font-size: 10px;
  line-height: 15px;
  color:#444;
  letter-spacing:0.1em;
}

.archive_item h3{
  margin:0;
  font-size: 18px;
  line-height: 24px;
  font-weight:normal;
}

.archive_item h3 a{
  color:#002a80;
}

.archive_item .author{
  color:#444;
  margin: 5px 0 0;
}

.archive_item p{
  font-size: 14px;
  line-height: 19px;
  margin:0;
}

/*COLLECTION DESCRIPION*/
#collection_desc {
  margin: 30px 0 40px;
}

#collection_desc h6 {
  margin:0;
  font-family: 'OpenSansRegular';
  text-transform:uppercase;
  font-size: 13px;
  line-height: 17px;
  color:#222;
}

#collection_desc h2 {
  margin:0;
  font-size: 36px;
  line-height: 42px;
  color:#222;
}

#collection_desc p {
  margin:45px 0 0;

}

div#main_col{
  width:720px;
  float:left;
  overflow: hidden;
}

div.last_toc_item{
  margin: 0 0 0px 0;
}

div.toc_item h4{
  font-family: 'OpenSansRegular';
  font-size:10px;
  font-weight:normal;
  color:#888;
  text-transform:uppercase;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  letter-spacing: 0.10em;
}

div.toc_item h3{
  font-weight:normal;
  font-style:normal;
  font-family: 'CardoRegular';
  font-size: 18px;
  line-height:24px;
  color:#4d98ff;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div.toc_item h3 i, div.toc_item h3 em{
    font-family: 'CardoItalic';
    font-weight:normal;
    font-style:normal;
}

div.toc_item h3 b, div.toc_item h3 strong{
    font-family: 'CardoBold';
    font-weight:normal;
    font-style:normal;
}

div.toc_item h3.small_title{
/*    font-size: 14px;
    line-height: 19px;*/
}

div.toc_item h3 a, .collection_header h3 a{
  color:#4d98ff;
}

div.toc_item{
  font-family: 'CardoRegular';
  font-size: 14px;
  line-height: 19px;
  color:#888;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

div.volume_header{
  border-top:1px solid #519AFC;
}

div.volume_wrapper_last{
  border-bottom:1px solid #519AFC;
}

div.issue_wrapper{
  border-bottom:1px solid #ccc;
}

div.issue_wrapper_last{
  border-bottom:none;
  margin: 0 0 20px 0;
}

div.issue_header.last_issue_header{
  border-bottom:none;
}

div.volume_header:hover, div.volume_header.selected{
  background-color:#F2F8FF;
}

div.issue_header:hover, div.issue_header.selected{
  background-color:#F5F5F5;
}

div.volume_header, div.issue_header{
  font-family: 'OpenSansRegular';
  text-transform:uppercase;
  font-size: 10px;
  line-height: 10px;
  color:#888;
  letter-spacing: 0.10em;
  height:30px;
  position:relative;
  cursor: pointer; cursor: hand;
}

div.volume_title,
div.volume_number,
div.volume_years,
div.view_masthead_button,
div.issue_title,
div.issue_number,
div.issue_date,
div.issue_pages{
  overflow: hidden;
  width:120px;
  position: absolute;
  left:0;
  bottom:6px;
}

div.issue_date{
    width:150px;
}

div.volume_title,
div.volume_number{
  width:60px;
}

div.volume_number,
div.issue_number{
  left:60px;
}

div.volume_years,
div.issue_date{
  left: 120px;
}

div.issue_pages{
  left: 270px;
}

div.view_masthead_button{
  right:3px;
  left:auto;
}

div.volume_number,
div.issue_number{
  font-size: 18px;
  line-height:18px;
  letter-spacing: normal;
  color:#222;
  bottom:5px;
}

div.volume_title,
div.issue_title{
  padding-left:3px;
}

div.view_masthead_button{
  text-align:right;
}

div.view_masthead_button a{
  color:#888;
  line-height: 12px;
}

div.view_masthead_button a:hover{text-decoration:underline;}

div.issue_toc{
  margin: 25px 60px;
}

div#content_html_wrap{
  font-size:18px;
  line-height:24px;
}

div#content_html_wrap em, div#content_html_wrap i{
    font-family: 'CardoItalic';
    font-weight:normal;
    font-style:normal;
}

div#content_html_wrap strong, div#content_html_wrap b{
    font-family: 'CardoBold';
    font-weight:normal;
    font-style:normal;
}

div.collection_wrapper{
  background-color:#f2f8ff;
  padding:10px;
  margin: 0 0 20px 0;
}

div.collection_header{
    margin: 0 0 20px 0;
}

div.collection_header h4{
    font-family: 'OpenSansBold';
    font-size:10px;
    line-height:15px;
    font-weight:normal;
    color:#888;
    text-transform:uppercase;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    letter-spacing: 0.10em;
}

div.collection_header h3{
    font-size:21px;
    line-height:27px;
    color: #666;

    font-weight:normal;
    font-family: 'CardoRegular';

    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div.collection_header p{
    font-family: 'CardoRegular';
    font-size: 14px;
    line-height: 19px;
    color:#888;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#news_popular div.collection_wrapper{
    background-color:transparent;
    padding:0;
}

div#news_popular div.collection_header h2{
    font-family: 'OpenSansBold';
    font-size:13px;
    line-height:17px;
    font-weight:normal;
    color:#888;
    text-transform:uppercase;
    margin: 40px 0 10px 0;
    padding: 0 0 0 0;
    letter-spacing: 0.10em;
}

div#news_popular div.collection_header h3{
    font-size:21px;
    line-height:27px;

    font-weight:normal;
    font-family: 'CardoRegular';

    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div#news_popular div.collection_header h3 a{
  color:#4d98ff;
}

div#news_popular div.collection_header p{
    font-family: 'OpenSansRegular';
    font-size:10px;
    line-height:15px;
    font-weight:normal;
    color:#888;
}

.small_caps{
    font-family: 'OpenSansBold';
    font-size:13px;
    line-height:19px;
    text-transform:uppercase;
    font-variant:small-caps;
    font-weight:normal;
    font-style:normal;
    letter-spacing:0.1em;
}

.forced_sans{
    font-family: 'OpenSansBold';
    font-size:13px;
    line-height:19px;
    font-weight:normal;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform: uppercase;
}

.forced_sans_reg{
    letter-spacing: 0.05em;
    font-variant: small-caps;
}

.response_to h4{
    font-family: 'OpenSansBold';
  font-size:13px;
  line-height:17px;
  color:#888;
  font-weight:normal;
  margin:10px 0 0 0;
  text-transform:uppercase;
  font-weight:normal;
  letter-spacing:0.1em;
}

.repsonse_item strong a{
  color: #002a80 !important;
}

.repsonse_item .author {
  color: #444;
}

/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir{background-color:transparent;border:0;overflow:hidden;/* IE 6/7 fallback */
*text-indent:-9999px;}
.ir:before{content:"";display:block;width:0;height:150%;}
/*
* Hide from both screenreaders and browsers:h5bp.com/u
*/
.hidden{display:none !important;visibility:hidden;}
/*
* Hide only visually,but have it available for screenreaders:h5bp.com/v
*/
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard:h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
/*
* Hide visually and from screenreaders,but maintain layout
*/
.invisible{visibility:hidden;}
/*
* Clearfix:contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after{content:" ";/* 1 */
display:table;/* 2 */}
.clearfix:after{clear:both;}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix{*zoom:1;}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width:35em){/* Style adjustments for viewports that meet the condition */}
@media print,
(-o-min-device-pixel-ratio:5/4),
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi){/* Style adjustments for high resolution devices */}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection:h5bp.com/r
========================================================================== */
@media print{*{background:transparent !important;color:#000 !important;/* Black prints faster:h5bp.com/s */
box-shadow:none !important;text-shadow:none !important;}
a,
a:visited{text-decoration:underline;}
a[href]:after{content:" (" attr(href) ")";}
abbr[title]:after{content:" (" attr(title) ")";}
/*
* Don't show links for images,or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after{content:"";}
pre,
blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;/* h5bp.com/t */}
tr,
img{page-break-inside:avoid;}
img{max-width:100% !important;}
@page{margin:0.5cm;}
p,
h2,
h3{orphans:3;widows:3;}
h2,
h3{page-break-after:avoid;}
}