/* CSS Document */  

* { margin: 0; padding: 0 }
#skiptocontent a { padding: 6px; position: absolute; top: -50px; left: 0px; color: white; border-right: 1px solid white; border-bottom: 1px solid white; border-bottom-right-radius: 8px; background: transparent; -webkit-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; z-index: 100; }
#skiptocontent a:focus { position: absolute; left: 0px; top: 0px; background: #BF1722; outline: 0; -webkit-transition: top .1s ease-in, background .5s linear; transition: top .1s ease-in, background .5s linear; }
/*  
-------------------------------------  TEXT, BREAKS & LINKS ---------------------------------
*/
h1, h2, h3, h4, h5, h6 { line-height: 1.2em; font-weight: 500 !important; color: #333 }
h1 { font-size: 1.85em; margin: 1.4em 0 .8em }
h2 { font-size: 1.59em; margin: 1.3em 0 .8em; }
h3 { font-size: 1.35em; margin: 1.2em 0 .8em }
h4 { font-size: 1.2em !important; margin: 1.1em 0 .6em !important; }
h5 { font-size: 1.1em; margin: 1.1em 0 .3em }
h6 { font-size: 1em; }
h2.h1sub, h3.h1sub, h4.h1sub, h5.h1sub, p.h1sub { margin-top: -1em !important }
.subhead { display: block; font-size: 80%; font-weight: 400; line-height: 1.1em }
.nine { font-size: 11px; }
.ten { font-size: 12px; line-height: 1em }
.tengray { font-size: 12px; color: #787878; }
.eleven { font-size: 13px; }
.twelve { font-size: 14px; }
.thirteen { font-size: 15px; }
.fourteen { font-size: 17px; }
.sixteen { font-size: 19px; }
.eighteen { font-size: 21px; }
.twenty { font-size: 23px; }
.twentyfour { font-size: 27px; }
.fontnorm, .fontnorm a, a.fontnorm { font-weight: normal }
.fontbold a, a.fontbold, ul li.fontbold, div.fontbold ul li a { font-weight: bold }
a, a strong { color: #0f508c; text-decoration: none; border-bottom: 1px solid #aad1f4; font-weight: 400 }
a:visited { color: #0f508c; text-decoration: none; border-bottom: 1px solid #aad1f4 }
a:hover{ color: #0070ff; border-bottom: 1px solid #c6e5fd }

li a:focus, #graybar a:focus, #crumb a:focus { background-color: #0f508c; color: #fff }
li a.black:focus, a:focus strong.black { background-color: #000; color: #fff }

.noborder, table.noborder td, td.noborder, a img.noborder, a.noborder { border: 0px; border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px }
p { margin: .7em 0; letter-spacing: .4px; font-size: 16px; line-height: 1.5em }
p, ul, ul li, li li { font-weight: 300; color: #333 }
p.tight, p.tight a, span.tight { line-height: 1.2em }
p.intro, ul.intro li { font-size: 1.7em; line-height: 1.3em; color: #666; letter-spacing: normal; font-weight: 400; }
ul.intro li { line-height: 1em; }
p.intro strong { color: #555; font-weight: 800 }
p img { margin-top: 14px }
p img.left, p img.right, #container.tail p img { margin-top: 4px }
.indent { margin-left: 20px }
strong { font-weight: 600; color: #333 }
hr { color: #fff; height: 0px; border-top: .5px solid #ddd; border-left: 1px solid #fff; width: 99%; background-color: #fff; margin: 3px auto 4px 0; }
hr.clearer { clear: both; visibility: hidden; height: 0; margin: 0; padding: 0; line-height: 0 }
.printonly { display: none }
.clearright { clear: right }
.clearleft { clear: left }
.clearboth { clear: both }
.cent { text-align: center }
.right { float: right }
.left { float: left }
.marright, img.marright, a img.marright, div.marright, img.right.marright, #box.marright { margin-right: 16px }
.marleft, img.marleft, a img.marleft, div.marleft, img.right.marleft, #box.marleft { margin-left: 16px }
.marbottom, p.marbottom, ul.marbottom, img.marbottom, div.marbottom, #box.marbottom { margin-bottom: 16px }
.martop, p.martop, ul.martop, img.martop, div.martop, #box.martop { margin-top: 16px }
.nomartop, #box.nomartop { margin-top: 0 }
.nomarbottom, #box.nomarbottom { margin-bottom: 0 }
/*  
FORM STUFF
*/
input { vertical-align: middle; margin-bottom: .5em; font-size: .9em; }
input#search { width: 90px; }
legend { color: #333; }
/* Makes responsive fields. Sets size and field alignment.*/
form input[type=text], form input[type=password] { margin: 8px auto; width: 94%; max-width: 400px; padding: 5px; border-radius: 5px; border: 1px solid #7ac9b7; }
form input[type=submit], input[type=reset] { width: auto; padding: 10px; border-radius: 5px; border: 1px solid #7ac9b7; background-color: #4180C5; color: aliceblue; font-size: 15px; cursor: pointer; }
form textarea { width: 90%; padding: 10px; margin: 8px auto; border: 1px solid #7ac9b7; border-radius: 5px; resize: none; }
form input[type=text]:focus, textarea:focus { border-color: #4697e4; }
form td { vertical-align: middle }
/*  
IMAGES
*/
img { border: none; }
/*  
TABLES 
*/
table { width: 100%; margin: 1.2em 0; padding: 0; border-collapse: collapse; border-width: 0 }
th { font-weight: bold; line-height: 1.2em; border: solid 1px #ccc; padding: 4px; vertical-align: middle; text-align: center; background-color: #eee }
td { line-height: 1.3em; border: solid 1px #ccc; padding: 5px; vertical-align: top; font-size: .95em }
td p { font-size: 1em }
td.shell { border: none; padding: 0 }
table.vertmid td, td.vertmid { vertical-align: middle }
table.tdfatpad td, td.tdfatpad { padding: 0 12px }
.dateline { font: 10px Arial, Helvetica, sans-serif; color: #666; float: right }
#border { border-left: 1px solid #ccc; border-bottom: 1px solid #fff; padding: .5em; }
.hide { display: none; }
/*  
COLORS & BACKGROUNDS 
*/
.redgray, .redgray strong { color: #904 }
.greentext { color: #018a41}
.ltgreentext { color: #7EFD7F }
.browntext { color: #A34500 }
.white, a.white { color: #fff }
.gray { color: #ccc }
.medgray { color: #aaa }
.dkgray, a.dkgray { color: #999 }
.red, p.red strong { color: #f00 }
.black, a.black, a span.black, li a.black { color: #333 }
.bggray, #total .bggray { background-color: #efefef }
.bgltgray { background-color: #f3f3f3 }
.bgdkgray { background-color: #dedede }
.bgchar { background-color: #666 }
.bgblack, #box.bgblack { background-color: #000 }
.bgorange { background-color: #facfb5 }
.bggreen { background-color: #d8ffd8 }
.bgdkgreen { background-color: #1a4d3a }
.bggreenbar { background-color: #194a37 }
.bgblue { background-color: #80cdfe }
.bgltblue { background-color: #CBEAFC }
.bgyellow { background-color: #ffffcc }
.bgwhite { background-color: #fff }
/*  
BUTTON 
*/
a.btn { background: #0f508c; background-image: -webkit-linear-gradient(top, #0f508c, #013c73); background-image: -moz-linear-gradient(top, #0f508c, #013c73); background-image: -ms-linear-gradient(top, #0f508c, #013c73); background-image: -o-linear-gradient(top, #0f508c, #013c73); background-image: linear-gradient(to bottom, #0f508c, #013c73); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; font-family: Arial; color: #ffffff; font-size: 16px; padding: 6px 15px 6px; text-decoration: none; }
a.btn:hover { background: #0070ff; background-image: -webkit-linear-gradient(top, #237fd4, #014e95); background-image: -moz-linear-gradient(top, #237fd4, #014e95); background-image: -ms-linear-gradient(top, #237fd4, #014e95); background-image: -o-linear-gradient(top, #237fd4, #014e95); background-image: linear-gradient(to bottom, #237fd4, #014e95); text-decoration: none; } /*  WRAP
- NOWRAP */
a.topbutton { float: right; height: 24px; border-radius: 4px; margin: 9px 0 0 6px; padding: 0 5px; font-weight: 700; color: #fff; font-size: 11px; background: #666; border: none; position: relative; z-index: 100; }
#nowrap { white-space: nowrap; }
#nowrap div { display: inline-block; }
/* 
CALENDAR 
*/
.bigdate { font-weight: 100; width: 80%; background-color: #f3f3f3; text-align: center }
.bigdate div { display: inline-block; margin: 0 auto; }
.bigdate div p { margin: 0 auto; }
.bigdate-item p { font-weight: 300; font-size: 16px; }
/*  
BODY & TOTAL 
*/
body { font-size: 14px; line-height: 1.7em; font-family: "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif; overflow-x: hidden; background-color: #f3f3f3; }
#total { width: 100%; overflow: hidden; text-align: center; position: relative; z-index: 1; background-color: #fff } /*  TOP */
#mobbanner { display: none; background-color: transparent; position: fixed; z-index: 3; top: 0; left: 0; padding: 0; width: 100% }
div.anchor { padding-top: 40px; margin-top: -40px }
/*  
TOPBAR 
*/
#topbar { height: 42px; padding: 0; margin: 0 auto; width: 100%; background-color: #444; box-shadow: 0 1px 6px #444; position: fixed; z-index: 4; opacity: .99; }
#topbar>div { margin: 0 auto; width: 100%; max-width: 1140px; }
.logofade { height: 42px; padding: 0; width: 100%; background: -webkit-linear-gradient(left, #222, #333, #444); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #222, #333, #444); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left, #222, #333, #444); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #222, #333, #444, ); /* Standard syntax */ }
.logofade>div { height: 42px; width: 18%; max-width: 100px; padding-top: 6px }
#topbar input[type=text] { box-sizing: border-box; border: 1px solid #ccc; border-radius: 3px; font-size: 14px; background-color: #fff; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; padding: 10px 16px; }
#topbar input[name=search] { width: 90%; max-width: 480px; background-image: url('/default/images/searchicon.png'); background-position: 6px; background-repeat: no-repeat; padding-left: 36px }
#topbar input[name=LastName] { width: 40%; max-width: 200px; background-image: url('/default/images/searchicon.png'); background-position: 6px; background-repeat: no-repeat; padding-left: 36px } /* Placeholder */
#topbar ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #b78080;
font-size: 1.1em;
font-weight: 900;
}
#topbar ::-moz-placeholder { /* Firefox 19+ */
color: #b78080;
font-size: 1.1em;
font-weight: 900;
}
#topbar :-ms-input-placeholder { /* IE 10+ */
color: #b78080;
font-size: 1.1em;
font-weight: 900;
}
#topbar :-moz-placeholder { /* Firefox 18- */
color: #b78080;
font-size: 1.1em;
font-weight: 900;
}
#topbar td { border: none; padding-top: 3px }
#topbar button, #topbar td button, #topbar td.button { display: none }

/*  
TOP SEARCH/NAV PANELS 
*/
.navigation__item { float: right;}
.navigation__item a { border: none }
.sub-navigation, .sub-navigation:before { background-color: #f7f7f7; padding: 16px; box-shadow: 0 1px 20px #444; width: 100%; text-align: left; position: fixed; z-index: 4; left: 0; top: 42px; visibility: hidden }
.navigation__item:hover .sub-navigation, .navigation__item:active .sub-navigation, .navigation__item:focus .sub-navigation { -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; visibility: visible; display: block } /* Touch Behavior */
.touch .navigation__item.no-hover .sub-navigation { display: none !important; } /* A-Z Bar */
nav.navigation__item { float: right; }
nav.navigation__item a { border: none }
nav.navigation__item:hover .sub-navigation, nav.navigation__item:active .sub-navigation, nav.navigation__item:focus .sub-navigation { -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; visibility: visible; display: block } /* Touch Behavior */
.touch nav.navigation__item.no-hover .sub-navigation { display: none !important; } /* A-Z Bar */
.azbar { font-size: 20px; color: #555; cursor: pointer; font-weight: 700 }
.azbar a { font-weight: 500; letter-spacing: 0em }
/*  
HEADER 
*/
body.lastyle #header { margin-top: 40px; }
body.lastyle #header div { padding-top: 10px; border-top: none; }
body.lastyle #header, body.lastyle #header div { background-image: none; background-color: #f3f3f3; }
body.stu16 #header div div img, body.openacad #header div div img { max-height: 180px; }
body.stu16 #header div div, body.stu16 #newtab { background-color: #e9f0e8 }
body.openacad #header div div, body.openacad #newtab { background-color: #e8edf0 }
#header { color: #fff; margin: 40px 0 0; position: relative; text-align: center }
#header img { vertical-align: top; width: 100%; max-width: 1140px; }
#header div { width: 100%; text-align: center; padding: 0; margin-bottom: 0; background-color: #e7e7e7 }
#header div div { margin: 0; padding: 0; border: none; }
#header div div img { width: 100%; max-width: 1140px; max-height: 125px }
#header div div table { max-width: 1140px }
/* 
b85 
*/
#header.b85 { background-image: none; background-color: #e7e7e7; /*margin-top: 39px;  */ }
#header.b85 div { height: 85px; max-width: 1140px; padding: 0 10px; margin: 0 auto; }
#header.b85 div.about { background: url(/images/banners/about.png) no-repeat top center; }
#header.b85 div.animalcare { background: url(/images/banners/animalcare.png) no-repeat top center; }
#header.b85 div.ats { background: url(/images/banners/ats.png) no-repeat top center; }
#header.b85 div.baker { background: url(/images/banners/baker.png) no-repeat top center; }
#header.b85 div.bray { background: url(/images/banners/bray.png) no-repeat top center; }
#header.b85 div.braymarshallfall { background: url(/images/banners/braymarshallfall.png) no-repeat top center; }
#header.b85 div.business { background: url(/images/banners/business.png) no-repeat top center; }
#header.b85 div.centhall { background: url(/images/banners/centhall.png) no-repeat top center; }
#header.b85 div.columns { background: url(/images/banners/columns.png) no-repeat top center; }
#header.b85 div.comm { background: url(/images/banners/communications.png) no-repeat top center; }
#header.b85 div.computing { background: url(/images/banners/computing.png) no-repeat top center; }
#header.b85 div.ecenter { background: url(/images/banners/ecenter.png) no-repeat top center; }
#header.b85 div.eship { background: url(/images/banners/eship.png) no-repeat top center; }
#header.b85 div.ehs { background: url(/images/banners/ehs.png) no-repeat top center; }
#header.b85 div.feinstone { background: url(/images/banners/feinstone.png) no-repeat top center; }
#header.b85 div.find { background: url(/images/banners/find.png) no-repeat top center; }
#header.b85 div.gis { background: url(/images/banners/gis.png) no-repeat top center; }
#header.b85 div.greenroof { background: url(/images/banners/greenroof.png) no-repeat top center; }
#header.b85 div.honors { background: url(/images/banners/honors.png) no-repeat top center; }
#header.b85 div.hr { background: url(/images/banners/hr.png) no-repeat top center; }
#header.b85 div.international { background: url(/images/banners/international.png) no-repeat top center; }
#header.b85 div.jahn { background: url(/images/banners/jahn.png) no-repeat top center; }
#header.b85 div.maps { background: url(/images/banners/maps.png) no-repeat top center; }
#header.b85 div.marshalljahnview { background: url(/images/banners/marshalljahnview.png) no-repeat top center; }
#header.b85 div.police { background: url(/images/banners/police.png) no-repeat top center; }
#header.b85 div.prehealth { background: url(/images/banners/health.png) no-repeat top center; }
#header.b85 div.prelaw { background: url(/images/banners/medallion.png) no-repeat top center; }
#header.b85 div.psc { background: url(/images/banners/pubsafe.png) no-repeat top center; }
#header.b85 div.radsaf { background: url(/images/banners/radsaf.png) no-repeat top center; }
#header.b85 div.redleaves { background: url(/images/banners/redleaves.png) no-repeat top center; }
#header.b85 div.regalia { background: url(/images/banners/regalia.png) no-repeat top center; }
#header.b85 div.registrar { background: url(/images/banners/lecture.png) no-repeat top center; }
#header.b85 div.social { background: url(/images/banners/social.png) no-repeat top center; }
#header.b85 div.spotlight { background: url(/images/banners/netguy.png) no-repeat top center; }
#header.b85 div.studyabroad { background: url(/images/banners/studyabroad.png) no-repeat top center; }
#header.b85 div.summer { background: url(/images/banners/canoes.png) no-repeat top center; }
#header.b85 div.sunyesf { background: url(/images/banners/sunyesf.png) no-repeat top center; }
#header.b85 div.water { background: url(/images/banners/water.png) no-repeat top center; }
#header.b85 div.web { background: url(/images/banners/web.png) no-repeat top center; }
#header.b85 div.world { background: url(/images/banners/world.png) no-repeat top center; }
#header.b85 div.writing { background: url(/images/banners/pages.png) no-repeat top center; }
/*  
.bdept 
*/
#header.bdept, #header.oasub { margin: 0 auto; width: 100%; padding: 0 }
#header.bdept div, #header.oasub div { position: relative; width: 100%; text-align: left; padding: 0; margin: 0; height: 190px; margin: 0 auto; max-width: 1140px; }
#header.bdept div { box-shadow: inset 500px 4px 200px -200px #f3f3f3; }
#header.bdept div.alumnisub { background: url(/images/banners/subalumni.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.chemsub { background: url(/images/banners/subchem.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.clbssub { background: url(/images/banners/subclbs.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.devsub { background: url(/images/banners/subdev.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.efbsub { background: url(/images/banners/subefb.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.envscisub { background: url(/images/banners/subenvsci.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.eresub { background: url(/images/banners/subere.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.essub { background: url(/images/banners/subes.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.ffsub { background: url(/images/banners/subff.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.fnrmsub { background: url(/images/banners/subfnrm.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.lasub { background: url(/images/banners/subla.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.pbesub { background: url(/images/banners/subpbe.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.rangersub { background: url(/images/banners/subranger.jpg) no-repeat right bottom; background-size: auto; }
#header.bdept div.ressub { margin-top: 40px; background: url(/images/banners/subresearch.png) no-repeat right bottom; background-size: auto; }
#header.bdept div.uasub { margin-top: 40px; background: url(/images/banners/subua.jpg) no-repeat right bottom; background-size: auto; }
/* 
Open Academy 
*/
#header.oasub div { box-shadow: inset 600px 4px 140px -160px #e8edf0; }
.openacad #header.oasub, .openacad #header.oasub div { background-color: #e8edf0; }
#header.oasub div.oagen { background: url(/images/banners/openacad.png) no-repeat right bottom; background-size: auto; }
/* 
Lastyle header text 
*/
#header.bdept div h1, #header.oasub div h1 { float: left; font-size: 2.4rem; color: #000; margin: 70px 0 0 10px; font-weight: 900; line-height: .85em !important; text-shadow: 10px 10px 20px rgba(239, 239, 239, 1), -10px -10px 20px rgba(239, 239, 239, 1), -10px 10px 20px rgba(239, 239, 239, 1), 10px -10px 20px rgba(239, 239, 239, 1) }
#header.bdept div h1 span.deptof, #header.oasub div h1 span.deptof { font-size: 1.4rem; color: #888; margin: 0; font-weight: 300 }
#header.bdept div h1.twoline, #header.oasub div h1.twoline { font-size: 2.2rem; margin-top: 60px; line-height: .9em !important; }
/*  
Department homepage header in lastyle 
*/
#header.depthomehead div div table { margin: 0 auto }
#header.depthomehead div div td { padding: 0; border: none }
#header.depthomehead div div img { max-height: 300px; }
#header.depthomehead div div div.r12 img { max-height: 300px; max-width: 400px }

/*  
Banner height 
*/
#header.b180 div div img, body.lastyle #header.b180 div div img, #header.b180 div div img { max-height: 180px; }
/*  
Specialty bars 
*/
#header.chestnuthead div, #header.barrwls div { background-image: none; background-color: #000 }
#header.insideesf div { background-image: none; background-color: #fff }
#header.willowhead div { background-image: none; background-color: #3e5044 }
#header.ccdrhead div { background-image: none; background-color: #9cbeaf }
#header.divinghead div { background-image: none; background-color: #001c51 }
#header.cclphead div { background-image: none; background-color: #aac276 }
#header.cuehead div { background-image: none; background-color: #000 }
#header.susthead div, body.lastyle #header.susthead div { background-image: none; background-color: #abc0c2 }
#header.nativehead div { background-image: none; background-color: #fedb7b }
#header.barmelnhe div { background-image: none; background-color: #1A4100 }
#header.urbanhead div { background-image: none; background-color: #02417b }
#header.wushead div { background-image: none; background-color: #693913 }
/* */
#header.gradhead div { background-image: url(http://www.esf.edu/graduate/images/gradbannerbg.jpg); }
#header.barcnae div { background-image: url(http://www.esf.edu/cnae/images/bannerbg.jpg); }
#header.barspace div { background-image: url(http://www.esf.edu/space/images/bannerbg.jpg); }
#header.barnewcomb div { background-image: url(http://www.esf.edu/newcomb/images/barbg.jpg); }
#header.baraec div { background-image: url(http://www.esf.edu/aec/images/barbg.jpg); }
#header.baraic div { background-image: url(http://www.esf.edu/aic/images/bannerbg.jpg); }
#header.barep div { background-image: url(http://www.esf.edu/ep/images/bannerbg.jpg); }
#header.barmerhab div { background-image: url(http://www.esf.edu/merhab/images/barbg.jpg); }
#header.barglrc div { background-image: url(http://www.esf.edu/glrc/images/barbg.jpg); }
#header.bargbc div { background-image: url(http://www.esf.edu/greenbuilding/2017/images/bannerbg.jpg); }
#header.bariise div { background-image: url(http://www.esf.edu/species/images/bannerbg.jpg); }
#header.barnfi div { background-image: url(http://www.esf.edu/nfi/images/barbg.jpg); }
#header.barquest div { background-image: url(http://www.esf.edu/quest/images/bannerBG.jpg); }
#header.bartop10 div { background-image: url(http://www.esf.edu/top10/2014/images/bannerBG.jpg); }
#header.bartop10-2016 div { background-image: url(http://www.esf.edu/top10/2016/images/bannerBG.jpg); }
#header.bartop10-2015 div { background-image: url(http://www.esf.edu/top10/2015/images/barbg.jpg); }
#header.barcoyote div { background-image: url(http://www.esf.edu/coyote/images/barbg.jpg); }
#header.barnerr div { background-image: url(http://www.esf.edu/nerr/images/bannerbg.jpg); }
#header.barresearch div { background-image: url(http://www.esf.edu/research/images/bannerbg.jpg); }
#header.barsure div { background-image: url(http://www.esf.edu/outreach/sure/images/bannerBG.jpg); }
#header.barmoon div { background-image: url(http://www.esf.edu/moonlighting/images/bannerBG.jpg); }
#header.barwc div { background-image: url(http://www.esf.edu/womenscaucus/images/bannerBG.jpg); }
#header.barradcuring div { background-image: url(http://www.esf.edu/outreach/radcuring/images/bannerBG.jpg); }
#header.barbiotech div { background-image: url(http://www.esf.edu/outreach/biotechnology/images/bannerBG.jpg); }
#header.barspare div { background-image: url(http://www.esf.edu/outreach/spare/images/bannerBG.jpg); }
#header.bareap div { background-image: url(http://www.esf.edu/eap/images/bannerBG.jpg); }
#header.barafs div { background-image: url(http://www.esf.edu/org/afs/images/bannerBG.jpg); }
#header.barbpcert div { background-image: url(http://www.esf.edu/outreach/bioprocessing/images/bannerBG.jpg); }
/*  
Full width, scaling header images 
*/
#headerwash, #headerslides { width: 100%; max-height: 320px; height: 30%; overflow: hidden; padding: 0; margin: 0; position: relative; top: 40px; text-align: center; margin-bottom: 40px }
#headerslides { height: 200vh; }
#headerslides > div { bottom: 0; top: 0; background-size: cover; background-repeat: no-repeat; z-index: 0; -webkit-animation: slider-sm ease-in-out 30s both infinite; -moz-animation: slider-sm ease-in-out 30s both infinite; animation: slider-sm ease-in-out 30s both infinite; }
#headerslides h1 { line-height: 6.8em }
#headerwash img { width: 100% }
#headerwash div, #headerslides div { position: absolute; z-index: 3; width: 100%; text-align: center }
#headerwash div { bottom: 6px; }
#headerwash div div, #headerslides div div { position: relative; width: 100%; text-align: center }
#headerwash div div div, #headerslides div div div { width: 100%; max-width: 1140px; margin: 0 auto; text-align: left }
h1.gatehead { color: #fff; font-size: 3.5em; font-weight: 900; text-shadow: 60px 60px 60px rgba(0, 0, 0, .4), -60px -60px 60px rgba(0, 0, 0, .4), 8px 8px 30px rgba(0, 0, 0, 1), -8px -8px 30px rgba(0, 0, 0, 1); margin-left: 6%; }
h1.lahead { color: #fff; font-size: 3.5em; font-weight: 100 !important; line-height: 1em; text-shadow: 20px 20px 20px rgba(0, 0, 0, 1), -20px -20px 20px rgba(0, 0, 0, 1), 4px 4px 10px rgba(0, 0, 0, 1), -4px -4px 10px rgba(0, 0, 0, 1); margin-left: 6%; }
/*  
CONTAINER, INNER 
*/
#container { text-align: left; background-color: #fff; width: 100%; min-width: 300px; margin: 0 auto; padding: 0; min-height: 500px; max-width: 1140px; }
#container.containnfi { background-image: url(http://www.esf.edu/nfi/images/bg.jpg); background-position: bottom; background-repeat: no-repeat; padding-bottom: 15vw; background-size: 100% auto }
#container.containaec { background-image: url(http://www.esf.edu/aec/images/bghome.jpg); background-position: bottom; background-repeat: no-repeat; padding-bottom: 15vw; background-size: 100% auto }
#inner { min-width: 300px; min-height: 500px; margin: 0 10px; padding: 0; position: static; max-width: 1140px }
/*  
LISTS 
*/
blockquote { margin-left: 20px }
ul { margin-bottom: 10px }
li { margin: .5em 0 .4em 2em; list-style-type: disc; list-style-position: outside; line-height: 1.3em; }
ul.biglist, ul.medlist, ol.biglist, ol.medlist { margin-bottom: 1.3em }
ul.biglist>li, ul.biglist>li a, ol.biglist>li, ol.biglist>li a { margin: .5rem 0; line-height: 1.2rem; font-size: 1.3rem; font-weight: 600 }
ul.medlist li, ul.medlist li a, ol.medlist li, ol.medlist li a { margin: .7rem 0; line-height: 1.3rem; font-size: 1.15rem; font-weight: 400 }
ol.medlist li, ol.medlist li a { margin-left: 2em; }
ul.medlist li li, ul.medlist li li a, ol.medlist li li, ol.medlist li li a { line-height: .8rem; font-size: .8rem; font-weight: 300 }
li a { font-weight: 500; line-height: 1.3em }
ol li { list-style-type: decimal }
ol.loweralpha li { list-style-type: lower-alpha }
ul ul, ol ol, ul ul ul, ol ol ol { margin-bottom: 0px }
li li { list-style-type: circle; font-weight: normal; font-size: .9em }
li li a { font-weight: normal; }
li li li { list-style-type: disc; font-size: 1em }
ul.nobull li { list-style-type: none; margin-left: 0; margin-right: 2em }
ul.nobull li li { list-style-type: circle; margin-left: 2em }
#box li.news, #box li.news { list-style-position: inside; list-style-type: disc; margin-left: 10px; font-size: .9em; line-height: 1.3em }
li.socialicons { padding-left: 8px; display: inline-block }
li.nested { list-style-position: inside; list-style-type: circle; margin-left: 20px; font-size: .9em; line-height: 1.3em }

/*  
NAV BARS 
*/  
/*  
Newtab-Droptab 
*/
#newtab { background-color: #f3f3f3; height: 40px; position: relative; z-index: 3 }
#newtab div { margin: 0 auto; width: 1140px }

/*
OLD DROPDOWN
*/
#droptab { width: 100%; float: left; height: 30px; margin-left: -2px }
#droptab a { border-bottom: none; font-weight: 400 }
#droptab ul { position: relative; z-index: 200 } /*  parent li items */
#droptab li { float: left; list-style-type: none; font-size: 1em; letter-spacing: .3px; margin: 0 0 0 4px; }
#droptab li.ipad { display: none }
#droptab li:hover, #droptab li:focus { position: static; }
#droptab li span { color: #0f508c; line-height: 27px; display: block; padding: 2px 7px 0 10px; margin: 7px -4px 0 -1px; font-weight: 500; font-size: 1.1em; letter-spacing: 0px; position: relative; z-index: 2; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#droptab li:hover span, #droptab li:focus span { background-color: #fff; border-top: 1px solid #ccc; margin-top: 6px; color: #333 }
#droptab li:hover a strong, #droptab li:focus a strong { border: none }
#droptab li a span.menutext { line-height: 1.1em; display: inline; border: none; font-weight: 300; font-size: 1em; margin: 0; padding: 0; text-transform: none; color: #330; }
/*  
no submenu tabs 
*/
#droptab li.nosub:hover span, #droptab li.nosub:focus span { background-color: transparent; border-top: none; border-right: 1px solid #ccc; margin-top: 7px; color: #0070ff } /*  child ul items */

#droptab li ul { position: absolute; left: -999em; clear: both; background-color: #fff; margin: 0; box-shadow: 0 2px 10px #999; z-index: 0; width: 18%; max-width: 220px; min-width: 160px; } /* left instead of display to hide menus because display: none isn't read by screen readers */
#droptab li:hover ul, #droptab li:focus ul { /* lists nested under hovered list items */ left: auto; }
#droptab li ul.menmed { max-width: 300px; width: 30% }
#droptab li ul.wide { max-width: 400px; width: 40% }
#droptab li ul.menmed ul, #droptab li ul.wide ul { max-width: 100%; width: 100% }
#droptab ul ul { box-shadow: none; width: auto }
#droptab li li { width: auto; text-align: left; height: auto; padding: 2px 10px 2px 10px; margin-left: 0px; margin-right: 0; font-size: .9em; float: none }
#droptab li li.nested { list-style-position: inside; list-style-type: circle; font-size: .9em; float: none; width: auto; text-align: left; margin-left: 12px }
#droptab li li a { display: inline-block; font-weight: 400 }
#droptab li li.top { padding-top: 8px }
#droptab li li.bottom { padding-bottom: 14px }
#droptab li li ul { position: relative; margin-top: 4px }
#droptab li li li { font-size: .95em; list-style-type: circle; list-style-position: inside; color: #aaa; }
#droptab li li li a { display: inline; padding-left: 0; font-weight: 400; }
#droptab li li li li { margin-left: 15px; }
/*  
Graybar 
*/
#graybar { font-weight: 200; height: 40px; background-color: #efefef }
#graybar a, #graybar a:visited { font-weight: 600; font-size: 1.1em; letter-spacing: 0px }
#graybar div div { margin: 0 auto; padding-top: 9px; width: 100%; text-align: center; }
#graybar div div div.mobhide { padding-top: 0 }
.rarr { color: #f00; font-weight: bold; }
/*  
BREADCRUMB 
*/
#crumb { color: #555; font-size: .9em; font-weight: normal; text-transform: uppercase; margin: 0; padding: 0; }
#crumb a { text-decoration: none; font-size: .95em; font-weight: normal; text-transform: uppercase; }
#crumb div { margin: 0 auto; text-align: left; border-style: none; }
/*  
CONTENT 
*/
#content { float: right; width: 100%; max-width: 1140px; background-color: #fff; margin: 0 0 10px 0; padding: 0 0 12px }
#content img.colfade { float: left; min-height: 420px; margin-right: 20px }
/*  
Catalog Content 
*/
#content.catalog img { display: none }
#content.catalog p.intro, div.nointro p.intro, #content.nointro p.intro { font-size: 15px; color: #333; letter-spacing: .5px; }
.catbrown { }
.catadm { color: #6B8900 }
p.cattotal { padding: 4px; border: 1px solid #ccc; background-color: #FFC; text-align: center }
#catcodes { display: none; position: absolute; width: 240px; padding: 10px; background: #f3f3f3; color: #333; border: 1px solid #ccc; }
.codelist { visibility: hidden; width: 200px; background-color: #f3f3f3; padding: 10px; margin: -20px 0 0 -280px; /* 
Position the tooltip CODES 
*/ position: absolute; z-index: 1; }
.catcodes:hover .codelist, .catcodes:focus .codelist { visibility: visible; }
.coursepagehide, .catprint { display: none }
/*  
CONTENT REGION CORRECTIONS 
*/
#container.nomin, #inner.nomin, #content.nomin { min-height: 0px; height: auto }
/*  
Tooltip style popup 
*/
#box.tooltip { position: absolute; z-index: 100; padding: 15px; }
#box.tooltip:after /* triangle decoration */ { width: 0; height: 0; content: ''; position: absolute; bottom: -10px; margin-left: -10px; }
#box.tooltip.top:after { top: -20px; bottom: auto; }
#box.tooltip.left:after { left: 10px; margin: 0; }
#box.tooltip.right:after { right: 10px; left: auto; margin: 0; }
#box.sidebar-box { max-height: 480px; position: relative; overflow: hidden; width: 30%; float: left; margin-right: 6px }
#box.sidebar-box.smallside { width: 17%; }
.sidebar-box .read-more { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 100px 0 10px; font-size 1.3em;
font-weight: bold; color: white; text-transform: uppercase; /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(0, 46, 81, 100))); }
.sidebar-box .read-more a { color: white; }
/* 
PANELS
*/
.panelset { width: 100%; padding: 2% 0 2% 0.6% }
#panel { float: left; position: relative; overflow: hidden; margin: 0; padding: 0; }
.ptwo { width: 50%; float: left; position: relative; overflow: hidden; margin: 0; padding: 0; }
.ptwo #box { width: 96% }
.pthree { width: 33.3%; float: left; position: relative; overflow: hidden; margin: 0; padding: 0; }
.pthree #box { width: 94%; margin-top: 14px }
.pfour { width: 25%; float: left; position: relative; overflow: hidden; margin: 0; padding: 0; }
.pfour #box { width: 94%; margin-top: 12px; }
.pfive { width: 20% }
.pfive #box { width: 94%; margin-top: 10px; }
.p580 { max-height: 580px; min-height: 580px }
.p480 { max-height: 480px; min-height: 480px }
.p380 { max-height: 380px; min-height: 380px }
.pboxrel #box { position: relative }
.read-more { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; padding: 150px 0 50px; /* "transparent" only works here because == rgba(0,0,0,0) */ background-image: -moz-gradient( linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.7, rgba(255, 255, 255, 100)), color-stop(1, rgba(255, 255, 255, 100))); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.7, rgba(255, 255, 255, 100)), color-stop(1, rgba(255, 255, 255, 100))); background-image: linear-gradient( to bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.7, rgba(255, 255, 255, 100)), color-stop(1, rgba(255, 255, 255, 100))); }
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

.read-more.ltgray { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(239, 239, 239, 0)), color-stop(0.7, rgba(239, 239, 239, 100)), color-stop(1, rgba(239, 239, 239, 100))); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(239, 239, 239, 0)), color-stop(0.7, rgba(239, 239, 239, 100)), color-stop(1, rgba(239, 239, 239, 100))); background-image: linear-gradient( to bottom, color-stop(0, rgba(239, 239, 239, 0)), color-stop(0.7, rgba(239, 239, 239, 100)), color-stop(1, rgba(223955, 239, 239, 100))); }
.read-more a { font-size: 1.2em; font-weight: x 500 }
/*  
MODAL- pop-open window for rankings mouseovers 
*/
.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity: 0; -webkit-transition: opacity 100ms ease-in; -moz-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; pointer-events: none; max-height: 100%; overflow-y: auto; }
.modalDialog:target { opacity: 1; pointer-events: auto; }
.modalDialog > div { width: 90%; max-width: 90%; position: relative; margin: 10% auto; padding: 5%; border-radius: 10px; background: #fff; }
a.close { background: #0069C0; float: right; margin-top: 15px; text-align: center; top: 20px; font-size: 16px; width: 30px; text-decoration: none; font-weight: bold; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #fff; line-height: 2em } /* 
PERCENTAGE DIVS 
*/
div.l13 { width: 31.2%; float: left; padding: 0 1.5% 20px 0; }
div.c13 { width: 31.2%; float: left; padding: 0 1.5% 20px; }
div.r13 { width: 31.2%; float: left; padding: 0 0 10px 1.6%; margin-left: -1px; /* for overlapping border with l23 */ border-left: 1px solid #ccc }
div.l23 { width: 65%; float: left; padding: 0 2% 20px 0; border-right: 1px solid #ccc }
div.r23 { width: 65%; float: right; padding: 0 0 20px 2%; }
div.l12 { width: 48.5%; float: left; padding: 0 1% 10px 0; }
div.r12 { width: 48.5%; float: right; padding: 0 0 10px 1%; }
div.l23 div.l12, div.r23 div.l12 { width: 46.5%; padding-right: 3%; }
div.l23 div.r12, div.r23 div.r12 { width: 46.5%; padding-left: 3% }
div.l12 div.l12, div.r12 div.l12 { width: 46.5%; padding-right: 3%; }
div.l12 div.r12, div.r12 div.r12 { width: 46.5%; padding-left: 3% }
div.r13 div.l12 { width: 47.5% }
div.r13 div.r12 { width: 47.5%; padding-left: 3% }
.borl { border-left: 1px solid #ddd }
.borr { border-right: 1px solid #ddd }
div.l23 div.l23, div.l23 div.r13, div.r13.noborder, div.l12 div.r13, div.l12 div.l23 { border: none }
div.l23 div.r13.borl { border-left: 1px solid #ddd }
div.l13.nomargin { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
div.l13.nopadding { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0, }
/* 
PERCENTAGE BOXES 
*/
#box.l12 { width: 44%; float: left; padding: 0 1% 10px 0; border: none; margin-right: 10px }
#box.r12 { width: 47.5%; float: right; padding: 0 0 10px 2%; border: none; border-left: 1px solid #ccc; margin-left: 10px }
.l23 #box.r12, .r23 #box.r12 { width: 46.5%; padding-left: 3% }
.l13 #box.r12, .c13 #box.r12, .r13 #box.r12 { width: 45.5%; padding-left: 4% }
#box.l13 { width: 31.2%; float: left; padding: 0 1% 10px 0; border: none; margin-right: 10px }
#box.r13 { width: 31.2%; float: right; padding: 0 0 10px 2%; border: none; border-left: 1px solid #ccc; margin-left: 10px } 
/*  
BOXES & IMAGES 
*/
#box { margin: 6px 0 10px; line-height: 1.4em }
#box.left { float: left; margin-right: 12px; }
#box.right { float: right; margin-left: 10px }
#box.leftnomar { float: left; }
#box.rightnomar, .rightnomar { float: right; }
#box.callout { margin-top: 10px; margin-bottom: 14px }
#box.border { padding: 10px; border: 1px solid #ccc }
#box.feature h4 { padding: 4px; margin-bottom: 8px; text-align: center; background-image: url(http://www.esf.edu/images/h4bg.jpg); color: #fff; background-repeat: repeat-y; background-position: center; border-radius: .5rem }
#box.featureblue h4 /* SPONSOR LISTS, ETC. */ { padding: 4px; margin-bottom: 8px; text-align: center; background-image: url(http://www.esf.edu/images/h4bgteal.jpg); color: #fff; background-repeat: repeat-y; background-position: center; border-radius: .5rem }
#box.border.bgltgray, #box #box.border.bgltgray { border: none; box-shadow: none; }
#box.border.bgpalegreen { border: 1px solid #65fe65; box-shadow: none; background: -webkit-linear-gradient(110deg, #dfd, #efe, #fff); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(180deg, #dfd, #efe, #fff); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(110deg, #dfd, #efe, #fff); /* For Firefox 3.6 to 15 */ background: linear-gradient(110deg, #dfd, #efe, #fff); /* Standard syntax */ }
#box.border.bgyellow, #box.r12.bgyellow, .r13.bgyellow { padding-left: 20px; padding-right: 16px; border: 1px solid #ffea00; box-shadow: none; background: -webkit-linear-gradient(180deg, #ffd, #ffe, #fff); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(110deg, #ffd, #ffe, #fff); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(180deg, #ffd, #ffe, #fff); /* For Firefox 3.6 to 15 */ background: linear-gradient(180deg, #ffd, #ffe, #fff); /* Standard syntax */ }
.vidbg { background-color: #000; padding-top: 10px }
img.right { float: right; margin: 4px 0 4px 10px; }
img.left { float: left; margin: 4px 12px 4px 0; }
.w10 { width: 10% }
.w11 { width: 11% }
.w12 { width: 12% }
.w13 { width: 13% }
.w14 { width: 14% }
.w15 { width: 15% }
.w17 { width: 17% }
.w18 { width: 18% }
.w20 { width: 20% }
.w25 { width: 25% }
.w30 { width: 30% }
.w35 { width: 35% }
.w40 { width: 40% }
.w45 { width: 45% }
.w50 { width: 50% }
.w55 { width: 55% }
.w60 { width: 60% }
.w65 { width: 65% }
.w70 { width: 70% }
.w75 { width: 75% }
.w80 { width: 80% }
.w85 { width: 85% }
.w90 { width: 90% }
.w95 { width: 95% }
.w100 { width: 100% }
.hauto { height: auto }
.h100 { height: 100% }
#box h2, #box h3 { margin-top: 1em }
#box #box { margin-bottom: 16px }
.maxw1120 { max-width: 1100px }
.maxw1100 { max-width: 1120px }
.maxw1040 { max-width: 1040px }
.maxw1000 { max-width: 1000px }
.maxw1020 { max-width: 1020px }
.maxw960 { max-width: 960px }
.maxw920 { max-width: 920px }
.maxw900 { max-width: 900px }
.maxw760 { max-width: 760px }
.maxw750 { max-width: 750px }
.maxw740 { max-width: 740px }
.maxw726 { max-width: 726px }
.maxw730 { max-width: 730px }
.maxw676 { max-width: 676px }
.maxw720 { max-width: 720px }
.maxw710 { max-width: 710px }
.maxw700 { max-width: 700px }
.maxw690 { max-width: 690px }
.maxw680 { max-width: 680px }
.maxw670 { max-width: 670px }
.maxw660 { max-width: 660px }
.maxw650 { max-width: 650px }
.maxw640 { max-width: 640px }
.maxw630 { max-width: 630px }
.maxw620 { max-width: 620px }
.maxw610 { max-width: 610px }
.maxw600 { max-width: 600px }
.maxw590 { max-width: 590px }
.maxw580 { max-width: 580px }
.maxw570 { max-width: 570px }
.maxw560 { max-width: 560px }
.maxw550 { max-width: 550px }
.maxw540 { max-width: 540px }
.maxw530 { max-width: 530px }
.maxw520 { max-width: 520px }
.maxw510 { max-width: 510px }
.maxw500 { max-width: 500px }
.maxw490 { max-width: 490px }
.maxw480 { max-width: 480px }
.maxw470 { max-width: 470px }
.maxw460 { max-width: 460px }
.maxw450 { max-width: 450px }
.maxw440 { max-width: 440px }
.maxw430 { max-width: 430px }
.maxw420 { max-width: 420px }
.maxw410 { max-width: 410px }
.maxw400 { max-width: 400px }
.maxw390 { max-width: 390px }
.maxw380 { max-width: 380px }
.maxw375 { max-width: 375px }
.maxw370 { max-width: 370px }
.maxw365 { max-width: 365px }
.maxw360 { max-width: 360px }
.maxw350 { max-width: 350px }
.maxw340 { max-width: 340px }
.maxw330 { max-width: 330px }
.maxw320 { max-width: 320px }
.maxw310 { max-width: 310px }
.maxw300 { max-width: 300px }
.maxw290 { max-width: 290px }
.maxw280 { max-width: 280px }
.maxw270 { max-width: 270px }
.maxw260 { max-width: 260px }
.maxw250 { max-width: 250px }
.maxw240 { max-width: 240px }
.maxw230 { max-width: 230px }
.maxw220 { max-width: 220px }
.maxw210 { max-width: 210px }
.maxw200 { max-width: 200px }
.maxw190 { max-width: 190px }
.maxw180 { max-width: 180px }
.maxw170 { max-width: 170px }
.maxw160 { max-width: 160px }
.maxw150 { max-width: 150px }
.maxw140 { max-width: 140px }
.maxw130 { max-width: 130px }
.maxw120 { max-width: 120px }
.maxw110 { max-width: 110px }
.maxw100 { max-width: 100px }
.maxw90 { max-width: 90px }
.maxw80 { max-width: 80px }
.maxw75 { max-width: 75px }
.maxw70 { max-width: 70px }
.maxw60 { max-width: 60px }
.maxw50 { max-width: 50px }
.maxw40 { max-width: 40px }
.maxw30 { max-width: 30px }
/*  
MOBILE GENERAL 
*/
#mobhide, div.mobhide { display: block }
.mobile, .mobshow, #mobshow, .appshow { display: none }
.ipad { display: none }
#pushstuff div.menu-btn, #xpushstuff div.menu-btn { display: none }
/*  
FOOTIES 
*/
#total.footer { background-color: #efefef; padding-top: 2.4vw }
#total.footer div.r13 { text-align: right }
#pagetail { padding-top: 4px; font-size: .9em; color: #333; line-height: 12px; }
/*  
BIGFOOT 
*/
#container.tail { height: 100%; background-color: #efefef; box-shadow: 0 0 10px #ddd; margin-top: -10px; position: relative; z-index: 0 }
#container.tail #box li { list-style-type: none; font-weight: normal; line-height: 1.4em; margin-left: 0; }
#container.tail #box li a, #container.tail #pagetail { text-align: center; margin-top: 20px; margin-bottom: 20px }
#container.tail #box a, #container.tail #pagetail a { font-weight: 200; }
#container.tail #pagetail { font-weight: 300; line-height: 1.4em }
#container.tail #pagetail a { font-size: 1em }
/*  
SLIDES CAPTIONS ETC. 
*/
.callbacks_container { position: relative; width: 100%; }
.callbacks { display: block; position: relative; z-index: 2; left: 0; right: 0; bottom: 0; padding: 10px; max-width: none; list-style: none; overflow: hidden; width: 100%; }
.callbacks li { position: absolute; width: 100%; left: 0; top: 0; }
.callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.caption, .callbacks { font-size: .85em; color: #888; text-align: center; margin: 4px auto; line-height: 1.3em; text-transform: uppercase; }
.caption strong { color: #666; }
ul.rslides .caption { text-align: left; }
ul.rslides li { list-style-type: none; }
ul.rslides li img { margin-bottom: 10px }
.callbacks_container:before { content: "MOUSEOVER LEFT OR RIGHT ARROW TO PAUSE"; color: #c00; font-size: 10px; font-weight: bold }
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 230px; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("/js/ResponsiveSlides/demo/themes/themes.gif") no-repeat left top; margin-top: -45px; }
.callbacks_nav:active { opacity: 1.0; }
.callbacks_nav.next { left: auto; background-position: right top; right: 0; }
/*  
VIDEO <video> tag 
*/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; margin-bottom: 16px }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
video { width: 100% }
/*  
--------------------------------------- HOMEPAGE General and Nav ------------------------------------------
*/
p.bighead { font-size: 4vw; font-weight: 100; text-align: center; margin-top: 3vw }
/* Top matter */
#total.homehead { background-color: #000; background-image: url(/images/blackfade.jpg); background-size: 100% 80%; background-position: bottom; background-repeat: no-repeat; margin-bottom: 2.5vw }
#total.homehead img.hometop { width: 100%; max-width: 1000px; margin-top: 40px }
#total.homehead div { position: relative; z-index: 20; margin-top: 3em }
p.nygec { font-size: 3.4em; font-weight: 400; text-align: center; margin-bottom: 0; letter-spacing: normal; text-shadow: 0 -12px 40px #fff, 0 -6px 15px #fff; color: black }
p.homewordssub { font-size: 2.1em; font-weight: 100; margin-top: -.5em; }
p.forearth { font-size: 44px; font-weight: 100; text-align: center; color: #aaa; margin-top: -.8em; padding-top: 0; margin-bottom: 0; letter-spacing: .03em }
/*
Thematic Gateways
*/
.homenav { padding: 0 .3% 1vw; }
.homenav #panel.pfive { width: 19%; margin: .44%; }

.zoomparent { height: 254px; position: relative; cursor: pointer; }

.zoomchild { height: 100%; width: 100%; background-size: cover; background-position: center top; background-repeat: no-repeat; /* box-shadow: inset 0 -100px 40px -40px #fff; /* -webkit-transition: all 8s; -moz-transition: all 8s; -o-transition: all 8s; transition: all 8s */ }
.zoomchild:before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; }

.zoomhead { font-size: 1.6rem; font-weight: 900; position: absolute; bottom: 8%; width: 100%; text-align: center; background-color: rgba(0, 0, 0, .5); padding: 3% 0; }
.zoomhead:before { color: #fff }

.zoomtext { visibility: visible; opacity: 0; transition: opacity 500ms; margin: auto; line-height: 1em; font-size: 1.5em; font-weight: 200; color: #fff; position: absolute; bottom: 30%; background-color: rgba(0, 0, 0, .5); padding: 5% 10% } /*.zoomparent:hover .zoomchild, .zoomparent:focus .zoomchild { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.2); transform: scale(1.1); } */

.zoomparent:hover .zoomchild:before, .zoomparent:focus .zoomchild:before { display: block; }
.zoomparent:hover .zoomtext, .zoomparent:focus .zoomtext { opacity: 1; }  /*.zoomparent:hover p.zoomhead, .zoomparent:focus p.zoomhead { visibility: hidden; } */
.zoomparent:hover .zoomhead:before, .zoomhead:focus .zoomchild:before { display: block; }
.zoomparent:hover .zoomhead, .zoomparent:focus .zoomhead {  }  /*.zoomparent:hover p.zoomhead, .zoomparent:focus p.zoomhead { visibility: hidden; } */

.bg-one { background-image: url(/default/images/nav/gatedeck.jpg); }
.bg-two { background-image: url(/default/images/nav/paneladm.jpg); }
.bg-three { background-image: url(/default/images/nav/panelacad.png); }
.bg-four { background-image: url(/default/images/nav/research2.jpg); }
.bg-five { background-image: url(/default/images/nav/panellife.jpg); }

/*  
PARALLAX 
*/
.para { background-attachment: fixed; background-repeat: no-repeat; background-size: cover; text-align: center; background-position: left; }
/*  Home Para Panels */
.para-impact { padding: 7% 0; background-image: url(/default/images/clouds.jpg); margin-top: 3vw }
.parainset { padding: 12vw 0 4vw; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; background-size: cover; margin-bottom: 3vw; border-radius: 20px }
.parainset div { text-align: center; font-weight: 300; font-size: 1.5em; color: #fff; line-height: 1.2em; background-color: rgba(0,0,0,0.5); padding: 3% 8%; }
.scrollwords { font-size: 2em; font-weight: 300}
#total.overscroll { padding-left: 1%; width: auto; height: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
#panel.pscroll { float: none; min-width: 270px; max-width: 400px; width: 22%; display: inline-block; position: relative; vertical-align: top }
#panel.pscroll #box { width: 94%; margin-top: 10px; white-space: normal; text-align: left; }
#panel.pscroll .p480 { max-height: 480px; min-height: 480px }
#total.overscroll::-webkit-scrollbar {
width: 1em;
}
#total.overscroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
margin: 0 10%;
}
#total.overscroll::-webkit-scrollbar-thumb {
background-color: #ccc;
outline: 1px solid slategrey;
}

/* Others */
.para-water { padding: 8% 0; background-image: url(/default/images/flume.jpg) }
.para-asimov { padding: 10% 0; background-image: url(/default/images/asimovwash.jpg); margin-top: 2vw; margin-bottom: 0 }
.para-25000 { padding: 6% 0; background-image: url(/default/images/NFIBooklet7-22-08_img_21.jpg) }
.para-sustain { padding: 8% 0; background-image: url(/default/images/threeguys.jpg) }
/*  
Parallax Full Width 
*/
.paracover { margin-bottom: 1vw; box-shadow: inset 0 40px 40px -40px #000, inset 0 -40px 40px -40px #000; }
.paramediumfade { padding: 12% 0; box-shadow: inset 0 100px 50px -50px #fff, inset 0 -100px 50px -50px #fff; }
.parabigfade { padding: 18% 0; background-image: url(/default/images/muscles.jpg); box-shadow: inset 0 200px 100px -100px #fff, inset 0 -200px 100px -100px #fff; }
.parahead { font-weight: 800; font-size: 5vw; color: #fff; line-height: 1.1em; text-shadow: 4px 4px 10px rgba(0, 0, 0, 1); }
.parabody { font-weight: 100; font-size: 2.5vw; color: #fff; line-height: 1.2em; background-color: rgba(0,0,0,0.5); padding: 3% 8%; }
.parabody a { border-color: #4c7f8f; color: #04c0fe; font-weight: 900 }
.parabold { font-weight: 900; }
/*  Parallax Grid */
.transgrid { margin-bottom: 3vw }
.paragrid { background-color: #000 }
.bgleft { background-size: 40%; background-position: left; box-shadow: none; }
.bgcenter { background-size: 40%; background-position: center; box-shadow: none; }
.bgright { background-size: 40%; background-position: right; box-shadow: none; }
.parasliver { padding: 25% 0 10% }
div.pichead { font-size: 2.3vw; font-weight: 100; color: #fff; line-height: 1.2em; padding: 1% 0; background-color: rgba(0,0,0,0.5); }
/*video#bgvid { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(../polina.jpg) no-repeat; background-size: cover; } */ /*  Highlight 'pitches' */
/*
TRIO
*/
.trio { padding-top: 1.3vw; padding-bottom: 4vw }
.trio #box { bord er-radius: 10px; border: 1px #ccc solid;  backgro und: -webkit-linear-gradient(top, #fefefe, #cde6f2); /* For Safari 5.1 to 6.0 */ backg round: -o-linear-gradient(top, #fefefe, #cde6f2); /* For Opera 11.1 to 12.0 */ backg round: -moz-linear-gradient(top, #fefefe, #cde6f2); /* For Firefox 3.6 to 15 */ back ground: linear-gradient(to top, #fefefe, #cde6f2, ); /* Standard syntax */ }
p.pitchhead { font-size: 3rem; font-weight: 300; line-height: .7em; padding-top: 6%; color: #000 } /*  Zoom - Main '5' menu */
p.homepitch { font-size: 1.6rem; font-weight: 300; color: #333; line-height: 1.3em; padding: 0 4% 4% }

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

/*  
MEDIA QUERY TWEAKAGE 
*/
@media only screen and (min-device-width: 769px) { /*  min-device-width: 769px SHOW */
#homemenumob, #homestatic, div.site-overlay { display: none }
}

@media (max-width: 768px) {
#content div.mobsubmenu #pushstuff div.menu-btn, #content div.mobsubmenu #xpushstuff div.menu-btn { display: block }
}

/* Zoom Media Queries */
@media screen and (max-width: 960px) {
.zoomparent { width: 100%; margin: 20px 0px }
ver p.darkenone, a.darken:hover p.darkentwo { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
}
/*----------------------- START ABOVE 70em MEDIA QUERIY ------------------------- */

@media only screen and (min-width: 70em) {
#header.b85 h1 { font-size: 2rem; float: left; color: #000; margin: 30px 0 0 10px; font-weight: 400 !important; text-shadow: 3px 3px 12px #fff, -3px -3px 12px #fff, -3px 3px 12px #fff, 3px -3px 12px #fff  }
    }
/*----------------------- START 50em to 70em MEDIA QUERIY ------------------------- */

@media only screen and (min-width: 50em) and (max-width: 70em) {
p.nygec { font-size: 3.6vw; }
p.homewordssub { font-size: 2.6vw; }
p.homepitch { font-size: 1.5em; }
p.pitchhead { font-size: 4vw; }
div.zoomhead { font-size: 2.5vw; }
.zoomtext { line-height: 1rem; font-size: 1rem }
p.bighead { font-size: 5vw; }
#panel.pscroll { min-width: 260px; }
#droptab li span, #graybar a, #graybar a:visited { font-weight: 400; font-size: 1em; }
#header.b85 h1 { font-size: 1.8rem; float: left; color: #000; margin: 30px 0 0 10px; font-weight: 400 !important; text-shadow: 3px 3px 12px #fff, -3px -3px 12px #fff, -3px 3px 12px #fff, 3px -3px 12px #fff  }
.para { background-attachment: inherit; background-size: cover; background-position: center top }
.parabody { font-weight: 200 }
.para-water { background-image: url(/default/images/water2.jpg) }
.para-asimov { background-image: url(/default/images/asimov2.jpg) }
.para-sustain { background-image: url(/default/images/threeguys2.jpg) }
.parainset div { font-size: 1.4em; line-height: 1.2em;  }
}

/*----------------------- START 40em to 50em MEDIA QUERIY ------------------------- */

@media only screen and (min-width: 40em) and (max-width: 50em) {
p.bighead { font-size: 6vw; }
/*Thematic */
p.nygec { font-size: 4vw; }
p.homewordssub { font-size: 2.7vw; font-weight: 300; }
.zoomparent { height: 180px; }
div.zoomhead { font-weight: 500; font-size: 1.3rem;  }
.zoomtext { visibility: hidden; }
p.homepitch { font-size: 1.3em; }
p.pitchhead { font-size: 4.2vw; }
#panel.pscroll { min-width: 220px; }
.parabody { font-weight: 300 }
.para { background-attachment: inherit; background-size: contain; background-position: center top }
.para-water { background-image: url(/default/images/water2.jpg) }
.para-asimov { background-image: url(/default/images/asimovwash.jpg); background-size: cover; background-position: 0px -130px;  }
.para-sustain { background-image: url(/default/images/threeguys2.jpg); background-size: cover; background-position: 0px -100px }
.para-25000 { background-size: cover }
#droptab li span, #graybar a, #graybar a:visited { font-weight: 400; font-size: .9em; }
#header.b85 h1 { font-size: 1.6rem; float: left; color: #000; margin: 30px 0 0 10px; font-weight: 400 !important; text-shadow: 3px 3px 12px #fff, -3px -3px 12px #fff, -3px 3px 12px #fff, 3px -3px 12px #fff  }
}

/*  @MEDIA TO 40em  */

@media only screen and (min-width: 1em) and (max-width: 40em) {
p.intro { font-size: 1.2rem; line-height: 1.5rem }
.caption, .callbacks { color: #666; line-height: 1.1em; text-transform: none  }
#header.b85 h1 { font-size: 1.4rem; float: left; color: #000; margin: 20px 0 0; font-weight: 300 !important; line-height: .8em; }
#header.b85 div { text-align: left }
#header.b85 div[class*='a'], #header.b85 div[class*='e'], #header.b85 div[class*='i'], #header.b85 div[class*='o'], #header.b85 div[class*='u'] { background-image: none; }
#header.bdept div { height: 120px }
#header.bdept div[class*='u'] h1 { font-size: 1.4rem; margin-top: 10px; }
#header.bdept div[class*='u'] h1 span.deptof { font-size: 1rem; line-height: .2em }
p.homepitch { font-size: 1.2rem; line-height: .9em }
p.pitchhead { font-size: 8vw; }
#total.footer div.r13 { text-align: left }
.para { background-attachment: inherit; background-size: cover; background-position: center top }
.para div.parasliver { padding: 5% }
.parahead { font-size: 10vw; line-height: .9em }
.parabody { font-size: 5vw; font-weight: 200; background-color: rgba(0,0,0,0.7); line-height: 1em; padding: 6% 2% }
.paracover { margin-bottom: 1vw; box-shadow: none; background-color: #111 }
/* Impact */
.para-impact { background-image: url(/default/images/clouds2.jpg) }
.scrollwords { margin-top: 0; font-size: 1.6em }
.parainset { padding-top: 18vh;  }
.parainset div { font-weight: 500; font-size: 1.1em; line-height: 1.1em; }
#panel.pscroll { min-width: 170px; max-width: 210px; margin-top: 10px }

/* Other */
.para-water { background-image: url(/default/images/water2.jpg) }
.para-asimov { background-image: url(/default/images/asimov2.jpg) }
.para-sustain { background-image: url(/default/images/threeguys2.jpg) }
.panelset { margin-left: 0; width: 100% }
.ptwo, .pthree { width: 100%; }
.pfive, .pfour { width: 50%; }
.pushy .pfour { width: 100%; }
.ptwo #box, .pthree #box, .pfour #box, .pfive #box { width: 90%; margin-left: 5% }
.homenav { padding: 0 .3% 1vw; }
#headerwash { height: 84px; position: relative; top: 50px; margin-bottom: 30px }
#headerwash img { display: none }
#headerwash div { position: relative; bottom: 0; z-index: inherit; }
#headerwash div div { position: relative; z-index: inherit; width: 100%; text-align: center; padding-bottom: 0; padding-left: 1% }
#headerwash h1.gatehead { color: #000; font-size: 2.3em; font-weight: 500; text-shadow: none; margin-left: 0; margin-bottom: 0 }
	
#headerslides { height: 140px; }
#headerslides > div { -webkit-animation-delay: 1000s; -moz-animation-delay: 1000s; animation-delay: 1000s; }
	#headerslides div div { position: relative; }
#headerslides h1.gatehead { margin-left: 10px; position: absolute; top: 52px; color: #fff; line-height: .8em; font-size: 2em }


/* 
HOME ONLY 
Top	*/
#total.homehead img.hometop { width: 160%; max-width: 1000px; margin: 50px auto 0 -30% }
#total.homehead p.forearth { font-size: 7vw; }
#total.homehead div { position: relative; z-index: 20; margin-top: 0 }
p.nygec { font-size: 5.5vw; font-weight: 700; line-height: .8em }
p.homewordssub { margin: 10px auto 10px; font-size: 3.9vw; font-weight: 300; line-height: 1.1em }
/*
Thematic Gateways */
.homenav #panel.pfive { width: 100% }
.zoomparent { height: 180px; margin: 0 auto }
.zoomchild { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none }
.zoomchild:before { display: block; }
div.zoomhead { font-size: 1.6rem; font-weight: 900; }
.zoomtext { visibility: hidden; display: none; opacity: 1; transition: none; }
.zoomparent:hover .zoomchild, .zoomparent:focus .zoomchild { -ms-transform: none; -moz-transform: none; -webkit-transform: none; -o-transform: none; transform: none; }
.zoomparent:hover .zoomchild:before, .zoomparent:focus .zoomchild:before { display: none; }
	
/* EVENTS  */ 
#panel #box #box.bigdate { width: 120%; margin-left: -15% }
/* Etc. */
p.darkenone { font-size: 9vw; top: 35%; font-weight: 300; }
p.darkentwo { display: none; }
p.bighead { font-size: 12vw; line-height: 12vw }
p.forearth { font-size: 6vw; ; margin-top: -6%; font-weight: 400; }
/*
--------------------- OLD BELOW ----------------------- 
*/
body { -webkit-text-size-adjust: 120% }
/* 
HIDE */
#mobhide, .mobhide, span.mobhide, ul.mobhide, li.mobhide, li a.mobhide, #box.mobhide, img.mobhide, div.mobhide, strong.mobhide, table.mobhide, tr.mobhide, td.mobhide, p.mobhide, h1.mobhide, li.menuimg, #headerajax, #newtab, #graybar, #cclpbar, .ipad, #mobbanner { display: none }
/* 
Hide pause text above slideshow */  
.callbacks_container:before { content: ""; color: #904; font-size: 0 }
/* 
SHOW */
.mobshow, #mobshow, .mobile, h1.mobshow, span.mobshow, ul.mobshow, li.mobshow, li a.mobshow, #box.mobshow, div.mobshow, ul.mobshow, table.mobshow, tr.mobshow, td.mobshow, p.mobshow { display: block }
/*
HEADER & CRUMB */
#header div div { text-align: right }
#header div div img { width: 98%; }
#crumb { margin-top: -40px }
/* 
CONTAIN */
#container { width: 96%; padding: 45px 2% 0; min-width: 96%; max-width: 96%; background-image: none; background-color: #fff; min-height: 600px }
#container.containnfi, #container.containaec { background-image: none; padding-bottom: 0 }
#inner { max-width: 100%; min-width: 100%; margin: 0; padding: 0; background-color: #fff; }
/* 
CONTENT */
h1 { margin-top: 14px }
#content { width: auto; float: none; }
div.l13 { width: auto; float: none; padding-right: 0; border-right: none }
div.c13 { width: auto; float: none; padding-left: 0; padding-right: 0; border-right: none }
div.r13 { width: auto; float: none; padding-left: 0; border: none }
div.l23 { width: auto; float: none; padding-right: 0; border: none }
div.r23 { width: auto; float: none; padding-left: 0 }
div.l12, div.l23 div.l12, div.r23 div.l12 { width: auto; float: none; padding-right: 0 }
div.r12, div.l23 div.r12, div.r23 div.r12, #box.r13 { width: auto; float: none; padding-left: 0 }
.borl { border-left: none }
.borr { border-right: none }
p.mobtight { padding: 0; margin: 0 }
#mobsocial a img { width: 15%; max-width: 60px; margin: -10px 1% 10px 0 }
a.mobblack { color: #000 }
/* 
FLOATS */
#box.border { border-left: none; border-right: none; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: 0; box-shadow: none; background-color: #f5f5f5; }
#box #box.border { margin-left: -8px; margin-right: -8px }
#box, #box.right, #box.left, #box.w15, #box.w20, #box.w25, #box.w30, #box.w35, #box.w40, #box.w45, #box.w50, #box.w55, #box.w60, #box.w65, #box.w70, #box.w75, #box.w80, #box.w100 { float: none; margin-left: 0; margin-top: 2em; margin-bottom: 2em; width: auto; }
#box.maxw130, #box.maxw140, #box.maxw150, #box.maxw160, #box.maxw170, #box.maxw180, #box.maxw190, #box.maxw200, #box.maxw210, #box.maxw220, #box.maxw230, #box.maxw240, #box.maxw250, #box.maxw260, #box.maxw270, #box.maxw280, #box.maxw290, #box.maxw300, #box.maxw310, #box.maxw320, #box.maxw330, #box.maxw340, #box.maxw350, #box.maxw360, #box.maxw365, #box.maxw370, #box.maxw375, #box.maxw380, #box.maxw390, #box.maxw400, #box.maxw410, #box.maxw420, #box.maxw430, #box.maxw440, #box.maxw450, #box.maxw460, #box.maxw470, #box.maxw480, #box.maxw490, #box.maxw500, #box.maxw510, #box.maxw520, #box.maxw530, #box.maxw540, #box.maxw550, #box.maxw560, #box.maxw570, #box.maxw580, #box.maxw590, #box.maxw600, #box.maxw610, #box.maxw620, #box.maxw630, #box.maxw640, #box.maxw650, #box.maxw660, #box.maxw670, #box.maxw680, #box.maxw690, #box.maxw700, #box.maxw710, #box.maxw720 { max-width: 100% }
#container.tail { padding-top: 10px; }
#box.r12, .l23 #box.r12, #box.l12, #box.r13 { margin-left: 0; width: auto; float: none; clear: both }
#box.r12 li, .l23 #box.r12 li, #box.l12 li, #box.r13 li { list-style-type: none; margin-left: 0 }
#box.r12 li li, .l23 #box.r12 li li, #box.l12 li li, #box.r13 li li { list-style-type: circle; margin-left: 20px }

/* FORMS */

#labels { float: none; min-width: 767px; width: 100% }
/* 
FACEBOOK LIKE BOX - Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/ */
/* 
This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root { display: none; }
/* 
To fill the container and nothing else */
.fb-like-box, .fb-like-box span, .fb-like-box img, .fb-like-box span iframe[style] { width: 100% !important; }
* { margin: 0; padding: 0 }
/* 
PUSHY MOBILE MENU */
/* 
Nav unit adaptations */
#graybar { display: block; width: 75%; position: fixed; top: 3px; left: 0; z-index: 4000; height: 0 }
#graybar div div { margin: 0; padding-top: 0; width: 250px; text-align: left; }
#graybar div div div.site-overlay { width: 100% }
#graybar div div #pushstuff div.menu-btn { text-align: center; width: 30px; padding-top: 4px }
#graybar.mobnomain { display: none }
#newtab { display: block; width: 75%; position: fixed; top: 3px; left: 0; z-index: 4000; height: 0 }
#newtab div div div { margin: 0; padding-top: 0; width: 250px; text-align: left; }
#newtab div div div #box { margin-top: 10px }
#newtab div div div.site-overlay { width: 100% }
#newtab div div #pushstuff div.menu-btn { text-align: center; width: 30px; padding-top: 4px }
#newtab.mobnomain { display: none }
.barmob { display: block; width: 75%; position: fixed; top: 3px; left: 0; z-index: 4; height: 0 }
.barmob div div { margin: 0; padding-top: 0; width: 250px; text-align: left; }
.barmob div div #box { margin-top: 10px }
.barmob div div.site-overlay { width: 100% }
.barmob div #pushstuff div.menu-btn { text-align: center; width: 30px; padding-top: 4px }
.barmob.mobnomain { display: none }
/* 
Accessible dropdown adaptations * /
.sitesub .nav-item span a { color: #000 }
.sitesub .sub-nav { position: relative; display: block; box-shadow: none; background-color: transparent; border: none; padding: 1em 0; margin-left: 0; z-index: 570 }
.sitesub .sub-nav li { margin-left: 0; list-style-type: none } 
.sitesub .sub-nav, .sitesub .sub-nav.menmed, .sub-nav.wide { max-width: 100%; width: 100% }
.sitesub ul li.nosub span { background-color: transparent; border: none; margin: 0 -8px 0 -6px; padding: 0 } /*  child ul items */

/* */
#content div.mobsubmenu { display: block; width: 75%; position: fixed; top: 3px; left: 0; z-index: 4; height: 0; margin: 0; padding-top: 0; text-align: left; }
#content div.mobsubmenu #box { margin-top: 0; }
#content div.mobsubmenu div.site-overlay { width: 100% }
#content div.mobsubmenu #pushstuff div.menu-btn { text-align: center; width: 30px; padding-top: 4px }
#total.hometopbar div.mobsubmenu { display: block; width: 75%; position: fixed; top: 3px; left: 0; z-index: 40; height: 0; margin: 0; padding-top: 0; text-align: left; }
#total.hometopbar div.mobsubmenu #box { margin-top: 0; }
#total.hometopbar div.mobsubmenu div.site-overlay { width: 100% }
#total.hometopbar div.mobsubmenu #pushstuff div.menu-btn { text-align: center; width: 30px; line-height: .9em }
/*
PUSHY CSS */
.menu-btn { font-size: 2em; line-height: .7em; font-weight: bold; max-width: 50px; position: fixed; z-index: 5; right: 35%; color: #fff; }
#pushstuff div.menu-btn { display: block }
.pushy { position: fixed; z-index: 600; width: 76%; max-width: 400px; top: 0; background: #efefef; overflow: auto; -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ list-style-type: none; padding: 0; text-align: left; height: 100%; border: 1px 1px 1px 0 solid #ccc; padding-left: 10px }
.pushy a { display: block; text-decoration: none; border: none; line-height: 1em }
.pushy li { list-style-type: none; margin-left: 4%; margin-right: 2%; line-height: 1.2em }
.pushy h1, .pushy h2, .pushy h3, .pushy h4, .pushy h5, .pushy h6, .pushy p { margin-left: 4%; margin-right: 2%; }
.pushy li span { font-weight: bold; }
.pushy li li { margin-left: 6%; }
.pushy .pfour { padding-left: 4% }
/* Menu Movement */
.pushy-left { -webkit-transform: translate3d(-999px, 0, 0); -moz-transform: translate3d(-999px, 0, 0); -ms-transform: translate3d(-999px, 0, 0); -o-transform: translate3d(-999px, 0, 0); transform: translate3d(-999px, 0, 0); }
.pushy-open { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.container-push, .push-push { -webkit-transform: translate3d(200px, 0, 0); -moz-transform: translate3d(200px, 0, 0); -ms-transform: translate3d(200px, 0, 0); -o-transform: translate3d(200px, 0, 0); transform: translate3d(200px, 0, 0); }
/*  
Menu Transitions */
.pushy, #pushycon, .push { -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99); -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99); -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99); transition: transform .2s cubic-bezier(.16, .68, .43, .99); }
/*
Site Overlay */
.site-overlay { display: none; }
.pushy-active .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 550; background-color: rgba(0,0,0,0.5); -webkit-animation: fade 500ms; -moz-animation: fade 500ms; -ms-animation: fade 500ms; -o-animation: fade 500ms; animation: fade 500ms; }
 @keyframes fade {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-moz-keyframes fade {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-webkit-keyframes fade {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-ms-keyframes fade {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
 @-o-keyframes fade {
 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}