/*-------------------------*\
        TYPOGRAPHY
\*-------------------------*/

/* Font families, weights, sizes, text decoration, text transform, leading (line height), alignment */

/* Local hosting of embedded font: remove this for production! */
@font-face {
    font-family: 'Helvetica Neue Bold Condensed';
    src: local('Helvetica Neue LT Std 77 Condensed Bold'), url('/static/css/neue-helvetica-77-condensed-bold-latin-1.ttf?f9eb1b152efa') format('truetype');
}

/*-- Base Type --*/

.ie7 h1,
.ie7 h2,
.ie7 h3,
.ie7 h4,
.ie7 h5,
.ie7 h6 {
    font-weight: normal;
}

html,
body,
header,
section,
article,
.page-content,
footer {
    font-family: Arial, helvetica, sans-serif;
    font-size: 12px;
    text-rendering: optimizeLegibility;
}
section#clouds {font-size: 100%;}
section#clouds form {font-size:12px;}

/*-- Common --*/

.topLevel,
.account,
.accountSignIn,
.accountSignIn input,
.searchInput,
.topNav, 
.contentCol h2,
.contentCol h2 a,
.sub article .three h2,
.btnMore,
.showall,
.hideall,
.sub article h1,
.subSidebar h3,
.sectionTOC li a,
.mobileAcc,
.btnSubmitSearch,
.pdf-download,
.bottomBar h2,
#events-upcoming h2,
.three section.asideGroups h3 {
    /* fonts.com selector for Helvetica Neue: 'HelveticaNeueW01-77BdCn 692722' - May need to replace this in production code */
    font-family: 'HelveticaNeueW01-77BdCn 692722', 'Helvetica Neue Bold Condensed', 'Helvetica Neue LT Std 77 Condensed Bold', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, arial, sans-serif;
}

.topNav,
.articleContent,
.intro p,
.section,
.subSidebar .asideIntro,
.subSidebar .service-overview,
#service-overview .service-overview,
#group-overview .group-overview,
.introCopy p,
.theaterStatus li p {
    font-size: 14px;
    line-height: 18px;
}

#filterIntro .introCopy p {
	font-size:12px;
}

.contentCol a,
.moreInfo h4,
.eventInfo dt,
.breadcrumbs .currentCrumb,
.section dt,
.section a,
.subSidebar dt,
.asideIntro a,
.introCopy a,
.articleContent a,
.onetwo a,
.subSidebar h4, 
.articleContent h4 {
    font-weight: bold;
}

.breadcrumbs ul li:last-child {
	font-weight:bold;
	color:#fff;
}

.contentCol a:hover,
.introCopy a:hover,
.forgotPass a,
.section a:hover,
.fatFooterNav a:hover,
.articleContent a:hover {
    text-decoration: underline;
}

.btnSignInOut,
.account,
.topNav li {
    line-height: 1.1;
    text-align: center;
}

.accountSignIn h3,
.accountSignIn label {
    text-align: right;
}

.contentCol a.btnMore:hover,
.section a.selectBox:hover,
.filterSearch a.selectBox:hover {
    text-decoration: none;
}

/*-- Header --*/

.topNav > ul > li,
.sf-menu ul li.heading > h3 {
    font-size: 16px;
}

.topLevel {
    font-size: 17px;
}

.topNav li,
.minFooterNav {
    line-height: 1.1;
}

.account,
.btnSignInOut,
.accountSignIn h3,
.accountSignIn label,
.btnSubmitSearch,
.searchGroup .btnSubmitSearch,
.searchMembers .btnSubmitSearch,
.pdf-download a {
    font-size: 14px;
    text-transform: uppercase;
}
.searchGroup .btnSubmitSearch, .filterSearch .searchMembers .btnSubmitSearch, .pdf-download a {
	font-weight:normal;
}
.searchGroup .btnSubmitSearch:hover, .pdf-download a:hover {
	text-decoration:none;
}

.accountSignIn .forgotPass {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
}

.forgotPass a.uc {
    text-transform: uppercase;
}

.searchInput {
    font-size: 10px;
    line-height: normal;
    text-transform: uppercase;
}

/*-- Body --*/

.topNav li li {
    line-height: 1.2;
    text-align: left;
}

#topNav .sf-menu ul a,
.mobileMenu li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.contentCol {
    line-height: 16px;
}

.contentCol h2, .sub article .three h2 {
    font-size: 26px;
    line-height: 1.1;
	font-weight:normal;
	padding-top:0;
}

.contentCol h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
}

.readMore {
    text-transform: capitalize;
}

.btnMore {
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
}

    .contentCol a.btnMore, #asideNewsContent a.btnMore, .three section.asideGroups .btnMore {
        font-weight: normal;
    }

.sub article h1 {
    font-size: 48px;
    text-transform: uppercase;
}

.channelNav > ul > li > a {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}

.sub article h2 {
    font-size: 20px;/*24px*/
    font-weight: bold;
    line-height: 1.1;
	padding-top:12px;
}
div.copy h1.blog-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.1;
	padding:12px 0 0 0;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif;
}
.sub article h3 {
    font-size: 16px;/*24px*/
    font-weight: bold;
    line-height: 1.1;
	padding-top:12px;
}
.sub article h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
	padding-top:12px;
}
.three p {font-size:13px;}
.sub article .contentCol h3 {
	margin:0 0 8px;
	font-style:italic;
}
.sub article .contentCol h2+h3 {padding-top:0px;}

.sub article h2+p, .sub article h3+p, .sub article h4+p {
	padding-top:2px;
}

.sub article .three h2 {color:#006579;padding-top:0;}

.sub article h2 a[href] {
	color:#006579;
	padding-right:12px;
	background: url('/static/images/spritesArrows.png?f9eb1b152efa') no-repeat 100% 8px;
}
.sub article h2 span.align-left a[href], .sub article h2 span.align-right a[href] .sub article h3 span.align-right a[href], .sub article h3 span.align-right a[href] {
	background: none;
}
.sub article h3 a[href] {
	color:#006579;
	padding-right:12px;
	background: url('/static/images/spritesArrows.png?f9eb1b152efa') no-repeat 100% 6px;
}

.sub .contentCol h2 a[href], .sub article .three h2 a[href] {
	font-weight:normal;
	background: url('/static/images/spritesArrows.png?f9eb1b152efa') no-repeat 100% 13px;
}

.sub .contentCol h2 {
    font-weight: normal;
	font-size:24px;
}

.articleContent .articleTeaser h2 {
	font-size:110%;
	display:inline;
	padding:0;
}
.articleContent .articleTeaser .blog h2, .articleContent .articleTeaser .showcase h2 {padding-left:0;}

.articleContent .articleTeaser h2 a {
	background: none;
}

.articleTeaser span.date {font-style:italic;}
.articleTeaser span.source {font-style:italic;}
.articleTeaser {line-height:1.5em;}

#filterIntro .introCopy h2 {
	display:none;
}

.onetwo a, .resultsContainer a, .articleContent .top a, .articleContent a {
	color:#006579;
}

.sectionTOC li a {
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
}

.topicList h3 {
    font-size: 18px;
    font-weight: bold;
}

.section a.selectBox,
.selectBox-options,
.selectBox-options li,
.selectBox-options li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.selectBox-options li a {
    line-height: 1.5;
}

.filterResults th,
.filterSearch label {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.mobileAcc {
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
}

.subSidebar h3, .bottomBar h2 {
    font-size: 30px;
    text-transform: lowercase;
}

.three section.asideGroups h3 {
border-bottom: 1px solid #a5dee8;
margin: 20px 0 15px 0;
padding: 0;
clear: both;
color: #006579;
font-size: 26px;
line-height: 1.1;
font-weight: normal;
}

div#events-upcoming h2.events-upcoming {
    font-weight: normal;
	font-size:24px;
}
.subSidebar li {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.quotation {font-style: italic; margin-left: 40px;}

/*-- Case Studies --*/

article #case-study p, article .case-study p , .enhanced-text p {max-width:90%;}
.enhanced-text p.img-para {max-width: 100%;padding: 0;}
.img-para .align-right {padding-top: 8px;}
.enhanced-text p {font-size:1.1em;line-height:1.4em;}
.enhanced-text li {font-size:1.1em;line-height:1.6em;}
article #case-study .cs-body p:first-child, article .case-study .cs-body p:first-child {margin-top:1em;}
article #case-study .cs-footer, article .case-study .cs-footer {border-top:1px solid #d2d2d2;margin-top:1em;}
article #case-study p.pub-date, article .case-study p.pub-date {font-style:italic;margin-top:0;max-width:100%;}
article #case-study p.img-align-right, article .case-study p.img-align-right {float:right;margin:1em 0 0 0;padding:0 0 2em 2em;background:#fff;}
article #case-study .cs-summary, article .case-study .cs-summary {clear:left;}
article #case-study .cs-summary h2, article .case-study .cs-summary h2 {font-size:14px;text-transform:uppercase;color:#ee3b33;margin-top:1em;}
article #case-study .cs-body h2, article .case-study .cs-body h2 {font-size:14px;text-transform:uppercase;margin-top:1em;}
article #case-study .cs-summary ul, article .case-study .cs-summary ul {padding:4px 0 0 0;}
article #case-study .cs-summary li, article .case-study .cs-summary li {padding:0 0 3px 23px;}
article #case-study .cs-summary li:last-child, article .case-study .cs-summary li:last-child {padding:0 0 8px 23px;border-bottom:1px solid #d2d2d2;}
.callout-right { /*this div contains 2 paras, quote and author - following*/
	width: 40%;
	float: right;
	padding: 20px 20px 20px 20px;
	margin: 8px 0 8px 40px;
	background-color: #c2e5ec;
}
article #case-study .cs-body .callout-right p, article .case-study .cs-body .callout-right p , .callout-right p {
	padding: 0;
	margin-top: 0;
	max-width: 100%;
	font-style: italic;
	line-height: 1.4em;
	font-size: 1.2em;
}
article #case-study .cs-body .callout-right p.callout-author, article .case-study .cs-body .callout-right p.callout-author , .callout-right p.callout-author {
	font-size: 1em;
	margin-top: 10px;
	line-height: 1.3em;
	text-align: right;
}

/*-- FOOTER --*/

footer h2 a {
    font-weight: bold;
    text-transform: uppercase;
}

/*------------------ MEDIA QUERIES ------------------*/

/* SMALL */

@media screen and (max-width: 640px) {

    .searchBtn.ir.pie,
    .filterSubpage .channelNav > ul > li > a,
    .channelSubpage .channelNav > ul > li > a,
    .searchBtn.ir.pie {
        /* fonts.com selector for Helvetica Neue: 'HelveticaNeueW01-77BdCn 692722' - May need to replace this in production code */
        font-family: 'HelveticaNeueW01-77BdCn 692722', 'Helvetica Neue Bold Condensed', 'Helvetica Neue LT Std 77 Condensed Bold', 'Helvetica Neue Bold', 'HelveticaNeueLTStd BdCn', HelveticaNeue, Helvetica, arial, sans-serif;
    }

    .searchInput,
    .accountSignIn input {
        font-size: 14px;
        font-weight: normal;
        text-transform: inherit;
    }

    .searchBtn.ir.pie {
        font-size: 16px;
        text-align: center;
        text-transform: uppercase;
    }

    .accountSignIn .forgotPass {
        line-height: 22px;
    }

    .currentCrumb span,
    .filterSubpage .channelNav li ul li a,
    .channelSubpage .channelNav li a {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .filterSubpage .channelNav,
    .channelSubpage .channelNav,
	.genericSubpage .channelNav {
        text-align: center;
    }

    .filterSubpage .channelNav > ul > li > a, 
    .channelSubpage .channelNav > ul > li > a{
        font-size: 18px;
        font-weight: normal;
        text-transform: lowercase;
    }

    .btnSubmitSearch {
        font-size: 18px;
    }

}

/* ASSISTIVE */

@media screen and (min-width: 641px) and (max-width: 750px) {

    .topNav > ul > li,
    .productSubpage .sectionTOC li a {
        font-size: 14px;
    }

}

/*-------------------------*\
      NORMALIZE / RESET
\*-------------------------*/

/* modified version of normalize.css: http://necolas.github.com/normalize.css/  & reset.css: http://meyerweb.com/eric/tools/css/reset/ */
/* HTML5 display definitions */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary { display: block;}
audio,canvas,video {display: inline-block; *display: inline; *zoom: 1;}
/* Base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* used for mobile standard font sizing */
html,button,input,select,textarea {font-family: sans-serif;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,img,figure,sub,sup,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
    margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;
}   
input { border-radius: 0; }  /* for iOS */
a:focus {outline: thin dotted; }
h1,h2,h3,h4,h5,h6 {font-size: 1em;}
ul, ol { list-style: none; list-style-image: none;}
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) {overflow: hidden;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box;  padding: 0;  *height: 13px; *width: 13px; }
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
textarea { overflow: auto; vertical-align: top;font-size:12px; }
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}

/*-------------------------*\
        CONTENTS
\*-------------------------*/

/*-- Table of Contents

    - GLOBAL
    - HEADER
    - CONTENT
    - VIDEO
    - FOOTER
    - MEDIA QUERIES
    - PRINT

/*-- Colors

    - Black: #363636
    - Red: #EE3B33
    - Cyan: #2bd5db
    - Dark Blue: #006579
    - Light Gray (text): #dedede
    - Gray (dividers, light): #d2d2d2
    - Gray (dividers, dark): #515151
    - Dark Gray (text): #7c7c7c
    - Darkest Gray (background): #1a1a1a

/*-------------------------*\
        GLOBAL
\*-------------------------*/

abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: bold; }
mark { background: #ff0; color: #000; }
pre,code { font-family: monospace, serif;  font-size: 1em; }
pre { white-space: pre;  white-space: pre-wrap;  word-wrap: break-word; }

sub, sup { 
    font-size: 80%; 
    line-height: 0; 
    position: relative; 
    vertical-align: baseline;
	padding-left:2px;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

a { text-decoration: none; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.ie7 .clearfix { zoom: 1; }

.ir { 
    display: block; 
    text-indent: 100%; 
    overflow: hidden; 
    white-space: nowrap; 
    border: 0; 
    background-color: transparent; 
    background-repeat: no-repeat; 
    text-align: left; 
    direction: ltr; 
} 

    .ie7 .ir { line-height: 0; }
    .ir br { display: none; }

html,
body,
header,
section,
article,
.page-content,
footer {
    color: #363636;
}

body, body.sub.signinPage {
    background: #fff;
}

/*-------------------------*\
        HEADER
\*-------------------------*/

header {
    background: #fff;
    height: 100px;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
}

.headerContents {
    margin: 0 auto;
    max-width: 1060px;
    position: relative;
}

header h1 {
    background: url('/static/images/sprites.png?f9eb1b152efa') no-repeat 0 0;
    float: left;
    height: 89px;
    margin: 7px 0 7px 30px;
    width: 119px;
}

.acctSearchContainer {
    float: right;
    position: relative;
    z-index: 9999;
}

.navMobile, .signinPage .navMobile {
    display: none;
}

/*---------------------------------- Account */

.acctWrapper {
    display: block; /* To show while mobile hides */
    float: left;
    position: relative;
}

.account {
    background: #006579;  
    border-radius: 0 0 0 15px;
    border-right: 1px solid #fff;
    height: 35px;
    line-height: 35px;  /* This is here and not in type.css because this line height is used for alignment in box model, not for leading */
    overflow: hidden;
    padding: 0 20px;
    position: relative;
}

    .ie7 .account.stateSignedIn {
        width: 180px;
    }

    .account a { 
        color: #fff; 
    }

a.myAccount {
    float: left;
}

.btnSignInOut {
    background: #ee3b33;
    border: 1px solid transparent;
    border-radius: 4px;
    clear: both;
    color: #fff;
    display: inline-block;
    padding: 7px 10px;/*4px 0*/
    /*width: 82px;*/
}
.form_submit_button {margin-left:26%;}

    .ie7 .btnSignInOut {
        display: inline;
        zoom: 1;
    }

/*.stateSignedOut .myAccount,*/
/*.stateSignedOut a.signOut,
.ie7 .stateSignedOut a.signOut, */
.stateSignedIn a.signInOutOpen {
    display: none;
}

.stateSignedIn a.myAccount {
    display: block;
}

.ie7 .stateSignedIn a.signOut {
    position: absolute;
        top: 6px; right: 20px;
}

.myAccount {
    color: #fff;
    float: left;
    padding-right: 10px;
}

.accountSignIn {
    background: #006579;  
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0 0 0 15px;
    color: #fff;
    display: none;
    padding: 10px 30px 30px;
    position: absolute;
        top: 0; right: 0;
    width: 340px;   /* 300px */
    z-index: 999;
	text-align:right;
}

.closeSignin {
    background: url('/static/images/btnClose.png?f9eb1b152efa') no-repeat;
    height: 14px;
    position: absolute;
        top: 9px; left: 10px;
    width: 15px;
}

.accountSignIn h3 {
    padding-bottom: 14px;
}

.accountSignIn .inputWrapper {
    overflow: hidden;
    padding: 5px 0;
}

.accountSignIn label {
    float: left;
    line-height: 22px;  /* This is here and not in type.css because this line height is used for alignment in box model, not for leading */
    padding-right: 4px;
    width: 68px;
}

.accountSignIn input {
    border: 1px solid #dbdbdb;
    float: right;
    /*height: 20px;*/
    width: 154px;
}

    .ie .accountSignIn input { width: 150px; }

.accountSignIn .btnSignInOut {
    float: right;
	margin:2px 0 0 2%;/*14px 0*/
}

.accountSignIn .btnSignInOut.signinMobile {
    display: none;
}

.forgotPass {
    clear: both;
}

.forgotPass a {
    color: #fff;
}

/*---------------------------------- Search */

.search {
    background: #006579;
    display: block;
    float: left;
    height: 35px;
    overflow: hidden;
}

.searchInput {
    border: 1px solid #b7b7b7;
    color: #000;
    float: left;
    height: 18px;
    line-height: 18px;  /* This is here and not in type.css because this line height is used for alignment in box model, not for leading */
    margin: 7px 0 7px 10px;
    padding: 0 7px;
    width: 156px;   /* 170px */
}

.searchBtn {
    background: url('/static/images/sprites.png?f9eb1b152efa') no-repeat -148px 0;
    float: left;
    height: 20px;
    margin: 7px 30px 0 0;
    width: 20px;
}
#cse-search-box .searchBtn {color:transparent;}

/*---------------------------------- Navigation */

.topNav {
    height: 40px;
    margin: 0 0 0 200px;
    padding: 60px 5px 0 0; 
    position: relative;
}

    .ie7 .topNav {
        padding-top: 56px;
        position: absolute;
            top: 0; left: 0;
        width: 76%;
    }

/* Top Level */

.topNav > ul > li {
    border-right: 1px solid #ee3b33;
    float: left;
    margin: 0;
    padding: 0 2% 0 2% !important;
}

    /* Nav LI percentages defined so that the nav scales horizontally with the viewport */

    .topNav li.rs,
    .topNav li#menu-item-research-solutions,
    .topNav li.top-level {
        padding-left: 0;
        width: 12%; 
    }

    .topNav li a.top-level-link {
        width: 90%;
        text-transform: lowercase;
    }
    
    .topNav li a {
        text-transform: uppercase;
    }
    
    .topNav li.cg,
    .topNav li.ps,
    .topNav li#menu-item-comnunities-groups,
    .topNav li#menu-item-products-services
     {
        width: 16%; 
    }

    .topNav li.vi,
    .topNav li#menu-item-vision-initiatives
     {
        width: 13%; 
    }

    .topNav li.ne,
    .topNav li#menu-item-news-events
     {
        width: 10%; 
    }

    .topNav li.au,
    .topNav li#menu-item-about-us
     {
        border-right: none;
        padding-right: 0;
        width: 7%; 
    }

.topNav a {
    display: block;
    color: #313131;
    position: relative;
}

#topNav .sf-menu > li.sfHover > a,
#topNav .sf-menu li.current > a,
#menu-internet2-root > li.sfHover > a,
.topNav #menu-internet2-root li.active-menu-item > a
 {
    color: #e53f3a;
}

/*-- Dropdowns --*/

/*THIS #topNav .sf-menu ul, */.topNav #menu-internet2-root ul {
    border-top: 5px solid #e53f3a;
    position: absolute;
    top: -999em;
    width: 214px;
}

#topNav .sf-menu ul li, .topNav #menu-internet2-root ul li {
    background: url('/static/images/bgLI.png?f9eb1b152efa');
    border-top: 1px solid #d2d2d2;
}

#topNav .sf-menu ul a, .topNav #menu-internet2-root ul a {
    color: #006579;
    padding: 12px 20px;
}

    .ie7 #topNav .sf-menu li:hover, .ie7 .topNav #menu-internet2-root li:hover { visibility: inherit; } /* Fixes IE7 'sticky bug' */

#topNav .sf-menu li, .topNav #menu-internet2-root li {
    position: relative;
}

#topNav .sf-sub-indicator {
    display: none;
}

/*THIS*/.sf-menu li:hover ul,
.sf-menu li.sfHover ul,/*THIS*/
.topNav #menu-internet2-root li:hover ul,
.topNav #menu-internet2-root li.sfHover ul
 {
    left: 0;
    top: 47px;  /* Distance from top of list to top of dropdowns */
    z-index: 99;
}

/* THIS .sf-menu li > ul > li:hover,
ul.sf-menu li li:hover ul li:first-child:hover, THIS*/
.topNav #menu-internet2-root li > ul > li:hover,
.topNav ul#menu-internet2-root li li:hover ul li:first-child:hover
 {
    background: #d2d2d2;
}

#topNav .sf-menu ul li:first-child,
#topNav #menu-internet2-root ul li:first-child,
#topNav .sf-menu ul li.heading + li,
#topNav #menu-internet2-root ul li.heading + li,
#topNav .sf-menu li > ul > li:hover,
#topNav #menu-internet2-root li > ul > li:hover,
#topNav ul.sf-menu li li:hover ul li:first-child:hover, 
#topNav ul#menu-internet2-root li li:hover ul li:first-child:hover 
{
    border-top: 1px solid transparent;
}

.topNav ul.sf-menu li:hover li ul,
.topNav ul#menu-internet2-root li:hover li ul,
.topNav ul.sf-menu li.sfHover li ul,
.topNav ul#menu-internet2-root li.sfHover li ul,
.topNav ul.sf-menu li li:hover li ul,
.topNav ul#menu-internet2-root li li:hover li ul,
.topNav ul.sf-menu li li.sfHover li ul,
.topNav ul#menu-internet2-root li li.sfHover li ul
 {
    top: -999em;
}
/* Headings */

.sf-menu ul li.heading,
.sf-menu ul li.heading:hover {
    background: url('/static/images/bgLIheading.png?f9eb1b152efa');
    border-top: none;
    color: #fff;
    margin-top: 3px;
}

.sf-menu ul li.heading:first-child,
.sf-menu ul li.heading:first-child:hover {
    margin-top: 0;
}

.sf-menu ul li.heading > h3 {
    background: url('/static/images/arrowHeading.png?f9eb1b152efa') no-repeat 20px 50%;
    padding: 14px 20px 14px 40px;
}

/* Specific to tertiary dropdowns */

.sf-menu ul li:hover > a,
ul#menu-internet2-root ul li:hover > a {
    color: #e23a34;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul,
ul#menu-internet2-root li li.sfHover ul, 
ul#menu-internet2-root li li:hover ul,
ul#menu-internet2-root li ul li:hover ul.depth-2 {
    left: 215px;
    top: -6px;
}

    ul.sf-menu li li ul li,
    ul#menu-internet2-root li ul li ul.depth-2 li,
    ul.sf-menu li li:hover ul li:hover, 
    ul#menu-internet2-root li li:hover ul li:hover,
    ul#menu-internet2-root li ul li:hover ul.depth-2 li:hover {
        border-top: 1px solid #b5b2b2;
        background: #d2d2d2;
    }

.sf-menu li.cg > ul,
#menu-internet2-root li#menu-item-comnunities-groups > ul { 
    border-top: 0; 
}

li > ul > li > a.sf-with-ul {
    background: url('/static/images/spritesArrows.png?f9eb1b152efa') no-repeat 95% 18px;/*95% 15px*/
    padding-right: 30px;
}

    .ie7 li > ul > li > a.sf-with-ul { background-position: 95% 20px; }

li > ul > li > a.sf-with-ul:hover { 
    background-position: 95% -75px; /*95% -78px*/
}

    .ie7 li > ul > li > a.sf-with-ul:hover { background-position: 95% -73px; }

/*-------------------------*\
        CONTENT
\*-------------------------*/

.time-sensitive {display:none;}

.page-content {
    clear: both;
    overflow: hidden;
    position: relative;
}

.btnMore, .pdf-download a {
    background: #006579;
    border: 1px solid transparent;
    border-radius: 4px;
    clear: both;
    color: #fff;
}

    .btnMore:hover, .pdf-download a:hover {
        background: #54c7de;
        border: 1px solid #006579;
        color: #006579;
    }

.introCopy a.read-more-btn {
    background: #dedede;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    float: right;
	clear:right;
    height: auto;
    padding: 5px 5px 4px;
    text-indent: 0;
    color: #006579;
	margin:2% 0 0;
}

    .introCopy a.read-more-btn:hover {
        background: #54c7de;
        border: 1px solid #006579;
        color: #fff;
		text-decoration:none;
    }

/*---------------------------------- Video */

/*-- LightBox --*/

.embedVidContainer {
    height: auto; 
    width: 80%;
}

.vidContainer { 
    height: auto; 
    position: fixed;
        top: 50%; left: 50%;
    width: 80%;
    z-index: 9999;
}

.overlay {
    background: url('/static/images/bgOverlay.png?f9eb1b152efa');
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
        top: 0; left: 0;
    z-index: 9999;
}

.close {
    background: url('/static/images/closeBtn.jpg?f9eb1b152efa');
    height: 30px;
    position: absolute;
        top: -20px; left: -20px;
    text-indent: -9999px;
    width: 30px;
    z-index: 99999;
}

/*-- Inline Video --*/

.inlineContainer img {
    cursor: pointer;
    height: auto; 
    width: 100%;
}

.inlineContainer {
    width: 70%;
    position: relative;  
    z-index: 0; 
}
#mobileBanner .inlineContainer {width:100%;}
#mobileBanner .inlineContainer img {border:0;}

.inlineLink {
    display: block;
    overflow: hidden;
    width: 100%;
}

.inlineContainer iframe {
    width: 100%; 
}

/*.BrightcoveExperience {margin-bottom:20px;}*/
span.align-right {display:block;float:right;background:#ffffff;}
span.align-left  {display:block;float:left;background:#ffffff;}
span.align-center img {display:block;margin-left:auto;margin-right:auto;background:#ffffff;}

div.copy {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 1em;
}

div.copy h1 {
    font-size: 26px;
    line-height: 36px;
    font-weight: bold;
    color: black !important;
    padding-left: 0 !important;
}

div.copy p {
    margin-bottom: 8px;
}
div.copy .blog-body p {margin-bottom:0px;}
div.copy .blog-body img {max-width:543px;}

div.copy form {
    padding: 1em 0;
    width: auto;
}
form li {clear:left;}

div.copy form label, #new_user_registration label {
    float: left;
    width: 25%;
    text-align: right;
    padding: .2em .5em 0 0;
    font-weight: bold;
}
form label.required:after {
	content:"*";
}
#user_registration_organization_name {font-size:.75em}
.validation-error {
	display: block;
	color: red;
	margin: 5px 26%;
}
.validation-error:before {
	content: "↑\0000a0";
}
form label[for="id_captcha"] {
    display: none;
}

div.copy form p {
    clear: both;
}

div.copy form div#recaptcha_widget_div {
    /*margin-left: 15.25em;*/
}

div.copy form span.helptext {
    font-style: italic;
    display: block;
    clear: both;
    margin-left: 25%;
    margin-bottom: 1em;
	padding-left:10px;
	font-size:.85em;
	color:#A2B8BD;
}

div.copy form input[type="text"], #new_user_registration input[type="text"],
div.copy form input[type="email"], #new_user_registration input[type="email"],
div.copy form textarea, #new_user_registration textarea, {
    width: 60%;
	font-size:.9em;
	max-width:350px;
	font-family:inherit;
}

div.copy form input[type="submit"] {
    background: #ee3b33;
    border: 0;
    border-radius: 4px;
    clear: both;
    color: #fff;
    height: 22px;
    line-height: 22px;
    width: 82px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    /*margin-left: 15.5em;*/
    margin-bottom: 2em;
	padding-top:2px;
}
div.copy form .fieldWrapper {clear:left;margin:10px 0;}
div.copy form .gray {color:#999;}
div.captcha {padding-top:2em;}
div.copy .captcha p {margin-bottom: 0;
	font-style: italic;
	padding-bottom: 4px;
}

div.copy form select {}
div.copy form.edit_bio label {
	text-align: left;
	float: none;
	display: block;
	margin-bottom: 10px;
}
#bio_photo {
	margin: 10px 0;
	display: block;
}
div#disqus_thread {
    margin: 2em 0;
}

/* other news / blog styles */

div.bottomBar {
    background: #3f717a; /* Old browsers */
    background: -moz-linear-gradient(top,  #3f717a 0%, #484848 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f717a), color-stop(100%,#484848)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3f717a 0%,#484848 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3f717a 0%,#484848 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3f717a 0%,#484848 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3f717a 0%,#484848 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f717a', endColorstr='#484848',GradientType=0 ); /* IE6-9 */
    text-align: left;
    padding: 20px;
    margin: 0;
    color: #fff;
}

div.articleTeaser {
    padding: 1em 0;
}

ul.events {padding: 0;}

div.article_news_block > ul > li, 
ul.posts  > li  {
    padding: 0 2em 10px;
    margin-bottom: 10px;
}

ul.events li.event-item  {
    padding: 0 0 10px;
    margin-bottom: 10px;
}
#events-upcoming ul.events li.event-item  {
    padding: 10px 0 0 22px;
    margin-top: 10px;
}
#events-upcoming p {
	padding:10px 0 0 22px;
	margin:10px 0;
	}

ul.relatedPages li {
    padding: 0 0 10px;
    margin-bottom: 10px;
}
ul.relatedPages li:last-child {
    margin-bottom: 0px;
}
ul.relatedPages li span, .media-list li span {
	display:none;
}

div.events-icon {
    background: url('/static/images/icon-events.png?f9eb1b152efa') no-repeat;
    height: 40px;
    padding-left: 40px;
    border-bottom: 1px solid #86CCD9;
}

div.events {
    margin-left: 40px;
    border-left: 1px solid #86CCD9;
}
div.bottomBar a, div.bottomBar h2 {
    color: #86CCD9;
}
div.bottomBar h2.events-upcoming {
    display:inline-block;
    border-left: 1px solid #86CCD9;
    padding: 1px 20px 5px;
}

.channelContent .contentCol li, #asideNewsContent li {
    border-bottom: 1px dashed #d2d2d2;
    display: block;
}
.channelContent .contentCol li:last-child, #asideNewsContent li:last-child {
    border-bottom: 0;
}

ul.events li {
    text-indent:0;
}
.articleContent ul.events li {background:none;}

ul.events span.date-location {
    display:block;
    clear:both;
}
span.date-location span.location {
    display:inline-block;
    margin-left: 15px;
}
.icon {
    padding-left: 22px;
}

.tweet, #asideNewsContent ul li.tweet {
    background: url('/static/images/icon-tweet.png?f9eb1b152efa') no-repeat 0 0;
}
.asideNews .tweet {
    background: url('/static/images/icon-tweet-bluebg.png?f9eb1b152efa') no-repeat 0 0;
}

.facebook, #asideNewsContent ul li.facebook {
    background: url('/static/images/icon-facebook.png?f9eb1b152efa') no-repeat 0 0;
}
.pinterest, #asideNewsContent ul li.pinterest {
    background: url('/static/images/icon-pinterest.png?f9eb1b152efa') no-repeat 0 0;
}
.asideNews .pinterest {
    background: url('/static/images/icon-pinterest-bluebg.png?f9eb1b152efa') no-repeat 0 0;
}
.linkedin-post, .linkedin, #asideNewsContent ul li.linkedin, #asideNewsContent ul li.linkedin-post {
    background: url('/static/images/icon-linkedin.png?f9eb1b152efa') no-repeat 0 0;
}
#social li.facebook, #social li.linkedin, #social li.pinterest, #social li.twitter {background:none;}

.blog, #asideNewsContent ul li.blog {
    background: url('/static/images/icon-blog.png?f9eb1b152efa') no-repeat 0 0;
}
.asideNews .blog {
    background: url('/static/images/icon-blog-bluebg.png?f9eb1b152efa') no-repeat 0 0;
}

.news, #asideNewsContent ul li.news {
    background: url('/static/images/icon-news.png?f9eb1b152efa') no-repeat 0 0;
}
.asideNews .news {
    background: url('/static/images/icon-news-bluebg.png?f9eb1b152efa') no-repeat 0 0;
}

.pr, #asideNewsContent ul li.pr {
    background: url('/static/images/icon-press-release.png?f9eb1b152efa') no-repeat 0 0;
}
.asideNews .pr {
    background: url('/static/images/icon-press-release-bluebg.png?f9eb1b152efa') no-repeat 0 0;
}

.media-clip, #asideNewsContent ul li.media-clip {
    background: url('/static/images/icon-news-clip.png?f9eb1b152efa') no-repeat 0 0;
}
.asideNews .media-clip {
    background: url('/static/images/icon-news-clip-bluebg.png?f9eb1b152efa') no-repeat 0 0;
}

.showcase, #asideNewsContent ul li.showcase {
    background: url('/static/images/icon-showcase.png?f9eb1b152efa') no-repeat 0 0;
}
.asideNews .showcase {
    background: url('/static/images/icon-showcase-bluebg.png?f9eb1b152efa') no-repeat 0 0;
}


li.news > p.news-date, li.pr > p.news-date, li.media-clip > p.news-date, li.showcase > p.news-date, li.blog > p.news-date, li.facebook > p.news-date, li.pinterest > p.news-date, li.tweet > p.news-date, li.linkedin-post > p.news-date {
    color: #A2B8BD;
}
aside.subSidebar .asideNews p.news-date {color:#eeeeee;font-weight:normal;}

ul.localnavblock {
    padding: .25em 1em;
}

ul.localnavblock li {
    padding: .25em 0;
    display: inline;
    width: 42%;/*45%*/
	margin-right:14px;
    float: left;
	line-height:inherit;
}
ul.localnavblock li:nth-child(odd) {
	clear: left;
}

.articleContent ul {
	padding:8px 0; 
}
.articleContent h2+ul, .articleContent h3+ul,.articleContent h2+ol, .articleContent h3+ol {
	padding:8px 0;
}

.articleContent ol {
	list-style:decimal;
	padding:8px 0 0 20px; 
}

.articleContent ol.no-style {list-style:none;}

.articleContent ul li {
	padding:0 0 8px 23px;
	background: url('/static/images/ulArrow01.png?f9eb1b152efa') no-repeat 2px 6px;
}
.introCopy ul li {
	padding:0 0 8px 23px;
	background: url('/static/images/ulArrow01-white.png?f9eb1b152efa') no-repeat 2px 4px;
	line-height:16px;
}

.articleContent ul li ul li {
	background: url('/static/images/ulArrow02.png?f9eb1b152efa') no-repeat 2px 6px;
}
.articleContent ol>li {
	padding:0 0 8px 5px;
	/*margin-left:17px;*/
	background:none; 
}

.resultsContainer ul {
	list-style:none outside none;
	display:inline;
}
.resultsContainer ul li {
	padding:0;
	background: none; 
	display:inline;
}
.resultsContainer ul li:after {
	content: ", ";
}
.resultsContainer ul li:last-child:after {
	content: "";
}

.resultsContainer ol {
	list-style:none outside none;
}

.articleContent .sitemap ul li {
	padding:0 0 0 23px;
}
.articleContent .sitemap > ul > li {
	background-image: none;
}
.articleContent .sitemap > ul > li > ul > li {
	background: url('/static/images/ulArrow01.png?f9eb1b152efa') no-repeat 2px 6px;
}
.articleContent .sitemap > ul > li > ul > li > ul > li > ul > li {
	background-image: none;
}
.articleContent .sitemap > ul > li > ul > li > ul > li > ul > li a {
	font-weight: normal;
}
/*---------USER MESSAGES---------*/
.search-default-message, .articleContent p.sign-in-message {
border: 1px dashed;
margin: 20px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.search-default-message, .articleContent p.sign-in-message {
/*color: #00529B;*/
background-color: #c2e5ec;
background-image: url('/static/images/info-message.png?f9eb1b152efa');
clear:both;
}
.no-results-message {
	font-style:italic;
	text-align:center;
	padding:20px 0;
}
.flash_notice {
border: 1px dashed;
margin: 0 0 20px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
background-color: #c2e5ec;
background-image: url('/static/images/info-message.png?f9eb1b152efa');
}
.flash_error, #errorExplanation, .errorExplanation {
border: 1px dashed;
margin: 10px 0 20px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
background-color: #fff9de;
background-image: url('/static/images/error-message.png?f9eb1b152efa');
}
.articleContent .errorExplanation h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.articleContent .errorlist li {
	background: none;
	margin-left: 25%;
	padding: 0 0 0 10px;
	color: red;
}
/*-------------------------*\
        TABLES
\*-------------------------*/

table {margin:16px 0;}
.gsc-input-box table {margin:0;}
.gsc-input-box .gsib_b {padding-top:3px;}

table.general {border-bottom:4px solid #86ccd9;}
table.general th {
	color:#fff;
	font-weight:bold;
	vertical-align:bottom;
	padding:5px;
	/*border-bottom:1px solid #006579;
	border-top:1px solid #006579;*/
	border-right:1px dashed #fff;
	background: #86ccd9;
}
table.general th:last-child {
	border-right:none;
}
table.general td {
	vertical-align:top;
	padding:5px;
}
table.general tr:nth-child(odd) {
	background: #bbe2ea;
}
table.general tr:nth-child(odd) td {
	border-right:1px dashed #fff;
}
table.general tr:nth-child(odd) td:last-child {
	border-right:none;
}
table.general tr:nth-child(even) {
	background: #fff;
}
table.general tr:nth-child(even) td {
	border-right:1px dashed #bbe2ea;
}
table.general tr:nth-child(even) td:last-child {
	border-right:none;
}
table th.head-main {/*if subheads, use this class to create a diff main head style*/
	background-color:#006579;
}
table td.head-left {/*if left heading cells, use this class to style them*/
	font-weight:bold;
}


/*-------------------------*\
        FOOTER
\*-------------------------*/

aside#social a { display: block; }

footer {
    background: url('/static/images/bgDark.png?f9eb1b152efa');
    padding-bottom: 40px;
}

.footerContents {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 2%;
}


/*---------------------------------- Social Media --*/

.social {
    height: 28px;
    padding: 22px 0;
}

.social ul {
    float: right;
}

.social li {
    float: left; 
}

.social a {
    background: url('/static/images/sprites.png?f9eb1b152efa') no-repeat;
    height: 28px;
    margin-right: 30px;
    width: 29px;
}

.social .facebook a {
    background-position: -58px -90px;
}

.social .twitter a {
    background-position: -116px -90px;
}

.social .linkedin a {
    background-position: -174px -90px;
}

.social .i2b a {
    background-position: -232px -90px;
    margin-right: 0;
    width: 37px;
}

/*---------------------------------- Fat Footer Navigation --*/

.fatFooterNav {
    border-top: 1px solid #515151;
    border-bottom: 1px solid #515151;
    clear: both;
    overflow: hidden;
    padding: 40px 0 22px;
}

.fatFooterNav h2 a,  .fatFooterNav li.top-level a.top-level-link{
    color: #2bd5db;
    display: block;
    padding-bottom: 2px;
    text-transform: uppercase;
}

.fatFooterNav a, .fatFooterNav ul.menu depth-1 a {
    color: #dedede;
}

.fatFooterNav li {
    padding: 2px 0;
}

.footerCol, .fatFooterNav li.top-level {
    float: left;
    padding-right: 2%;
}

.rsCol, .fatFooterNav li.top-level{
    width: 14%;
}

.fatFooterNav .depth-2 {display:none;}

.cgCol,
.psCol {
    width: 19%;
}

.viCol {
    width: 15%;
}

.newsCol {
    width: 9%;
}

.aboutCol {
    padding-right: 0;
    width: 12%;
}

/*---------------------------------- Min Navigation --*/

.minFooterNav {
    color: #fff;
    padding: 20px 0;
}

.minFooterNav ul {
    padding-left: 1.5em;
    overflow: hidden;
    display: inline;
}

.minFooterNav li {
    border-left: 1px solid #7c7c7c;
    display: inline;
}

.sitemapLink { display: none; }

.minFooterNav li.copyright {
    border-left: none;
    padding-right: 20px;
}

.minFooterNav a {
    color: #7c7c7c;
    padding: 0 20px;
}

    .minFooterNav li a:hover {
        color: #fff;
    }

/*-------------------------*\
        MEDIA QUERIES
\*-------------------------*/

/*------------------------------------------------------------------------- SMALL ("Mobile") View --*/

@media screen and (max-width: 640px) {

    header,
    .page-content,
    footer { 
        max-width: 640px;
        min-width: 290px;
    }

    /*-- HEADER --*/

    header {
        height: auto;
    }

    header h1 { 
        background: url('/static/images/logoMobile.png?f9eb1b152efa') no-repeat;
        height: 53px;
        margin-left: 10px;
        width: 72px; 
    }

    .search,
    .accountWrapper,
    .account.pie,
    .topNav,
    .signoutLI,
    .closeSignin,
    .accountSignIn h3 {
        display: none;
    }

    .navMobile {    /* Container for nav elements */
        display: block;
    }
	

    .topLevel { /* menu | search | sign in */
        display: block;
        float: left;
        margin: 17px 0 7px 12px;
        overflow: hidden;
    }

    .topLevel li {
        border-left: 1px solid #EE3B33;
        float: left;
        padding: 0 10px;
    }

    .topLevel li a {
        color: #313131;
    }

    .topLevel li a.open {
        color: #ee3b33;
    }

    .mobileMenu {   /* Main site nav items */
        clear: both;
        display: none;
    }

    .mobileMenu li {
        border-right: none;
        border-bottom: 1px solid #d2d2d2;
        display: block;
        text-align: center;
    }

    .mobileMenu li:first-child {
        border-top: 1px solid #000;
    }

    .mobileMenu li a {
        color: #006579;
        display: block;
        padding: 16px 0;
    }

    .mobileMenu li a:hover {
        background: #e8e8e8;
    }

    .mobileMenu li.active-menu-item a.top-level-link { /* li.current */
        color: #ee3b33;
    }

    .acctSearchContainer {
        clear: both;
        float: none;
        position: relative;
    }

    .acctWrapper {
        float: none;
    }

    .accountSignIn {
        background: #e8e8e8;
        border-top: 1px solid #000;
        border-radius: 0;
        border-left: none;
        border-bottom: none;
        border-right: none;
        color: #313131;
        padding: 20px;
        position: relative;
            right: auto; left: 0;
        width: auto;
        z-index: auto;
    }

    .accountSignIn label {
        display: block;
        line-height: 36px;  /* This is here and not in type.css because this line height is used for alignment in box model, not for leading */
        width: 25%;
    }

    .accountSignIn input {
        margin: 0;
        padding: 8px 3%;
        position: relative;
        width: 65%;
    }

    .account {
        background: none;
    }

    .ie .accountSignIn input { width: 65%; }

    .accountSignIn .btnSignInOut {
        display: block;
        padding: 9px 0 7px;
    }

    .forgotPass a {
        color: #313131;
    }

    .search {
        background: #e8e8e8;
        border-top: 1px solid #000;
        float: none;
        height: auto;
        margin-left: 0;
        padding: 20px;
        width: auto;
    }

    .searchInput {
        margin: 0;
        padding: 8px 10px;
        position: relative;
        width: 65%;
    }

    .searchBtn.ir.pie {
        background: #006579;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        float: none;
        height: auto;
        margin: 0 0 0 2%;
        padding: 9px 0 7px;
        text-indent: 0;
        width: 23%;
    }
#cse-search-box .searchBtn {color:white;} /* color text on mobile view only */

        .ie7 .searchBtn.ir.pie {
            display: block;
            float: right;
            height: 18px;
            line-height: 18px;  /* This is here and not in type.css because this line height is used for alignment in box model, not for leading */
            zoom: 1;
        }
label {font-size:.9em;}
input {width:50%;font-size:.75em;}

    /*-- CONTENT --*/

    .page-content {
        padding: 0;
    }

    /*-- FOOTER --*/

    .fatFooterNav {
        display: none;
    }

    .social {
        float: right;
        margin-top: 16px;
        height: 100px;
        padding: 0;
        width: 108px;
    }

    .social ul { 
        float: none; 
        overflow: hidden;
        width: 100%;
    }

        .ie7 .social ul { width: 110px; }
        .ie7 .social li { width: 54px; }

    .social li a {
        margin: 12px;
    }
	

    .social li.facebook,
    .social li.twitter {
        border-bottom: 1px solid #535353;
    }

        .social li.facebook a,
        .social li.twitter a {
            margin-top: 5px;
        }

    .social li.facebook,
    .social li.linkedin {
        border-right: 1px solid #535353;
    }

        .social li.linkedin a, {margin-bottom:12px;}
        .social li.i2b a {
            margin-bottom: 12px;margin-left:7px;
        }
    
    .minFooterNav ul {
        position: relative;
        left: -1em;
    }
    
    .minFooterNav li {
        border-left: none;
        display: inline-block;
        padding: 4px 0;
        margin-left: 1em;
    }

    .minFooterNav .copyright {
        padding-bottom: 8px;
        display:inline-block;
    }

    .minFooterNav li a {
        padding: 0;
    } 

    .sitemapLink {
        display: block;
    }
    
    footer#fat { 
        min-height: 7em;
    }
	
	span.align-center img {max-width:100%;}

}

/*------------------------------------------------------------------------- MID-SIZED (Smaller scaling) View --*/

@media screen and (min-width: 641px) and (max-width: 730px) {
    /* Last three items aligned right, tertiary nav flies out to the left */

    header,
    .page-content,
    footer { 
        max-width: 730px;
    }

    .ie7 .topNav {
        width: 68%;
    }
/* THIS
#topNav 
#topNav 
#topNav 
#topNav 
#topNav 
#topNav */
    .sf-menu li#menu-item-vision-initiatives:hover ul,
    .sf-menu li#menu-item-vision-initiatives.sfHover ul, /* new from here */
    .sf-menu li#menu-item-news-events:hover ul,
    .sf-menu li#menu-item-news-events.sfHover ul,
    .sf-menu li#menu-item-about-us:hover ul,
    .sf-menu li#menu-item-about-us.sfHover ul
    {
        left: auto;
        right: 0;
    }

    .search { display: block; }
    
}

/*-- Navigation Adjustments Views (to handle when the dropdowns appear aligned right or left to stay within viewport) --*/

@media screen and (min-width: 641px) and (max-width: 880px) {
    /* Last two items aligned right, tertiary nav flies out to the left */

    .ie7 .topNav {
        width: 72%;
    }

    #topNav > ul.sf-menu > li > ul > li > a {
        padding-left: 30px;
    }

    #topNav > ul.sf-menu li > ul > li > a.sf-with-ul {
        background: url('/static/images/spritesArrowsLeft.png?f9eb1b152efa') no-repeat 12px 15px;
    }

        .ie7 #topNav > ul.sf-menu li > ul > li > a.sf-with-ul { background-position: 12px 20px; }
        .ie8 #topNav > ul.sf-menu li > ul > li > a.sf-with-ul { background-position: 12px 16px; }

    #topNav > ul.sf-menu li > ul > li > a.sf-with-ul:hover {
        background-position: 12px -78px;
    }

        .ie7 #topNav > ul.sf-menu li > ul > li > a.sf-with-ul:hover { background-position: 12px -73px; }
        .ie8 #topNav > ul.sf-menu li > ul > li > a.sf-with-ul:hover { background-position: 12px -77px; }

    #topNav > ul.sf-menu li li:hover ul,
    #topNav > ul.sf-menu li li.sfHover ul {
        left: -215px;
    }    
    #topNav ul.sf-menu li li:hover ul,
    #topNav ul.sf-menu li li.sfHover ul,
    #topNav ul#menu-internet2-root li li.sfHover ul, 
    #topNav ul#menu-internet2-root li li:hover ul,
    #topNav ul#menu-internet2-root li ul li:hover ul.depth-2 {
        left: -215px;
        top: -6px;
    }

}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    /* Last two items aligned right */

    #topNav .sf-menu li.ne:hover ul,
    #topNav .sf-menu li.ne.sfHover ul,
    #topNav .sf-menu li#menu-item-news-events:hover ul.depth-1,
    #topNav .sf-menu li#menu-item-news-events.sfHover ul.depth-1 {
        left: auto;
        right: 0;
    }

}

@media screen and (min-width: 641px) and (max-width: 1244px) {
    /* Last item aligned right */

    #topNav .sf-menu li.au:hover ul,
    #topNav .sf-menu li.au.sfHover ul,
    #topNav .sf-menu li#menu-item-about-us:hover ul,
    #topNav .sf-menu li#menu-item-about-us.sfHover ul {
        left: auto;
        right: 0;
    }
    #topNav ul.sf-menu li#menu-item-about-us > ul > li > a.sf-with-ul {
        background: url('/static/images/spritesArrowsLeft.png?f9eb1b152efa') no-repeat 12px 15px;
    }

        .ie7 #topNav ul.sf-menu li#menu-item-about-us > ul > li > a.sf-with-ul { background-position: 12px 20px; }
        .ie8 #topNav ul.sf-menu li#menu-item-about-us > ul > li > a.sf-with-ul { background-position: 12px 16px; }

    ul.sf-menu #topNav li#menu-item-about-us > ul > li > a.sf-with-ul:hover {
        background-position: 12px -78px;
    }
    
    #topNav ul.sf-menu li#menu-item-about-us li:hover ul,
    #topNav ul.sf-menu li#menu-item-about-us li.sfHover ul,
    #topNav ul#menu-internet2-root li#menu-item-about-us li.sfHover ul, 
    #topNav ul#menu-internet2-root li#menu-item-about-us li:hover ul,
    #topNav ul#menu-internet2-root li#menu-item-about-us ul li:hover ul.depth-2 {
        left: -215px;
        top: -6px;
    }

}

/*-------------------------*\
        PRINT
\*-------------------------*/

/* A few very basic print styles - need more to have complete styles here */

@media print {
    * { background: #fff; }
    
    body { 
        color: #000;
        font: normal 16px/1.4 Georgia, 'Times New Roman', serif; 
    }
    
    /*-- Show link URLs --*/
    
    a:link, 
    a:visited { 
        color: blue; 
        text-decoration: underline; 
    }
    
    a:link:after, 
    a:visited:after { 
        content:" [" attr(href) "] "; 
        font-size: 75%;
    }


div.disqus_read_only_view {
    line-height: 1.2;
    font-size: 14px;
    font-family: "Helvetica Neue",arial,sans-serif;
}
    div.disqus_read_only_view h2 {
        font-size: 18px;
        font-weight: 600;
    }
    
    div.disqus_read_only_view img.avatar { 
        float: left;
        padding-right: .5em;
        padding-bottom: .5em;
    }
    
    div.disqus_read_only_view li {
        padding: 1em 0;
        border-bottom: 1px dotted #ccc;
    }
    
    div.disqus_read_only_view span.date { 
        color: #888;
    }

    div.disqus_read_only_view span.author { 
        font-weight: 600;
    }
    
    div.disqus_read_only_view p.metadata {
        font-size: 12px;
    }
    
    div.disqus_read_only_view p.message {
        color: #444;
    }
	header {height:74px;}
.ir {text-indent:0;}
header h1 {background:none;font-size:2.5em;margin:40px 0 0;width:100%;height:1.1em;color:#363636;}
header a:link {text-decoration:none;}
#navmobile {display:none;}
.acctSearchContainer {display:none;}
#topNav {display:none;}
body.sub .background, body.filterSubpage .background {background:#fff url('/static/css?f9eb1b152efa');height:774px;}
#channelNav {display:none;}
#breadcrumbs {display:none;}
.sub article h1 {color:#363636;padding:0;font-size:3em;margin-top:10px;}
#filterIntro {display:none;}
#sectionTOC li {width:100%;}
#sectionTOC li a {text-align:left;}
#sectionTOC li a.titleLink {display:none;}
#sectionTOC li a.titleLink.current {display:block;color:#363636;text-decoration:none;font-size:2em;padding:5px 0 15px;}
div.filterSearch {display:none;}
ol.pagination {padding:0;margin-top:8px;}
.articleContent {padding:0;}
#fat {display:none;}
.filterResults td {padding:5px;}
}
/*-- Table of Contents

    - THEATER
    - CONTENT
    - MEDIA QUERIES

/*-------------------------*\
        THEATER
\*-------------------------*/

.mobileBanner { display: none; }

.theater {
    clear: both;
    margin: 0 auto;
    max-width: 1060px;
    overflow: hidden;
    position: relative;
}

/*-- Theater Images --*/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.ie7 .flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/*-- Control Nav --*/

.flex-control-nav {
    background: url('/static/images/bgFlexControlNav.png?f9eb1b152efa');
    height: 88px;   /* 108px */
    padding: 10px 12px;
    position: absolute;
        top: 0; left: 0;
    width: 13px;    /* 37px */
    z-index: 5;
}

.theater.flyoutClosed .flex-control-nav {
    border-radius: 0 0 18px 0;
}

.theater.flyoutOpen .flex-control-nav {
    border-radius: 0 0 0 0;
}

.flex-control-nav li {
    padding: 5px 0;  
}

    .ie7 .flex-control-nav li { padding: 3px 0; }

.flex-control-paging li a {
    background: url('/static/images/spritesTheaterNav.png?f9eb1b152efa') 0 -12px no-repeat;
    width: 13px; 
    height: 12px; 
    display: block;  
    cursor: pointer; 
    text-indent: -9999px;
}

.flex-control-paging li a.flex-active { 
    background-position: 0 0; 
    cursor: default;
}

/*-- Theater Status Flyout --*/

.theaterFlyout {
    background: url('/static/images/bgFlexControlNav.png?f9eb1b152efa');
    border-radius: 0 0 18px 0;
    color: #fff;
    display: none;
    height: 88px;   /* 108px */
    overflow: hidden;
    padding: 10px;
    position: absolute;
        top: 0; left: 37px;
    width: 230px; /* 250px */
    z-index: 5;
}

.theaterStatus li {
    cursor: pointer;
    height: 88px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 230px;
}

.theaterThumb {
    float: left;
    height: 88px;
}

.theaterStatus li p {
    height: 100%;
    overflow: hidden;
    padding-left: 12px;
    position: relative;
}

.theaterText {
    display: block;
    overflow: hidden;
    position: absolute;
        bottom: 0;
}

    .oldIE .theaterText { padding-right: 10px; }

/*-------------------------*\
        CONTENT
\*-------------------------*/

.page-content {
    margin: 25px auto 34px;
    max-width: 1000px;
    padding: 0 2%;
}

/*---------------------------------- Columns --*/

/*-- Column Content --*/

.contentCol {
    float: left;
    overflow: hidden;
    padding: 0 3% 33px;
    position: relative;
    width: 29%;
}

.contentCol h2,
.contentCol a {
    color: #006579;
}

.contentCol h2 {
    padding: 0 0 17px;
}

.articleImg {
    display: block;
    max-width: 100%;
    /*padding-bottom: 13px;*/
}

.contentCol a.readMore {
    background: url('/static/images/spritesArrows.png?f9eb1b152efa') no-repeat 100% 4px;
    padding-right: 10px;
}

.moreInfo {
    padding-top: 20px;
}

.contentCol .btnMore { /* base styles in global.css */
    color: #fff;
    margin-top: 20px;
    padding: 7px 0;
    position: absolute;
        right: 9%; bottom: 0;
    width: 112px;   /* 114px, - 1px border */
}

    .contentCol .btnMore:hover {
        color: #006579;
    }

/*-- Featured Research Solution --*/

.featResearch {
    border-right: 1px solid #d2d2d2;
    padding-left: 0;
}
.featResearch a+h3 {padding-top:15px;}
.featResearch-link {padding:0 12px 0 5px; background: url('/static/images/spritesArrows.png?f9eb1b152efa') no-repeat 100% .3em;}
.featResearch a.read-more-btn {display:none;}

/*-- News Feed --*/

.newsFeed {
    border-right: 1px solid #d2d2d2;
}

p.news-date {display:inline;font-style:italic;}
p.news-date:before {content:"\0000a0(";}
p.news-date:after {content: ")";}
.newsFeed .article_news_block li {
    border-bottom: 1px dashed #d2d2d2;
    display: block;
}
.newsFeed .article_news_block li:last-child {
    border-bottom: 0;
}
.contentCol .article_news_block a.btnMore {display:none;}/* to keep built-in (redundant) More button from appearing here */


/*-- Events Spotlight --*/

.home .events {
    padding-right: 0; 
}
.home .events a.read-more-btn {display:none;}
.featEvent-link {padding:0 12px 0 5px; background: url('/static/images/spritesArrows.png?f9eb1b152efa') no-repeat 100% .3em;}

.eventInfo {
    padding: 7px 0 10px;
}

.eventInfo dt {
    float: left;
    padding-right: 3px;
}

.events p {
    padding-bottom: 20px; 
}

.contentCol.events a.btnMore { right: 0; }

/*-------------------------*\
        MEDIA QUERIES
\*-------------------------*/

/*------------------------------------------------------------------------- Small ("Mobile") View --*/

@media screen and (max-width: 640px) {

    /*-- BANNER --*/

    .mobileBanner {
        display: block;
        width: 100%;
    }

    .theater { display: none; }

    /*-- CONTENT --*/

    .contentCol {
        border-top: 1px solid #d2d2d2;
        border-right: 0;
        display: block;
        float: none;
        left: 0;
        padding: 20px 5%;
        width: auto;
    }

    .contentCol.featResearch {
        border-top: 0;
        padding-top: 0;
    }

    .articleImg {
        width: auto;
    }

    .moreInfo {
        padding-bottom: 13px;
    }

    .contentCol a.btnMore {
        display: block;
        position: static;
    }

}

/*-------------------------*\
        ADD'L LAYOUT
\*-------------------------*/

div.hr {
	border-bottom:1px solid #d2d2d2;
	height:1px;
	margin:8px 0 12px 0;
	padding:0;
}

/*-------------------------*\
        CMS STYLING
\*-------------------------*/

div.cms_moveable > div.cms_placeholder {
	background-color:#EE3B33;/*#015e71*/
	padding:5px;
	margin-bottom:10px;
	color:#fff;
	font-style:italic;
}
div.cms_moveable > div.cms_placeholder:before {
	content:"[ "
}
div.cms_moveable > div.cms_placeholder:first-child:after {
	content:" ]"
}
div.articleContent > div.cms_moveable > div.cms_placeholder:after {
	content:" placeholder - Click tab above to edit that tab's content ]"
}