/*-------------------------*\
        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?8e3f9d596bb3') 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,
.feature h2,
.feature 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, .channelNav ul#menu-local-nav-block > li > a.active-menu-item-link {
    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?8e3f9d596bb3') 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?8e3f9d596bb3') no-repeat 100% 6px;
}

.sub .contentCol h2 a[href], .sub article .three h2 a[href] {
	font-weight:normal;
	background: url('/static/images/spritesArrows.png?8e3f9d596bb3') 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?8e3f9d596bb3') 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?8e3f9d596bb3') 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?8e3f9d596bb3') 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?8e3f9d596bb3');
    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?8e3f9d596bb3');
    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?8e3f9d596bb3') 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?8e3f9d596bb3') 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?8e3f9d596bb3');
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
        top: 0; left: 0;
    z-index: 9999;
}

.close {
    background: url('/static/images/closeBtn.jpg?8e3f9d596bb3');
    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: normal;
    /*margin-left: 15.5em;*/
    margin-bottom: 2em;
	padding-top:0px;
	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;
}
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?8e3f9d596bb3') 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?8e3f9d596bb3') no-repeat 0 0;
}
.asideNews .tweet {
    background: url('/static/images/icon-tweet-bluebg.png?8e3f9d596bb3') no-repeat 0 0;
}

.facebook, #asideNewsContent ul li.facebook {
    background: url('/static/images/icon-facebook.png?8e3f9d596bb3') no-repeat 0 0;
}
.pinterest, #asideNewsContent ul li.pinterest {
    background: url('/static/images/icon-pinterest.png?8e3f9d596bb3') no-repeat 0 0;
}
.asideNews .pinterest {
    background: url('/static/images/icon-pinterest-bluebg.png?8e3f9d596bb3') no-repeat 0 0;
}
.linkedin-post, .linkedin, #asideNewsContent ul li.linkedin, #asideNewsContent ul li.linkedin-post {
    background: url('/static/images/icon-linkedin.png?8e3f9d596bb3') 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?8e3f9d596bb3') no-repeat 0 0;
}
.asideNews .blog {
    background: url('/static/images/icon-blog-bluebg.png?8e3f9d596bb3') no-repeat 0 0;
}

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

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

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

.showcase, #asideNewsContent ul li.showcase {
    background: url('/static/images/icon-showcase.png?8e3f9d596bb3') no-repeat 0 0;
}
.asideNews .showcase {
    background: url('/static/images/icon-showcase-bluebg.png?8e3f9d596bb3') 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?8e3f9d596bb3') no-repeat 2px 6px;
}

.articleContent .enhanced-text ul li {background-position: 2px 9px;}

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

.articleContent ul li ul li {
	background: url('/static/images/ulArrow02.png?8e3f9d596bb3') 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?8e3f9d596bb3') 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?8e3f9d596bb3');
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?8e3f9d596bb3');
}
.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?8e3f9d596bb3');
}
.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?8e3f9d596bb3');
    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?8e3f9d596bb3') 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?8e3f9d596bb3') 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?8e3f9d596bb3') 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: 1200px) {
    /* 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: 1400px) {
    /* 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 {
        padding-left: 30px;
    }
    
    #topNav ul.sf-menu li#menu-item-about-us > ul > li > a.sf-with-ul {
        background: url('/static/images/spritesArrowsLeft.png?8e3f9d596bb3') 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?8e3f9d596bb3');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?8e3f9d596bb3');
    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?8e3f9d596bb3') 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?8e3f9d596bb3');
    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 { /*after new homepage deployment, change to alt values below*/
    margin: 25px auto 34px;/*0 auto 34px*/
    max-width: 1000px;/*1060*/
    padding: 0 2%;/*0*/
}

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

/*-- Column Content --*/

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

.contentCol h2, 
.contentCol a, .feature h2, 
.feature 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?8e3f9d596bb3') 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 content boxes --*/
#featOne, #featResearch {clear:left;}
#featOne, #featTwo, #featThree, #featFour {width:264px;padding:20px 0 52px 0;margin-bottom:3%;
  border-right: 1px solid #8bd2d6;
  background-color:#fff;position:relative;border-bottom:4px solid #5FC7D7;}
  #featOne h2, #featTwo h2, #featThree h2 {color:#8bd2d6;padding:0;margin:0;
  font-size:32px;line-height:32px;letter-spacing:.1em;position:absolute;bottom:-5px;width:100%;
  text-align:center;}
  #featOne h3, #featTwo h3, #featThree h3 {color:#8bd2d6;padding:0 8% 8px;margin:0;
  font-size:18px;line-height:20px;font-weight:bold;}
#featFour {width:265px;border-right:none;color:#fff;
  background:#006579 url('/static/images/homepage-highlights-network-bg-top-500.jpg?8e3f9d596bb3') no-repeat 50% 50%;}
#featFour a {color:#5FC7D7;}
#featFour h2 {color:#fff;padding:20px 0 10px 20px;font-size:24px;}
#featFour li {background: url('/static/css?8e3f9d596bb3') 0 0 no-repeat;padding: 0 0 4px 0px;border-bottom:1px solid #5FC7D7;margin:8px;}
#featOne p, #featTwo p, #featThree p, #featFour p, #featFour ul {padding:0 8%;font-weight:bold;}
#featOne a img, #featTwo a img, #featThree a img, #featFour a img, .feature .inlineContainer img {border:1px solid #f5f5f5;}
.feature .inlineContainer {width:84%;padding: 0 8%;}
.feature {font-size:1.2em;line-height:1.5em;}


/*-- Solutions Spotlight --*/

.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?8e3f9d596bb3') 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?8e3f9d596bb3') 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
\*-------------------------*/

/*------Smaller Views------*/

@media screen and (max-width: 1060px) {
  
  #featOne, #featTwo, #featThree, #featFour {width:24.8%;}
  
  
}

@media screen and (max-width: 799px) {
  
  .page-content {padding:0 1%;}
  #featOne, #featTwo, #featThree, #featFour {width:49.4%;}
  #featOne, #featTwo {margin:1px 0 1px;}
 
  
  
}
@media screen and (max-width: 640px) {

    /*-- BANNER --*/

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

    .theater { display: none; }

    /*-- CONTENT --*/

    .contentCol, .feature {
        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;
    }
	#featOne, #featTwo, #featThree, #featFour {width:100%;float:left;margin:1px 0 0;}
	#featFour {margin-bottom:20px;}


}

@media screen and (max-width: 320px) {
  
  #featOne, #featTwo, #featThree, #featFour {width:98.7%;}
  
}

/*-------------------------*\
        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 ]"
}