﻿/* ======================== defaults ========================= */

/* standard CSS-linked definitions */
@font-face{ font-family: 'ProximaNova'; src: url('fonts/ProximaNova-Reg-webfont.eot'); src: url('fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Reg-webfont.woff') format('woff'), url('fonts/ProximaNova-Reg-webfont.ttf') format('truetype'), url('fonts/ProximaNova-Reg-webfont.svg#ProximaNova-Reg-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNova'; font-weight: bold; src: url('fonts/ProximaNova-Bold-webfont.eot'); src: url('fonts/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Bold-webfont.woff') format('woff'), url('fonts/ProximaNova-Bold-webfont.ttf') format('truetype'), url('fonts/ProximaNova-Bold-webfont.svg#ProximaNova-Bold-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNova'; font-style: italic; src: url('fonts/ProximaNova-RegIt-webfont.eot'); src: url('fonts/ProximaNova-RegIt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-RegIt-webfont.woff') format('woff'), url('fonts/ProximaNova-RegIt-webfont.ttf') format('truetype'), url('fonts/ProximaNova-RegIt-webfont.svg#ProximaNova-RegIt-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNova'; font-style: italic; font-weight: bold; src: url('fonts/ProximaNova-BoldIt-webfont.eot'); src: url('fonts/ProximaNova-BoldIt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-BoldIt-webfont.woff') format('woff'), url('fonts/ProximaNova-BoldIt-webfont.ttf') format('truetype'), url('fonts/ProximaNova-BoldIt-webfont.svg#ProximaNova-BoldIt-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNovaCondensed'; src: url('fonts/ProximaNovaCond-Reg-webfont.eot'); src: url('fonts/ProximaNovaCond-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNovaCond-Reg-webfont.woff') format('woff'), url('fonts/ProximaNovaCond-Reg-webfont.ttf') format('truetype'), url('fonts/ProximaNovaCond-Reg-webfont.svg#ProximaNovaCond-Reg-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNovaCondensed'; font-weight: bold; src: url('fonts/ProximaNovaCond-Sbold-webfont.eot'); src: url('fonts/ProximaNovaCond-Sbold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNovaCond-Sbold-webfont.woff') format('woff'), url('fonts/ProximaNovaCond-Sbold-webfont.ttf') format('truetype'), url('fonts/ProximaNovaCond-Sbold-webfont.svg#ProximaNovaCond-Sbold-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNovaCondensed'; font-style: italic; src: url('fonts/ProximaNovaCond-RegIt-webfont.eot'); src: url('fonts/ProximaNovaCond-RegIt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNovaCond-RegIt-webfont.woff') format('woff'), url('fonts/ProximaNovaCond-RegIt-webfont.ttf') format('truetype'), url('fonts/ProximaNovaCond-RegIt-webfont.svg#ProximaNovaCond-RegIt-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNovaCondensed'; font-style: italic; font-weight: bold; src: url('fonts/ProximaNovaCond-SboldIt-webfont.eot'); src: url('fonts/ProximaNovaCond-SboldIt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNovaCond-SboldIt-webfont.woff') format('woff'), url('fonts/ProximaNovaCond-SboldIt-webfont.ttf') format('truetype'), url('fonts/ProximaNovaCond-SboldIt-webfont.svg#ProximaNovaCond-SboldIt-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNovaLight'; src: url('fonts/ProximaNova-Light-webfont.eot'); src: url('fonts/ProximaNova-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Light-webfont.woff') format('woff'), url('fonts/ProximaNova-Light-webfont.ttf') format('truetype'), url('fonts/ProximaNova-Light-webfont.svg#ProximaNova-Light-webfont') format('svg'); }

@font-face{ font-family: 'ProximaNovaCondensedLight'; src: url('fonts/ProximaNovaCond-Light-webfont.eot'); src: url('fonts/ProximaNovaCond-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNovaCond-Light-webfont.woff') format('woff'), url('fonts/ProximaNovaCond-Light-webfont.ttf') format('truetype'), url('fonts/ProximaNovaCond-Light-webfont.svg#ProximaNovaCond-Light-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNovaCondensedLight'; font-style: italic; src: url('fonts/ProximaNovaCond-LightIt-webfont.eot'); src: url('fonts/ProximaNovaCond-LightIt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNovaCond-LightIt-webfont.woff') format('woff'), url('fonts/ProximaNovaCond-LightIt-webfont.ttf') format('truetype'), url('fonts/ProximaNovaCond-LightIt-webfont.svg#ProximaNovaCond-LightIt-webfont') format('svg'); }

/* extended classes not linked to standard CSS properties 
@font-face{ font-family: 'ProximaNovaSbold'; src: url('fonts/ProximaNova-Sbold-webfont.eot'); src: url('fonts/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Sbold-webfont.woff') format('woff'), url('fonts/ProximaNova-Sbold-webfont.ttf') format('truetype'), url('fonts/ProximaNova-Sbold-webfont.svg#ProximaNova-Sbold-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNovaXbold'; src: url('fonts/ProximaNova-XBold-webfont.eot'); src: url('fonts/ProximaNova-XBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-XBold-webfont.woff') format('woff'), url('fonts/ProximaNova-XBold-webfont.ttf') format('truetype'), url('fonts/ProximaNova-XBold-webfont.svg#ProximaNova-XBold-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNovaBlack'; src: url('fonts/ProximaNova-Black-webfont.eot'); src: url('fonts/ProximaNova-Black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Black-webfont.woff') format('woff'), url('fonts/ProximaNova-Black-webfont.ttf') format('truetype'), url('fonts/ProximaNova-Black-webfont.svg#ProximaNova-Black-webfont') format('svg'); }
@font-face{ font-family: 'ProximaNovaThin'; src: url('fonts/ProximaNova-Thin-webfont.eot'); src: url('fonts/ProximaNova-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Thin-webfont.woff') format('woff'), url('fonts/ProximaNova-Thin-webfont.ttf') format('truetype'), url('fonts/ProximaNova-Thin-webfont.svg#ProximaNova-Thin-webfont') format('svg'); }

*/

section, nav, header,footer { display:block; }

html {
    overflow-y: scroll;
}

body {
    margin: 0;
    padding: 0;
    background-color: #EEE;
    font-family: 'ProximaNova', Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    color: #717171;
}

body.swoosh {
    background-attachment:fixed;
    background-image:url('/cms/Images/swoosh-background.jpg');
    background-position:center top;
    background-repeat:no-repeat;
}
        
a { text-decoration: none; color: #006892; } /*#717171*/

img { border: none; }

h1, h2, h3, h4, h5, h6{ margin: 9px 0; font-family: 'ProximaNovaCondensed'; font-weight: bold; letter-spacing: 1px; }
h1 { font-size: 17pt; color: #221e1f; }
h3 { margin: 0; color: #000000; font-family: 'ProximaNovaCondensed'; font-size: 11pt; font-weight: bold; text-transform: uppercase; letter-spacing: .04em; }
h4 { margin: 0; color: #000000; font-family: 'ProximaNovaCondensed'; font-size: 10pt; font-weight: bold; text-transform: uppercase; letter-spacing: .04em; }

p { margin: 0 0 10px 0; }

nav ul { z-index: 5; }
nav ul.menu, #breadcrumb ul{ margin: 0; padding: 0;  }
nav ul.menu li, #breadcrumb ul li{display:inline-block; }
#breadcrumb ul { width: 675px; overflow:hidden; white-space:nowrap;}

/* ======================== global classes ========================= */
#container { margin: 0 auto; text-align: left; width: 960px; background-color: #FFF; }
#containerpad{ padding: 0 30px; }
#logocontainer { float: left; width: 214px; height: 130px; padding-top:23px;} /*284px*/
#logo { float:left; display: inline-block; width:176px; height:105px; background: url(/cms/images/UI/www.rmi.org-logo.png); background-repeat:no-repeat;background-size:contain; }

#headerpad{ float:left; width: 666px; padding-top: 24px; } /*616px*/
#header .row { float: right; padding-right: 2px; height: 28px; line-height: 28px; }
#header .bm{ margin-bottom: 13px; clear: both; }

input#searchbox 
{
    float: right; border: 1px #B3B3B3 solid; width: 322px; height: 25px; line-height: 26px; padding: 1px 0 0 7px; text-transform: uppercase;
    background: url(../images/magnifiyingglass-searchbar.png); background-position:305px 2px; background-repeat: no-repeat; margin-right: 68px;
    font-size: 8pt; font-weight: bold;
}
#subscribelink{ float: right; font-size: 12pt; }
#subscribelink a { color: #006892; }
div.donate{ background-color: #CEE2EC; text-transform: uppercase; text-align:center; font-family: 'ProximaNovaCondensed'; font-weight: bold; font-size: 12pt; }
div.donate a{ display: block; width: 178px; height: 28px; line-height: 28px; color: #286793 }

div.download{ margin-top:5px;width:250px;background-color: #CEE2EC; text-transform: uppercase; text-align:center; font-family: 'ProximaNovaCondensed'; font-weight: bold; font-size: 12pt; }
div.download a{ display: block; text-align:center; width: 250px; height: 28px; line-height: 28px; color: #286793 }

#header-nav{ float: right; font-size: 11pt; }
#social-icons { float: right; width: 138px; }
#social-icons a { float: right; display:inline-block; width:22px; height:22px; margin-left: 5px;}
#social-icons #social-fb{ background: url(../images/ico-fb.png); }
#social-icons #social-tw{ background: url(../images/ico-tw.png); }
#social-icons #social-rss{ background: url(../images/ico-rss.png); }
#social-icons #social-yt{ background: url(../images/ico-yt.png); }

#header-nav li { margin: 0 10px; }
#header-nav ul.menu li:hover > ul { display: block; }
#header-nav ul.menu li { margin: 0 10px; }
#header-nav ul.menu ul { display: none; margin: 0; padding: 0; position: absolute; background: #FFFFFF; }
#header-nav ul.menu ul li { float: left; clear: left; margin: 0; padding: 0; width: 100%; min-width: 140px; height: 32px; line-height: 32px; text-align: left; }
#header-nav ul.menu ul li { border-top: 1px solid #717075; }
#header-nav ul.menu ul li a { padding: 0 10px; }
#header-nav ul.menu ul a:hover { color: #717075 !important; }
#header-nav li a { color: #717171; }

#primary-nav { width: 900px; clear: both; font-family: 'ProximaNovaCondensed'; font-weight: bold; }
#primary-nav ul.menu a { display: block; width: 178px; height: 27px; line-height: 27px; color: #FFF; }
#primary-nav ul.menu li { margin-right: 2px; color: #FFF; text-align: center; text-transform: uppercase; }
/*#primary-nav ul.menu li.orange { margin-right: 0; width: 180px; } */ /* add 2px to last nav item and remove right margin to make full 900px visual width */
#primary-nav ul.menu li.lightblue { margin-right: 0; width: 180px; } /* add 2px to last nav item and remove right margin to make full 900px visual width */
#primary-nav .gray { background-color: #717075; }
#primary-nav .green { background-color: #76C14A; }
#primary-nav .blue { background-color: #508EB3; }
#primary-nav .red { background-color: #E3002E; }
#primary-nav .orange { background-color: #F3AC2A; }
#primary-nav .lightblue { background-color: #a4dbf2; } /*2015-12-10*/

#primary-nav ul.menu ul li:hover a, #primary-nav ul.menu li:hover li a { background: none; border: none; color: #666; }
#primary-nav ul.menu li:hover > ul { display: block; }
#primary-nav ul.menu li { margin: 0 2px 0 0; padding: 0; float: left; position: relative; list-style: none; }
#primary-nav ul.menu ul { display: none; margin: 0; padding: 0; width: 178px; position: absolute; top: 26px; left: 0; background: #FFFFFF; }
#primary-nav ul.menu ul li { float: none; margin: 0; padding: 0; height: 32px; text-align: left; }

#primary-nav ul.menu li.gray ul li { border-top: 1px solid #717075; }
#primary-nav ul.menu li.gray ul a:hover { color: #717075 !important; }

#primary-nav ul.menu li.green ul li { border-top: 1px solid #76C14A; }
#primary-nav ul.menu li.green ul a:hover { color: #76C14A !important; }
#primary-nav ul.menu li.blue ul li { border-top: 1px solid #508EB3; }
#primary-nav ul.menu li.blue ul a:hover { color: #508EB3 !important; }
#primary-nav ul.menu li.red ul li { border-top: 1px solid #E3002E; }
#primary-nav ul.menu li.red ul a:hover { color: #E3002E !important; }
#primary-nav ul.menu li.orange ul li { border-top: 1px solid #F3AC2A; }
#primary-nav ul.menu li.orange ul a:hover { color: #F3AC2A !important; }

/*2015-12-10*/
#primary-nav ul.menu li.lightblue ul li { border-top: 1px solid #a4dbf2; }  
#primary-nav ul.menu li.lightblue ul a:hover { color: #a4dbf2 !important; }


#primary-nav ul.menu ul a { width: 158px; font-weight: normal; height: 32px; line-height: 30px; padding-left: 20px; }


.menu-shadow {
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .2), 0px 0px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

#breadcrumb { float: left; margin-top: 8px; }
#breadcrumb li{ margin-right: 5px; }
#breadcrumb li:before { content: '> '; display:inline; }
#breadcrumb li.first:before { content: ''; display:inline; }
#tools { float: right; margin-top: 8px; margin-right: 10px; }
#tools .t3 { font-size: 1.25em }
#tools .t2 { font-size: 1em }
#tools .t1 { font-size: .75em }
#tools a { margin-left: 3px; }
#tools #a-share { margin-left: 25px; }
#pagetitle{ float: left; clear: both; margin: 12px 0 5px 0; width: 675px; }

#left-column { float: left; width: 685px; padding-right: 35px; }
#left-column #callouts { width: 685px; height: 236px; border-bottom: 1px gray solid; margin-bottom: 16px; }
#left-column #callouts .callout { float:left; width: 223px; height: 223px; }
#left-column #callouts .bg1 { background: url(../images/callout-bg1.png); }
#left-column #callouts .bg2 { background: url(../images/callout-bg2.png); }
#left-column #callouts .bg3 { background: url(../images/callout-bg3.png); }
#left-column #callouts .mr{ margin-right: 8px; }
#left-column #callouts .callout div.trans{ margin-top: 195px; height: 28px; line-height: 28px; background: url(../images/trans.png); padding-right: 10px; text-align: right; }

#right-column { float: left; width: 178px; }
#right-column h2 { margin-top: 2px; font-size: 11pt; }
#right-column div.donate { float: right; clear: both; margin-top: 20px; }

#nav-secondary { margin-bottom: 20px; }
#nav-secondary a { display: block; width: 178px; height: 32px; line-height: 30px; overflow: hidden; }
#nav-secondary ul { margin: 0 0 25px 0; padding: 0; border-bottom-width: 1px; border-bottom-style: solid; }
#nav-secondary li { height: 32px; border-top-width: 1px; border-top-style: solid; list-style:none; }
#nav-secondary ul li { margin: 0 2px 0 0; padding: 0; float: left; position: relative; list-style: none; background-color:#fff; }
#nav-secondary ul li.last { border-bottom-width: 1px; border-bottom-style: solid; }
#nav-secondary ul ul li:hover a, #nav-secondary ul li:hover li a { background: none; border: none; }
#nav-secondary ul li:hover > ul { display: block; }
#nav-secondary ul ul { display: none; margin: 0; padding: 0; width: 178px; position: absolute; top: -1px; left: -178px; background: #FFFFFF; }
#nav-secondary ul ul li { float: none; margin: 0; padding: 0; height: 32px; }
#nav-secondary ul ul a { font-weight: normal; height: 32px; line-height: 30px; padding-left: 5px; }
#nav-secondary ul a.selected { font-weight: bold; }

#nav-secondary ul a { color: #717075; }

/*#nav-secondary.gray h2 { color: #717075; }
#nav-secondary.gray ul a { color: #717075; }
*/
#nav-secondary.gray ul a:hover { color: #717075 !important; }
#nav-secondary.gray ul, #nav-secondary.gray li { border-color: #717075; }

#nav-secondary.green h2 { color: #76C14A; }
/*#nav-secondary.green h2 a { color: #76C14A; }
#nav-secondary.green ul a { color: #76C14A; }
*/

#nav-secondary.green ul a:hover { color: #76C14A !important; }
#nav-secondary.green ul, #nav-secondary.green li { border-color: #76C14A; }

/*#nav-secondary.blue h2 { color: #508EB4; }
#nav-secondary.blue ul a { color: #508EB4; }
*/
#nav-secondary.blue ul a:hover { color: #508EB3 !important; }
#nav-secondary.blue ul, #nav-secondary.blue li { border-color: #508EB3; }

/*#nav-secondary.red h2 { color: #E3002E; }
#nav-secondary.red ul a { color: #E3002E; }
*/
#nav-secondary.red ul a:hover { color: #E3002E !important; }
#nav-secondary.red ul, #nav-secondary.red li { border-color: #E3002E; }

/*
#nav-secondary.orange h2 { color: #F3AC2A; }
#nav-secondary.orange ul a { color: #F3AC2A; }
*/
#nav-secondary.orange ul a:hover { color: #F3AC2A !important; }
#nav-secondary.orange ul, #nav-secondary.orange li { border-color: #F3AC2A; }

/*2015-12-10*/
#nav-secondary.lightblue ul a:hover { color: #a4dbf2 !important; }
#nav-secondary.lightblue ul, #nav-secondary.lightblue li { border-color: #a4dbf2; }

#nav-secondary-h2.default a{ color: #717075; }
#nav-secondary-h2.default a:hover { color: #717075 !important; }

#nav-secondary-h2.gray a{ color: #717075; }
#nav-secondary-h2.gray a:hover { color: #717075 !important; }
    
#nav-secondary-h2.green a{ color: #76C14A; }
#nav-secondary-h2.green a:hover { color: #76C14A !important; }

#nav-secondary-h2.blue a{ color: #508EB4; }
#nav-secondary-h2.blue a:hover { color: #508EB4 !important; }    

#nav-secondary-h2.red a{ color: #E3002E; }
#nav-secondary-h2.red a:hover { color: #E3002E !important; }

#nav-secondary-h2.orange a{ color: #F3AC2A; }
#nav-secondary-h2.orange a:hover { color: #F3AC2A !important; }

/*2015-12-10*/
#nav-secondary-h2.lightblue a{ color: #a4dbf2; }
#nav-secondary-h2.lightblue a:hover { color: #a4dbf2 !important; }

#content { line-height: 1.6em; font-size: 1em; }

#footer { height: 60px; border-top: 1px gray solid; padding-top: 5px; font-size: 9pt; }
#copyright { float: left; width:532px; }
#footer-nav { float: right; }
#footer-nav ul { margin-top: 4px; }
#footer li:before { content: "| "; display: inline; }
#footer li.first:before { content: ""; display: inline; }
#footer li { margin-left: 3px; }


label { height: 18px; line-height: 18px; display: block; float: left; margin: 0 20px 0 -8px; padding: 0; }



#banner { float: left; width: 900px; margin: 8px 0; }
#banner div { float: left; width: 675px; padding-left: 10px; height: 37px; line-height: 37px; color: #FFFFFF; font-family: 'ProximaNovaCondensed'; font-size: 12pt; font-weight: bold; letter-spacing: 1px; }
#banner div.gray {background-color: #717075;}
#banner div.green {background-color: #76C14A;}
#banner div.blue {background-color: #508EB4;}
#banner div.red {background-color: #E3002E;}
#banner div.orange {background-color: #F3AC2A;}

/*2015-12-10*/
#banner div.lightblue {background-color: #a4dbf2;}

#bannerblocks { float: left; width: 686px; border-bottom: 1px gray solid; margin-bottom: 10px; }
#bannerblocks .bannerblock { float:left; width: 223px; height: 223px; cursor:pointer; background-repeat:no-repeat; }
#bannerblocks .bg1 { background: url(../images/callout-bg8.png); }
#bannerblocks .bg2 { background: url(../images/callout-bg7.png); }
#bannerblocks .bg3 { background: url(../images/callout-bg6.png); }
#bannerblocks .bg4 { background: url(../images/callout-bg5.png); }
#bannerblocks .bg5 { background: url(../images/callout-bg4.png); }
#bannerblocks .mr{ margin-right: 8px; }
#bannerblocks .w1{ width: 385px; } /* these override the default widths for bannerblock */
#bannerblocks .w2{ width: 292px; margin-left:1px; } /* these override the default widths for bannerblock */
#bannerblocks .bannerblock div.trans{ margin-top: 195px; height: 28px; line-height: 28px; padding-right: 10px; text-align: right; background: url(../images/trans.png); }
    #bannerblocks .bannerblock div.trans h4 a {
        color: #000;
    }
#bannerblocks .clear { clear:both; float: left; width: 685px; height: 8px; }
#bannerblocks .blurb { float: left; width: 685px; margin: 15px 0 15px; line-height: 1.5em; }
#bannerblocks img { border: none; }

#scrollerheader { clear: both; float: left; margin-bottom: 14px; width: 685px; }
#scrollerheader h3 { float: left; }
#scrollerheader div.arrows { float: right; width: 30px; }
#scrollerheader a.left{ display: inline-block; width: 15px; height: 18px; float: right; background: url(../images/arrowleft.png); }
#scrollerheader a.right{ display: inline-block; width: 15px; height: 18px; float: right; background: url(../images/arrowright.png); }
#scroller { position: relative; width: 685px; height: 160px; overflow: hidden; border-bottom: 1px gray solid; margin-bottom: 10px; }
#scrollercontainer { display:block; position: relative; width: 2000px; height: 148px; overflow: hidden; margin-left: 0px; left: 0; }

#scrollercontainer .scrollitem { display:block; list-style:none; width: 152px; height: 138px; padding: 8px 16px 0 7px; overflow: hidden; float: left; background: url(../images/scrollitem_bg.png); background-repeat: no-repeat; }
#scrollercontainer .scrollitem div { width: 140px; overflow: hidden; }
#scrollercontainer .scrollitem .img { height: 100px; }
#scrollercontainer .scrollitem .label { height: 28px; line-height: 28px; font-family: 'ProximaNovaCondensed'; font-size: 8pt; text-align: center; }
    #scrollercontainer .scrollitem .label a {
        color: #717075;
    }

#body-nav ul { margin-top: 5px; }
#body-nav ul.menu > li:before{ content: " | "; }
#body-nav ul.menu > li.first:before{ content: ""; }

#home-banner { float: left; width: 900px; height: 228px; margin: 15px 0; background-image: url(/Content/Images/Home/Banner/banner-bg-gray.jpg); } 
#home-banner #topshim { width: 900px; height: 176px; }
#home-banner #topshim-img { width: 900px; height: 176px; border:none; }

#home-banner #leftshim { float: left; width: 60px; height: 65px; background-image: url(../images/home-banner-sprite.png); }

#home-banner a.sector { float: left; display: block;  } /*background-image: url(../images/home-banner-sprite.png);*/

#home-banner #home-gray { float: left; width: 449px; height: 65px; background-image: url(/Content/Images/Home/Banner/icon-home-gray.png); background-position:right 2px;  background-repeat:no-repeat; }

#home-banner #home-green { float: left; width: 110px; height: 65px; background-image: url(/Content/Images/Home/Banner/icon-home-green.png); background-position: 0px -1px;  background-repeat:no-repeat;}

#home-banner #home-blue { float: left; width: 90px; height: 65px;  background-image: url(/Content/Images/Home/Banner/icon-home-blue.png);  background-repeat:no-repeat;}

#home-banner #home-red { float: left; width: 75px; height: 65px; background-image: url(/Content/Images/Home/Banner/icon-home-red.png);background-position:-10px -1px; background-repeat:no-repeat;}

#home-banner #home-orange { float: left; width: 80px; height: 85px; background-image: url(/Content/Images/Home/Banner/icon-home-orange.png); background-repeat:no-repeat; }
/*#home-banner #home-orange:hover { background-position: 193px 0; }*/

#home-callouts { float: left; width: 532px; margin-right: 20px; margin-top: 15px; border-top: 1px gray solid; min-height: 200px; }
#home-callouts .callout { float:left; width: 262px; height: 262px; cursor:pointer; background-repeat:no-repeat; }
#home-callouts .bg1 { }
#home-callouts .bg2 { }
#home-callouts .bg3 { }
#home-callouts .first{ clear: both; margin-right: 8px; }
#home-callouts .callout div.trans{ margin-top: 234px; height: 28px; line-height: 28px; background: url(../images/trans.png); padding-right: 10px; text-align: right; }
#home-callouts .callout div.trans a {
        color: #000;
    }

#home-callouts .bg3 { width: 532px; height: 198px; margin-top: 8px; }
#home-callouts .bg3 div.trans{ margin-top: 170px; }


div.home-header{ float: left; margin: 2px 0 10px 0; color: #000000; font-family: 'ProximaNovaCondensed'; font-size: 20pt; }
div.home-sectionlink{ float: right; margin: 6px 0 10px 0; color: #000000; text-transform: uppercase; font-size: 9pt; }

#home-feature { float: left; width: 348px; margin-top: 15px; border-top: 1px gray solid; min-height: 100px; }
#home-feature .content { clear: both; float: left; width: 100%; margin-right: 0px; line-height: 1.4em; }
#home-feature .content .title { margin-bottom: 4px; font-size: 11pt; color: #000000; }
#home-feature .content .thumbnail { float: left; margin: 7px 10px 0 0; }
#home-feature .content .name-title { color: #000000; }

#home-feature .icons { float: right; width: 100%; }
#home-feature .icons img { margin-bottom: 7px; }

#home-feature-link {
    font-size: 8pt;
}

#home-feature-div-0 {height: 70px;width: 70px;cursor:pointer;margin-bottom:7px;display:inline-block;margin-right:20px;float:left;}
#home-feature-div-1 {height: 70px;width: 70px;cursor:pointer;margin-bottom:7px;display:inline-block;margin-right:20px;float:left;}
#home-feature-div-2 {height: 70px;width: 70px;cursor:pointer;margin-bottom:7px;display:inline-block;margin-right:20px;float:left;}
#home-feature-div-3 {height: 70px;width: 70px;cursor:pointer;margin-bottom:7px;display:inline-block;margin-right:0px;float:left;}

#home-feature .icons span {
    vertical-align:middle;
    color:#fff;
    display:block;
    font-size:8pt;
    padding:3px;
    height:64px;
    overflow:hidden;
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .2), 0px 0px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

#home-feature .icons span.bg-gray { background-color: #717075;}
#home-feature .icons span.bg-blue { background-color: #508EB3;}
#home-feature .icons span.bg-green { background-color: #76C14A;}
#home-feature .icons span.bg-red { background-color: #E3002E;}
#home-feature .icons span.bg-orange { background-color: #F3AC2A;}
#home-feature .icons span.bg-lightblue { background-color: #a4dbf2;}


#home-events { float: left; width: 348px; margin-top: 15px; border-top: 1px gray solid; min-height: 100px; }
#home-events .event { clear: both; float: left; }
#home-events .thumbnail { float: left; margin: 3px 10px 0 0; }
#home-events .thumbnail img { max-width: 60px;  max-height: 64px; }
#home-events .info { float: right;  line-height: 1.5em; width:250px; }
#home-events .title { color: #000000; }
#home-events .dates {  }
#home-events .link { text-transform: uppercase; }

#right-column div.sidebar
{
    margin-bottom:15px;
    margin-left:0px;
    margin-right:0px;
    padding:5px;
}

#right-column div.sidebar img {
        border: none;
}

#right-column div.sidebar h4 {
    font-size:9pt;
    margin-bottom: 5px;
}

#right-column div.promo p {
    font-size:0.9em;
}

#right-column div.rfgraph p {
    font-size:0.9em;
}

#right-column div.rfgraph img {
    padding-right:5px;
    padding-bottom:2px;
    border:1px solid black;
}

div.rfgraph-children {
    padding-top:5px;
    padding-left: 22px;
    background: url("/Content/Images/Layout/arrow_child.png") 0px 0px no-repeat;
}

div.rfgraph-children p {
    margin-right: 5px;
}

#landing {
    width:650px;
}

#landing .column-left {
    width:310px;
    float:left;
}

#landing .column-right {
    width:310px;
    float:right;
}

#landing .column-double {
    width:640px;
    clear:both;
}

.microsite-left table {
    border:none;
    border-spacing:0;
    border-collapse:collapse;
}

.slideshow img {
    border: 0;
}


#right-column .executiveSummary {
  display: block;
  float: left;
  position: relative;
  height: 91px;
  width: 178px;
  margin-bottom:10px;

}

/* BLOGS */
#blogs-by-author {
    clear:both;
    margin-top:25px;
}

    #blogs-by-author h3 {
        font-family:ProximaNovaCondensed;
        font-size:16px;
        font-weight:normal;
        color:#414042;
        text-transform:uppercase;

    }

.blog-author-year {
    font-family:ProximaNovaCondensed;
    font-size:20px;
    font-weight:bold;
    color:#414042;
    border-top:2px solid #414042;
    padding-top:1px;
    margin-top:20px;
    width:515px;
    margin-left:25px;
}

.blog-author-table {
    width:505px;
    margin-left:35px;
    border-collapse:collapse;
}

.blog-author-row {
    vertical-align:top;
    /*border:1px solid black;*/
}

.blog-author-row td {
    vertical-align:top;
    height:30px;
    font-family:ProximaNovaCondensed;
    font-size:12px;
    line-height:14px;
    padding:10px 0 5px 0;
    border-bottom: 1px solid #58595b;
    /*border:1px solid silver;*/
}

.blog-author-month-date {
    width:80px;
    font-weight:bold;
    color:#414042;
}

.blog-author-full-title {
    color:#58595b;
    padding-right:10px !important;
}

.blog-author-full-title a {
    color:#58595b;
}

td.blog-author-sector-icon {
    height:45px !important;
    width:45px;
    text-align:center;
    padding:0 0 0 0;
}

.blog-author-sector-icon img {
    
}

/* BLOGS END */
#home-publications-header {
    clear:both;
    border-top:1px solid gray;
    height:36px;
}

    #home-publications-header div.home-publications-header-title {
        padding-top:3px;
        color:#000;
        font-family:ProximaNovaCondensed;
        font-size:20pt;
        width:400px;
        float:left;
    }

    #home-publications-header div.home-publications-header-link {
        padding-top:9px;
        font-size:9pt;
        width:400px;
        float:right;
        text-align:right;
    }

        #home-publications-header div.home-publications-header-link a {
            color:#006892;
            text-transform:uppercase;
        }

#home-publications {

}

div.home-publications-group {
    height:136px;
    width:900px;
    clear:both;
}

div.home-publications-item {
    text-align:center;
    float:left;
    width: 157px;
    height: 126px;
    margin-right: 26px;
    border-left:1px solid rgba(0, 0, 0, .2);
    border-top:1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, .2), 0px 0px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2);
}

div.home-publications-image-container {
    width:147px;
    height:96px;
    overflow:hidden;
    text-align:center;

    margin-left:4px;
    margin-right:4px;
}

img.home-publications-image {
    max-width:147px;
    max-height:96px;
    margin-bottom:3px;
    margin-top:3px;
}

span.home-publications-title-container {
    /*
    position:relative;
    top:14px;
    left:4px;
    */

    /*
    left:-66px;
    
    width:132px;
    clear:both;
        */
}

span.home-publications-title {
    /*
    position:absolute;
    top:50%;
    
    margin-top:-11px;
    */
    
    display:block;
    height:22px;
    width:147px;
    padding-top:4px;
    padding-left:4px;
    padding-right:4px;
    font-family:ProximaNovaCondensed;
    font-size: 10px;
    font-weight:bold;
    overflow: hidden;
}

span.home-publications-title a {
    color:#000000;
    text-decoration:none;
    
}



h2.faculty-title {
    font-family:ProximaNovaCondensed;
    font-size:24px;
    color:#414042;
    font-weight:500;
    padding-bottom:5px;
    padding-top:5px;
    border-top:4px solid #414042;
    letter-spacing:normal;
    clear:both;
}

div.faculty-list {
    width:650px;
    margin-left:auto;
    margin-right:auto;
    min-height:132px;
    text-align:center;
}

div.faculty {
    float:left;
    height:132px;
    width:132px;
    padding:10px 12px 10px 12px;
    vertical-align:top;
}

img.faculty-grey {
    height:132px;
    width:132px;
    position:relative;
    float:left;
    top:0px;
    left:0px;
 }

div.faculty-trans {
    position:relative;
    float:left;
    top:-30px;
    left:0px;
    height:30px;
    text-align:left;
    padding-left:5px;
    padding-top:2px;
    background: url(/cms/Images/UI/trans.png);
 }

div.faculty-trans h4 {
    padding-bottom:0;
    margin-bottom:0;
    font-family:ProximaNovaCondensed;
    font-size:13px;
    color:#414042;
    height:14px;
    width: 130px;
    overflow:hidden;
    letter-spacing:0;
}

div.faculty-trans a {
    color:#414042;
}

div.faculty-trans h5 {
    padding-bottom:0;
    margin-bottom:0;
    margin-top:0;
    font-family:ProximaNovaLight;
    font-weight:normal;
    font-size:10px;
    color:#414042;
    height:11px;
    width: 130px;
    overflow:hidden;

}

#blog-discussion {
    border-top:4px solid #414042;
    padding-top:5px;
    width:675px;/*655*/
}

#blog-discussion #comments {
    text-transform:uppercase;
    font-family:ProximaNovaCondensed;
    font-size:16px;
    color:#414042;
}

p.identity-please-login {
    font-family:ProximaNovaCondensed;
    font-size:12px;
    padding-bottom:5px;
}

a.blog-sign-in-facebook {
    padding-right:15px;
}

#cSC h3 {
    font-family:ProximaNovaCondensed;
        font-size:16px;
        text-transform:uppercase;
        color:#414042;
        font-weight:normal;
        letter-spacing:normal;
}

#cSC-inner {
    margin-left:25px;
}

#comments-container {
    width:600px;
}

#comments-container h3 {
    font-size:14px;
    padding-bottom:2px;
    margin-bottom:5px;
    border-bottom:1px solid #414042;
}

.blog-item-comment {
}

    div.comment-date {
        font-family:ProximaNova;
        font-size:10px;
        line-height:14px;
        width:150px;
        float:right;
        margin-bottom:5px;
        color:#414042;
        text-align:right;
    }

    div.comment-text {
        font-family:ProximaNova;
        font-size:12px;
        line-height:16px;
        background-color:#e6e7e8;
        color:#414042;
        padding:10px;
    }

    div.comment-text p {
        margin-bottom: 0;
    }

    div.comment-author {
        clear:both;
        background-image:url('/cms/Images/UI/CommentBox_Bubble.png');
        background-repeat:no-repeat;
        background-position:left top;
        padding-left:100px;
        min-height:50px;
    }

    

.comment-author-image {
    padding-top:10px;
    margin-left:50px;
    min-height:40px;
    width:40px;
    float:left;
}

.comment-author-image img {
        height: 36px;
        width: 36px;
        margin-right:5px;
    }

.comment-author-name {
    font-family: ProximaNovaCondensed;
    font-size: 12px;
    font-weight:bold;
    color: #231F20;
    width:300px;
    float:left;
    height:15px;
    padding-top:10px;
}

.comment-author-name a {
    color: #231F20;
}

.comment-author-title {
    font-family: ProximaNovaCondensed;
    font-size: 10px;
    color: #231F20;
}

.comment-pagination {
    clear:both;
    padding-top:10px;
    margin-top:20px;
}


.blog-comments-top {
    float:left;
    width:95px;
    position:relative;
    left:310px;
    text-align:right;
}

#blog-comments-top-right {
    padding-left:20px;
    padding-top:0px;
    padding-bottom:3px;
    background-position: center left;
    background-repeat:no-repeat;
    float:right;
    margin-top:3px;
}

    .comments-bubble-buildings {
        background-image: url('/cms/Images/UI/CommentBox_Buildings.jpg');
    }

    .comments-bubble-transportation {
        background-image: url('/cms/Images/UI/CommentBox_Transportation.jpg');
    }

    .comments-bubble-electricity {
        background-image: url('/cms/Images/UI/CommentBox_Electricity.jpg');
    }

    .comments-bubble-industry {
        background-image: url('/cms/Images/UI/CommentBox_Industry.jpg');
    }

    .comments-bubble-general {
        background-image: url('/cms/Images/UI/CommentBox_General.jpg');
    }

    .comments-bubble-nomenu {
        background-image: url('/cms/Images/UI/CommentBox_General.jpg');
    }

    .comments-bubble-default {
        background-image: url('/cms/Images/UI/CommentBox_General.jpg');
    }

.blog-comments {
    float:left;
    width:100px;
}

img.comments-bubble {
    height: 15px;
    width: 15px;
    float:left;
    margin-right:2px;
    margin-top:3px;
}

.comments-link {
    text-transform:uppercase;
    font-family:ProximaNovaCondensed;
    font-size:10px;
    color:#414042;
    padding-left:2px;
}

.blog-item-sign-in-left {
    float:left;
    width:300px;
    font-family:ProximaNova;
    font-size:13px;
    color:#58595B;
    margin-top:10px;
}


.blog-item-sign-in-right {
    float:right;
    width:300px;
    margin-top:10px;
}

.blog-item-identity {
    float:right;
    width:300px;
    margin-top:10px;
}

.blog-item-post-comment {
    padding-top:5px;
    padding-bottom:45px;
    width:675px; /*645*/
}

.blog-item-post-comment textarea {
    min-height:100px;
    background-color:#e6e7e8;
    border:none;
    width:600px;
}


#lightbox-buildings {
    width:540px;
    height:360px;
    background-image:url(/cms/Images/UI/Lightbox/Buildings/lightbox-buildings-bg.jpg);
    background-repeat:no-repeat;
    padding:0px;
    overflow:hidden;
}


#lightbox-buildings-inner {
    height:360px;
    padding-top:130px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    text-align:right;
}


#lightbox-buildings-table {
    width:540px;
}

    #lightbox-buildings-table td.lbl {
        width:180px;
        text-transform:uppercase;
        text-align:right;
        font-weight:bold;
        font-size:16px;
        font-family:ProximaNovaLight;
    }

    #lightbox-buildings-table td.fld {
        text-align:right;
        font-size:12px;
    }

        #lightbox-buildings-table td.fld input {
            width:95%;
            background-color:transparent;
        }


#lightbox-subscribe {
    width:640px;
    height:640px;
    background-image:url(/cms/Images/UI/Lightbox/Subscribe/lightbox-subscribe-bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    padding:0px;
    overflow:hidden;
    border:1px solid white;
}

#lightbox-subscribe-inner {
    height:620px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    text-align:right;
    /*border:2px solid white;*/
}

.lighbox-subscribe-title {
    font-size:18pt;
    color:#fff;
}

lighbox-subscribe-title-big {
    font-size:24pt;
}

#lightbox-subscribe-table {
    width:620px;
}

    #lightbox-subscribe-table tr {
        
    }

    #lightbox-subscribe-table td {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    #lightbox-subscribe-table td.lbl {
        color:#fff;
        width:180px;
        text-align:right;
        padding-right:15px;
        font-size:18px;
        font-weight:bold;
        font-family:ProximaNovaLight;
    }

    #lightbox-subscribe-table td.fld {
        text-align:left;
        font-size:12px;
        margin-bottom:5px;
    }

        #lightbox-subscribe-table td.fld input {
            height:20px;
            font-size:16px;
            width:100%;
            color:#000;
            background-color:#fff;
        }