/* esu screen stylesheet */
/* Copyright 2012 Fund for the City of New York, All rights reserved. */

/* re-styling */
body { margin: 0; padding: 0; background-color: #ffffff; color: #333; font-family: Arial, sans-serif; font-size: 16px; position: relative; z-index: 1; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, blockquote { margin: 0; padding: 0; font-weight: normal; }
a { color: #4d6ead; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
/* a.private { color: #29bc57; } */
a img { border-style: none; }
p { margin-bottom: 13px; }
ul { margin-left: 2px; margin-bottom: 20px; list-style: url( /www-esu/esu-bullet.png ) outside;  }
ol { margin-left: 6px; margin-bottom: 20px; list-style: decimal outside; }
ul ul, ol ol { margin-left: 1.5em; }
li { font-size: 14px; line-height: 18px; margin-left: 1em; margin-bottom: 9px; }
em { font-style: italic; }
strong { font-weight: bold; }
table, form { font-size: inherit; line-height: inherit; }
td { vertical-align: top; }
td[valign="middle"] { vertical-align: middle; }
td[valign="bottom"] { vertical-align: bottom; }
hr { border: 1px solid #d8d4bf; border-style: none none dotted none; margin: 26px 0 13px 0; }

/* headings */
h1 { font-size: 16px; color: #404040; font-family: Arial Narrow, sans-serif; text-transform: uppercase; text-align: center; padding: 16px 0 21px 0; margin: 0 0 12px 0; background-image: url(/www-esu/esu-starred-bg-new.png); background-repeat: no-repeat; background-position: center bottom; }
h2 { font-size: 14px; color: #404040; font-family: Arial Narrow, sans-serif; text-transform: uppercase; text-align: center; padding: 12px 0 17px 0; margin: 0 0 12px 0; background-image: url(/www-esu/esu-starred-bg-new.png); background-repeat: no-repeat; background-position: center bottom; }
h3 { font-size: 24px; line-height: 30px; color: #4d6ead; font-family: Georgia, serif; margin: 0 0 20px 0; }
h1+ h3 { margin-top: 14px; }
h4 { font-size: 20px; line-height: 28px; color: #4d6ead; font-family: Georgia, serif; margin: 0 0 13px 0; }
h4.black { color: #000; }
h5 { font-size: 16px; line-height: 20px; color: #333; font-family: Georgia, serif; font-weight: bold; text-transform: uppercase; margin: 0 0 18px 0; }
h6 { font-size: 16px; line-height: 20px; color: #4d6ead; font-family: Arial, sans-serif; margin: 0 0 6px 0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; color: inherit; }
h4 span.action { font-family: Arial, sans-serif; font-size: 15px; }
h4 span.action a { color: #4d6ead; }
h4 span.action a:hover { color: #333; }

/* Utility */
p.center, div.center { text-align: center; }
div.left, img.left, table.left { float: left; margin-right: 1em; }
div.right, img.right, table.right { float: right; margin-left: 1em; }
div.photo.left, div.photo.right { width: 172px; }
table.left, table.right { width: 223px; }
div.thumbnail { width: 234px; }
td.left { text-align: left; }
td.right { text-align: right; }
div.whitespace { font-size: 1px; line-height: 1px; clear: both; }
img.icon { vertical-align: middle; }
img.responsive { max-width: 100%; height: auto; }
p.none { display: none; }
span.admin { color: #016F9E; }
span.future { color: #D27901; }
span.private { color: #019E6F; }
span.admin span.private { margin-left: 6px; }
.odd { }
.even { background-color: #efefef; }
div.pages { font-size: 15px; padding: 3px 0; text-align: center; }
div.pages a { diplay: inline-block; text-align: center; padding: 3px 7px; color: #333; text-decoration: none; }
div.pages a.active { background-color: #fff; border: 1px solid #d0ccb3; }
div.pages a:hover { color: #4d6ead; text-decoration: underline; }
div.pages a.navbtn { font-size: 13px; background-color: #fff; border: 1px solid #d0ccb3; padding: 2px 8px; margin-top: -4px; }
div.pages a.left { float: left; }
div.pages a.right { float: right; }
div.pages span.aquo { font-size: 20px; line-height: 10px; vertical-align: -2px; }
div.pages a.navbtn.inactive { background-color: transparent; border: 1px solid #fffdf1; color: #fffdf1; }
p.count { margin: 10px 0 0 0; clear: both; color: #555; }
div.inner { padding: 12px 16px; }

div.confirm, p.confirm, div.info, p.info, div.warning, p.warning, div.error, p.error { font-size: 15px; line-height: 22px; color: #cc3300; background-color: #fff3e9; border: 1px solid #ccc; border-radius: 3px; padding: 13px 18px 17px 64px; margin: 20px 0 18px 0; background-repeat: no-repeat; background-position: left 17px; }
p.confirm + p, p.info + p, p.warning + p, p.error + p { margin-top: 18px; }
div.confirm a, p.confirm a, div.info a, p.info a, div.warning a, p.warning a, div.error a, p.error a  { color: inherit; text-decoration: underline; }
div.confirm a:hover, p.confirm a:hover, div.info a:hover, p.info a:hover, div.warning a:hover, p.warning a:hover, div.error a:hover, p.error a:hover { font-weight: bold; }
div.confirm, p.confirm { color: #15751e; background-color: #f8ffee; border-color: #99b564; background-image: url( /www-esu/p-confirm-bg.png ); }
div.info, p.info { color: #1a64a3; background-color: #f2f7ff; border-color: #99a9c4; background-image: url( /www-esu/p-info-bg.png ); }
div.warning, p.warning { color: #d97400; background-color: #fffadc; border-color: #f7931e; background-image: url( /www-esu/p-warning-bg.png ); }
div.error, p.error { color: #cc3300; background-color: #fff3e9; border-color: #c97c63; background-image: url( /www-esu/p-error-bg.png ); }

/* Features */
p { line-height: 25px; }
p.dateline { font-size: 13px; color: #414040; margin: 0 0 15px 0; }
h3 + p.dateline { margin-top: -9px; }
span.posttype { text-transform: uppercase; }
p.continuation { font-size: 13px; color: #333; margin: -1px 0 0 0; }
p.continuation a { display: inline-block; padding: 2px 15px 3px 15px; border: 1px solid #d0ccb3; background-color: #fff; color: #333; text-decoration: none; }
p.continuation a:hover { color: #4d6ead; text-decoration: underline; }
p.caption, div.caption { font-size: 13px; line-height: 18px; color: #414040; margin: 2px 0 18px 0; }
div.caption { margin: 0; }
div.caption p { margin-bottom: 10px; }
p + p.caption { margin-top: -20px; }
p.button { font-size: 16px; line-height: 22px; margin: 0 0 23px 0; text-align: center; }
p.button a { display: inline-block; padding: 6px 16px; border: 1px solid #d0ccb3; color: #4d6ead; background-color: #fff; text-decoration: none; box-shadow: inset 0px 0px 1px 1px #ddd; }
p.button a:hover { color: #4d6ead; text-decoration: underline; }
span.continuation { display: block; font-size: 12px; line-height: 18px; color: #414040; }
p.return { font-size: 13px; font-weight: bold; }
p.return a { display: inline-block; padding: 6px; border: 1px solid #a4a18d; color: #414040; background-color: #fff; text-decoration: none; }
p.return a:hover { color: #4d6ead; text-decoration: underline; }
blockquote { font-size: 17px; line-height: 26px; color: #000; font-family: Georgia, serif; font-style: italic; margin: 1em; }
p.attribution { font-size: 13px; line-height: 18px; font-family: Arial, sans-serif; }
hr.starred { height: 12px; border: 0; background-image: url(/www-esu/esu-starred-bg-new.png); background-repeat: no-repeat; background-position: center bottom; }
p.bulleted { padding-left: 13px; text-indent: 0px; background-image: url( /www-esu/esu-bullet.png ); background-repeat: no-repeat; background-position: left 9px; }
p.actionitem { border: 1px dotted #d8d4bf; border-style: dotted none none none; padding: 12px 0 0 0; margin: 0 0 12px 0; }
h1+p.actionitem, h2+p.actionitem { padding-top: 0px; border-style: none; }
span.word { font-size: 21px; font-family: Georgia, serif; margin-right: 40px; }
p.nomargin { margin: 0; }


/* socialbar, sidebars, tables, lists */
div.socialbar { float: right; width: 120px; height: 25px; font-size: 10px; text-transform: uppercase;  background-color: #fff; text-align: center; margin: 2px 0 2px 16px; } /* border: 1px solid #d0ccb3;  */
div.socialbar a { display: inline-block; color: #333; padding: 6px 3px 4px 3px; text-decoration: none; }
div.socialbar img.icon { vertical-align: -2px; }
h3 + div.socialbar { margin-top: -10px; }
div.slider { position: relative; z-index: 99; width: 262px; background-color: #fff; padding: 2px; border: 1px solid #d0ccb3; margin: 6px 0 0 -2px; text-align: left; }
div.slider a { display: inline-block; padding: 2px; text-decoration: none; }
div.slider img { height: 18px; width: auto; margin: 0; vertical-align: -5px; } 
div.slider input { width: 100px; font-size: 9px; }

div.sidebar, div.leftbar { font-size: 14px; line-height: 19px; border: 1px solid #dfdfdf; border-style: none none solid none; padding: 25px 25px 5px 25px; }
div.sidebar h1, div.leftbar h1, div.sidebar h2, div.leftbar h2 { font-size: 16px; padding-top: 0; }
div.sidebar p, div.leftbar p { line-height: 19px; margin: 0 0 18px 0; }
div.sidebar blockquote, div.leftbar blockquote { font-size: 17px; line-height: 27px; color: #333;  font-family: Georgia, serif; font-style: italic;  margin: 0 0 24px 0; }
div.sidebar p + p.caption, div.leftbar p + p.caption { margin-top: -18px; }
div.sidebar blockquote p, div.leftbar blockquote p { line-height: 27px; margin: 0 0 8px 0; }
div.sidebar p.attribution, div.leftbar p.attribution { text-align: right; font-style: normal; }
div.sidebar p.button, div.leftbar p.button { font-size: 16px; }
div.sidebar p.actionitem, div.leftbar p.actionitem { margin: 0 0 12px 0; }
div.sidebar p.nomargin, div.leftbar p.nomargin { margin: 0; }
div.sidebar.social { padding: 10px 25px; }
div.sidebar div.socialbar { float: none; margin: 0; border: 0; background-color: transparent; }
div.sidebar div.slider { margin-top: -2px; }
div.sidebar div.editor, div.leftbar div.editor   { border-style: solid none; }
table.connect { font-size: 15px; border-collapse: collapse; width: 100%; margin: 13px 0 16px 0; }
table.connect td { width: 50%; padding: 6px 2px 12px 0; }
table.connect a { color: #333; }
#Object table.connect img { border: 0; margin: 0; vertical-align: -8px; background-color: transparent; padding: 0 6px 0 0; }

div.post { border: 1px dotted #d8d4bf; border-style: none none dotted none; padding: 0 0 24px 0; margin: 0 0 24px 0; }
div.post div.whitespace { clear: left; }
div.post + h1 { margin-top: -24px; }
div.welcome { border: 0; }
div.welcome div.socialbar { float: none; border: 0; background-color: transparent; margin: -11px 0 9px 0; }
div.welcome div.socialbar a { background-color: #fff; }
div.welcome div.editor { float: right; width: 50%; }
#Object div.welcome div.editor { margin: -16px 0 0 0; }

div.item { padding: 22px 0 15px 0; border: 1px dotted #d8d4bf; border-style: dotted none none none; }
div.item.first { border: 0; padding-top: 8px; }
div.person p { margin-bottom: 1px; }

table.thumbnail { width: 100%; border-collapse: collapse; margin: 0; padding: 0; }
table.thumbnail td.thumbnail { width: 10px; padding-right: 1em; }

table.twocol { width: 100%; }
table.twocol td { width: 50%; padding: 0 16px 0 0; }
table.twocol td + td { padding: 0 0 0 16px; }

table.boxed { width: 100%; background-color: #efefef; border-spacing: 4px; border: 1px solid #dfdfdf; margin: 0 0 13px 0; }
table.boxed td { border: 1px solid #dfdfdf; background-color: #ffffff; box-shadow: inset 0px 0px 0px 1px #fff; padding: 16px 16px 0 16px; } 

table.whitebox { width: 100%; background-color: #fff; border: 1px solid #dfdfdf; margin: 0 0 13px 0; border-radius: 3px; }
table.whitebox td { padding: 16px 16px 0 16px; }

table.list { width: 100%; }
table.list th { text-align: left; padding: 2px 3px; font-weight: bold; }
table.list td { padding: 4px 6px; }
table.list tr.odd { background-color: #def; }

table.branchlist { width: 100%; }
table.branchlist td { font-size: 15px; line-height: 24px; width: 33%; padding: 0 18px 0 18px; }
table.branchlist tr td:first-child { padding: 0 18px 0 0; }
table.branchlist tr td:last-child { padding: 0 0 0 18px; }
#Main table.branchlist h5 { margin: 24px 0 8px 0; }
table.branchlist p { margin: 0px; }

/* Form */
table.form { background-color: #efefef; }
table.form td { padding: 5px; vertical-align: top; }
table.form td.label { padding: 5px 2px; text-align: right; }
input.text { border: 1px solid #afafaf; padding: 3px 2px; }
input.text.tempvalue { color: #afafaf; }
input.button { text-align: center; padding: 2px 10px; }
textarea { border: 1px solid #afafaf; width: 320px; padding: 2px; }
textarea.markup { border: 0; padding: 0; width: 620px; height: 240px; }
textarea.markup.content { height: 416px; }
table.mceEditor td { padding-top: 0px; }
img.jscalendar_button { vertical-align: middle; }
div.jscalendar { z-index: 99; }
div.sortable p { width: 200px; padding: 4px; margin: 0px 0px 5px 0px; border: 1px solid #dfdfdf; cursor: move; }
img.processing { vertical-align: middle; margin-left: 4px; }

/* div.userform was here */

div.smallform input.text { padding: 3px 2px 2px 4px; border: 1px solid #999; font-size: 15px; border-radius: 4px; box-shadow: inset 0 4px 0px 0px #eee; }
div.smallform input.email { width: 275px; }
div.smallform input.name { width: 275px; }
div.smallform input.button { font-size: 14px; color: #4d4d4d; font-weight: bold; border: 1px solid #999; border-radius: 5px; text-align: center; padding: 2px 4px; background-color: #fff; background-image: url( /www-esu/smallform-button-bg.png ); background-repeat: repeat-x; background-position: bottom; cursor: pointer; }
div.smallform textarea { padding: 8px 4px 8px 14px; border: 1px solid #999; font-size: 15px; line-height: 22px; font-family: Arial; border-radius: 4px; box-shadow: inset 0px 0px 2px 1px #cecece; width: 100%; height: 180px; }
div.smallform input.button.primary { font-size: 15px; color: #fff; font-weight: normal; border-color: #00bad4; padding: 3px 8px; background-color: #3b5eab; margin-bottom: 15px; }
div.smallform table.form { border-collapse: collapse; font-size: 15px; }
div.smallform table.form td { padding: 4px 4px 8px 8px; vertical-align: top; }
div.smallform table.form td.label { min-width: 75px; padding: 7px 2px 8px 0px; white-space: nowrap; text-align: right;}
div.smallform table.form td span.required { position: relative; left: -5px; padding: 0px; }
div.smallform span.required { color: #cf3400; font-weight: bold; font-size: 20px; padding: 0 3px 0 2px; vertical-align: -5px; line-height: 15px; }
div.smallform p.instruction { font-size: 13px; line-height: 18px; margin: 8px 0 6px 6px; }

div.institute { background-color: #fffdf1; border: 1px solid #d0ccb3; margin: 0 0 13px 0; border-radius: 3px; padding: 16px 16px 0 16px; }

/* First Class Divs */
#Canvas { position: relative; margin: 0 auto; }

#PrintBanner { display: none; text-align: center; border-bottom: 1px solid #999; }
#Banner { position: relative; z-index: 10; min-width: 1068px; height: 203px;  background-image: none; background: linear-gradient( to bottom, #00bad4 74.4%, #3b5eab 74.4% ); text-align: center; }
#BannerInner { position: relative; width: 1024px; margin: 0 auto; }
#NationalBanner { box-sizing: border-box; text-align: left; height: 150px; padding: 17px 0 0 0; line-height: 1px; margin: 0 0 1px 0; }
#NationalBanner img { width: 88px; height: auto; }
#NationalBanner a.branch { text-transform: uppercase; font-size: 20px; vertical-align: -12px; color: #ffffff; font-family: MuseoSans-300; }

#SiteNav { position: relative; z-index: 10; font-size: 15px; font-family: Georgia, serif; text-transform: uppercase; text-decoration: none;  text-align: center; }
#SiteNav div.section { display: inline; position: relative; }
#SiteNav a { color: #ffffff; display: inline-block; padding: 17px 18px 0 18px; height: 35px; }
#SiteNav a.active { color: #000000; background-color: #ffffff; text-decoration: none; }
#SiteNav a:hover { color: #000000; background-color: #ffffff; text-decoration: none; }
#SiteNav div.dropnav { display: none; position: absolute; z-index: 20; top: 35px; left: 0px; text-align: left; background-color: #ffffff; width: 204px; border: 1px none #c9c9c9; border-style: none solid solid solid; padding: 0 0 7px 0; }
#SiteNav div.dropnav a { font-family: Arial, sans-serif; font-size: 15px; color: #3b5eab; text-transform: none; display: block; margin: 0 16px; padding: 7px 0px; height: auto; border: 1px solid #c9c9c9; border-style: solid none none none; text-shadow: none; }
#SiteNav div.dropnav a.first { border: 0; margin-top: 9px; }
#SiteNav div.dropnav a.last { border-style: solid none; border-bottom-color: #c9c9c9; }
#SiteNav div.dropnav a:hover { color: #fff; background-color: #00bad4; margin: 0; padding: 7px 16px; border-style: solid none; text-decoration: none; }
#SiteNav div.dropnav a.first:hover { border: 1px solid #c9c9c9; border-style: solid none; margin-top: 8px;  }
#SiteNav div.dropnav a.last:hover { border-color: #c9c9c9; }
#SiteNav div.dropnav a:hover + a { border-top-style: none; }
#SiteNav div.section:hover div.dropnav { display: block; }
#SiteNav div.section:hover a { color: #3b5eab; background-color: #ffffff; }
#SiteNav div.section:hover div.dropnav a { color: #3b5eab; text-decoration: none; }
#SiteNav div.section:hover div.dropnav a.donate { color: #00bad4; font-weight: bold; }
#SiteNav div.section:hover div.dropnav a:hover { background-color: #00bad4; color: #ffffff; text-decoration: none; }
#SiteNav a .cufon { border-bottom: solid 1px rgba( 0, 0, 0, 0.1 ); }
#SiteNav a:hover .cufon { border-bottom: solid 1px rgba( 255, 255, 255, 0.86 ); }

#ThreeCol { position: relative; min-width: 1068px; background-image: url(/www-esu/esu-threecol-canvas.png ); background-repeat: repeat-y; background-position: center; }
#ThreeColInner { position: relative; width: 1024px; margin: 0 auto; }

#TwoCol { position: relative; min-width: 1068px; background-image: url(/www-esu/esu-home-canvas.png ); background-repeat: repeat-y; background-position: center; }
#TwoColInner { position: relative; z-index: 4; width: 989px; margin: 0 auto; }

#Object { position: relative; float: right; width: 754px; min-height: 540px; height: auto !important; height: 540px; background-color: #fffdf1; margin-right: 2px; }
#Object.threecol { background-color: transparent; }
#Object.site { position: static; float: none; width: inerit; background-color: transparent; }
#Object div.editor { border-style: solid none; margin-bottom: 12px; }

#Object img { border: 1px solid #c9c9c9; padding: 4px; margin: 3px 0; background-color: #3b5eab; }
#Object img.left { margin-right: 1em;  }
#Object img.right { margin-left: 1em;  }
#Object img.plain, #Object img.bullet, #Object img.processing, #Object img.jscalendar_button { border: 0; margin: 0; padding: 0;  background-color: transparent; }
#Object img.icon { border: 0; margin: 0 4px 0 0; padding: 0;  background-color: transparent; }
#Object img.mceIcon { border: 0; margin: 0; padding: 0;  background-color: transparent; }


#Sidebar { position: relative; float: right; width: 268px; padding: 0 0 12px 0; }
#Sidebar div.editor { margin-bottom: 0px; }
#Sidebar div.sidebar div.editor { margin-top: -12px; }
#Sidebar div.even { background-image: url( /www-esu/esu-evenbar-right.png ); background-repeat: repeat-y; }

#Main { width: 484px; padding: 6px 0 24px 0; background-color: #fcfcfc; margin: 0 268px 0 0; }
#Main h3, #Main h4, #Main h5, #Main h6 { margin-top: 26px; }
#Main h1+h3 { margin-top: 0px; }
#Main td>h3:first-child, #Main td>h4:first-child, #Main td>h5:first-child, #Main td>h6:first-child { margin-top: 0px; }
#Main div>h3:first-child, #Main div>h4:first-child, #Main div>h5:first-child, #Main div>h6:first-child { margin-top: 0px; }
#Main.twocol { width: 755px; margin: 0; }
#MainInner { padding: 0 32px 0 32px; }
#Main blockquote { margin: 0; padding: 4px 36px 9px 36px; background-image: url(/www-esu/esu-quote-bg.png); background-repeat: no-repeat; background-position: top left; }
#Main blockquote p.attribution { color: #555; font-style: normal; }

#Left { position: relative; float: left; width: 268px;  padding: 0 0 12px 0; } 
#Left img { border: 1px solid #c9c9c9; padding: 4px; margin: 4px 0; background-color: #3b5eab; }
#Left img.left { margin-right: 0.5em; }
#Left img.right { margin-left: 0.5em; }
#Left div.editor { margin-bottom: 0px; }
#Left div.leftbar div.editor { margin-top: -12px; width: 210px; }
#Left div.even { background-image: url( /www-esu/esu-evenbar-left.png ); background-repeat: repeat-y; }

#Logo { text-align: center; padding-top: 30px; }
#Logo img { border: 0; padding: 0; margin: 0 0 1px 0; background-color: transparent; width: 48px; }
#Logo h4 { font-size: 12px; line-height: 15px; color: #000; font-family: Georgia, serif; text-transform: uppercase; margin: -3px 0 9px 0; letter-spacing: -0.01cm; }
#Logo h5 { font-size: 16px; line-height: 18px; color: #000; font-family: Georgia, serif; text-transform: uppercase;  margin: 0 0 4px 0; }

#LeftNav { padding: 13px 0 13px 0; }
#LeftNav p { margin: 0; }
#LeftNav a { color: #666; text-decoration: none;  display: block; }
#LeftNav a.bulleted { background-image: url( /www-esu/esu-bullet.png ); background-repeat: no-repeat; background-position: left 13px; }
#LeftNav a.active { color: #000; }
/* #LeftNav a.private { color: #29bc57; } */
#LeftNav a:hover { color: #000000; }
#LeftNav a .cufon { border-bottom: 1px solid rgba( 0, 0, 0, 0 ); }
#LeftNav a:hover .cufon { border-bottom: 1px solid rgba( 0, 0, 0, 1 ); }
#LeftNav h4 { font-size: 15px; line-height: 22px; font-family: Arial Narrow, sans-seif; text-transform: uppercase;  margin: 0 2px 0 0; }
#LeftNav h4 a { padding: 11px 0 10px 0; margin: 0 46px 0 28px;  border: 1px dotted #d8d4bf; border-style: dotted none none none; }
#LeftNav h4.first a { border: 0; }
#LeftNav h4.active { background-color: #fff; border: 1px solid #e4e4e4; border-style: solid none;  }
#LeftNav h4.active a { border: 0; }
#LeftNav h4.active a:hover { text-decoration: none; }
#LeftNav h4.active + h4 a { border: 0; }
#LeftNav div.subnav { font-size: 14px; line-height: 18px; margin: 1px 25px 6px 42px; }
#LeftNav div.subnav a { padding: 8px 0 4.3px 0; }
#LeftNav div.subsubnav { font-size: 13px; line-height: 15px; margin: 0 0 0 10px; }
#LeftNav div.subsubnav a { padding: 8px 0 4px 12px; }
#LeftNav div.subsubsubnav { margin: 0 0 0 22px; }
#LeftNav div.subsubsubnav a.active { background-image: url( /www-esu/esu-bullet.png ); background-repeat: no-repeat; background-position: left 13px; }

#Footer { position: relative; height: 221.3px;  min-width: 1068px; background: linear-gradient( to bottom, #3b5eab 170px, #00bad4 170px ); text-align: center; font-size: 15px; line-height: 18px; color: #ffffff; font-family: Arial, sans-serif; }
#FooterInner { position: relative; width: 1016px; height: 152px; margin: 0 auto; text-align: center; padding: 18px 0 0 0; }
#Footer a { color: #ffffff; }
#Footer a:hover { color: #ffffff; }
#Footer.site #FooterInner { background-position: center 10px; padding-top: 40px; }

#User { font: 12px Verdana, sans-serif; color: #fff; line-height: 15px; position: absolute; width: 1016px; bottom: 0px; text-align: center; }
#Goline { display: none; }

/* Homepage */
#HomeShow { position: relative; z-index: 1; min-width: 1068px; height: 295px; background-image: url(/www-esu/esu-homeshow-bg.jpg ); background-repeat: repeat-y;  background-position: center;  background-color: #292a28; overflow: hidden; }
#HomeShowInner { position: relative; z-index: 1; width: 1068px; height: 295px; margin: 0 auto; }
#HomeShow div.banner { display: none; position: absolute; z-index: 2; width: 1068px; height: 295px; text-align: center; }
#HomeShow div.banner.first { display: block; } 
#HomeShow div.banner img { position: relative; left: -56px; }
#HomeShow div.overlay { position: absolute; bottom: 0px; left: 0px; z-index: 3; width: 100%; height: 25px; background-image: url(/www-esu/esu-homeshow-overlay.png ); background-repeat: repeat-x; }
#HomeShow div.shadow { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 295px; background-image: url(/www-esu/esu-homeshow-shadow.png ); background-repeat: repeat-y; background-position: center; pointer-events: none; }
#HomeShow div.editor { position: relative; bottom: 75px; width: 328px; margin: 0 auto; z-index: 6; }
#HomeShow div.banner div.editor { position: relative; bottom: 75px; left: 45px; width: 100px; margin: 0; background-color: rgba( 255, 255, 255, 0.8 ); z-index: 2; }

#Home { position: relative; z-index: 1; top: -25px; width: 989px; padding: 6px 0 0px 0; margin: 0 auto; background-image: url(/www-esu/esu-home-maintop.png ); background-repeat: no-repeat; background-position: top center; }
#HomeMain { width: 619px; background-color: #fcfcfc; margin-left: 12px; }
#HomeMainInner { padding: 20px 25px; }
#Home #Sidebar { width: 346px; background-color: transparent; margin-right: 4px; }
#Home #Sidebar div.even { background-image: url(/www-esu/esu-evenbar-home.png ); background-repeat: repeat-y; }

#HomeFooter { position: relative; z-index: 0; bottom: -30px; width: 989px; height: 114px; margin: -114px auto 0 auto; background-image: url(/www-esu/esu-home-mainbottom.png ); background-repeat: no-repeat; background-position: top center; }

/* Photo Gallery */
#Show { text-align: center; margin: 0 0 7px 0; }
#Show div.socialbar a { background-color: transparent;  }
div.slide { display: none; margin-top: -104px; padding-top: 102px; }
div.slide.first { display: block; }
div.slide p.title { text-transform: uppercase; }
div.captionarea { font-size: 14px; position: relative; float: right; width: 200px; min-height: 294px; padding-bottom: 65px; text-align: left; }
div.captionarea p { line-height: 20px; }
div.captionarea div.socialbar { float: none; border: 0; background-color: transparent; margin: 0 0 6px 0; }
div.captionarea div.pages { font-size: 13px; }
div.captionarea div.pages a { padding: 3px 4px; }
div.slidenav { position: absolute; bottom: 0px; width: 100%; text-align: center; }
#Object div.slidenav img { border: 0; margin: 0; padding: 0; background-color: transparent; }
div.previous { width: 22px; float: left; }
div.next { width: 22px; float: right; }
div.previous a, div.next a { display: block; border: 1px solid #a4a18d; background-color: #8E8372; height: 20px; width: 20px; }
div.previous a:hover, div.next a:hover { background-color: #61594e; }

#AutoShow { position: relative; height: 297px; }
div.autoslide { display: none; position: absolute; background-color: #fffdf1; h0eight: 297px; }
div.autoslide.first { display: block; }
div.autoslide div.slidenav { position: absolute; top: 210px; bottom: auto; font-size: 0px; width: 61px; right: 16px; text-align: center; background-color: #fffceb; }
#Object div.autoslide div.slidenav img { border: 0; margin: 2px 1px; padding: 0px; background-color: #333; border: 1px solid #a0a0a0; }
#Object div.autoslide div.slidenav img.inactive { background-color: #afafaf; border-color: #afafaf; }
#Object div.autoslide div.slidenav a:hover img { background-color: #5c5c5c; }
div.autoslide div.slidenav span.space { display: inline-block; width: 11px; }
div.autoslide div.editor { position: absolute; top: 206px; left: 15px; width: 100px; background-color: rgba( 255, 255, 255, 0.8 ); }
#AutoShow+h3 { margin-top: 0px; }

#Albums { text-align: center; margin: 0 0 24px 0; }
table.albums { border-collapse: collapse; width: 100%; margin: -12px 0 45px 0; }
table.albums h5 { font-size: 14px; color: #333; font-family: Georgia, serif; font-weight: bold; text-transform: uppercase; text-align: left; padding: 6px 0 17px 0; margin: 0 0 12px 0; background-image: url(/www-esu/esu-starred-bg-new.png); background-repeat: no-repeat; background-position: center bottom; }
#Main table.albums h5 { margin-top: 0; }
table.albums td { width: 33%; text-align: left; font-size: 14px; padding: 13px 0 32px 0; }
table.albums td p { line-height: 20px; margin: 0 0 8px 0; }
table.albums div.albumwrap { width: 214px; border: 1px solid #fffdf1; border-radius: 4px; }
table.albums td.centercol div.albumwrap { margin: 0 auto; }
table.albums td.rightcol div.albumwrap { margin: 0 0 0 15px; }
table.albums div.albumwrapinner { padding: 8px 12px; }
table.albums td.active div.albumwrap { border: 1px solid #d7d3cc; background-color: #fff; box-shadow: 2px 2px 2px #f4f2e6; }
table.albums tr { border: 1px solid #d8d4bf; border-style: none none dotted none; }

/* Membership form special */
#PatronMessage { margin: 0 0 18px 0; }
#PatronMessage ul { margin-left: 32px; }
#Main #PatronMessage h4 { color: #4d6ead; font-size: 18px; margin-top: 24px; }

/* Search form and results */
#Search { position: absolute; top: 16px; right: 6px; width: 206px; height: 28px; text-align: left; }
div.searchbox { position: relative; width: 279px; height: 28px; background-color: #00bad4; border: 1px solid #ffffff; }
div.searchbox input { background-color: transparent;  border: 0; }
div.searchbox input.text { width: 247px; margin: 3px 0 3px 6px; padding: 0; font-size: 15px; color: #ffffff; text-shadow: none; }
div.searchbox input.button { display: inline-block; width: 20px; height: 20px; vertical-align: 1px; padding: 0; margin: 3px 0; }
div.searchbox input.button:after { font-size: 16px; color: #fff; display: inline-block; content: "3b5eab"; }
div.searchbox img.processing { display: none; }
/* special for site header */
#Search div.searchbox { width: 206px; background-color: #00bad4; border: 1px solid #ffffff; }
#Search div.searchbox input.text { width: 174px; } /* color: rgba( 241, 174, 153, 0.8 ); text-shadow: 1px 1px #000;  */
#Search div.searchbox input.button { }  
p.searchcount { font-size: 14px; line-height: 20px; margin-top: 12px; }
div.search { margin-bottom: 1em; }
div.search img { width: 90px; height: auto; }
div.search td { vertical-align: top; padding: 4px 0 0 0; }
div.search td.icon { padding: 4px 6px 0 0; }
div.search h6 { margin-bottom: 0px; }
div.search div.summary { font-size: 14px; line-height: 20px; margin: 0 0 4px 0; }
div.search div.summary b { color: #000000; }
div.search div.parents { font-size: 14px; color: #0e894a; }
div.search div.parents a { text-decoration: none; color: #4d6ead; }

/* Editor */
.editor { font: 12px Verdana, sans-serif; line-height: 15px; }
.editor a, #LeftNav .editor a { color: #016F9E; text-decoration: none; }
.editor a:hover, #LeftNav .editor a:hover { color: rgb(42,42,42); text-decoration: none; }
div.editor { padding: 8px 25px; background-color: #fff; border: 1px solid #dfdfdf; border-style: none none solid none; text-align: center; }
p.editor { clear: left; }
p.editor { margin: 0; }
span.editor { padding: 0 0.5em; }

#sort_form td { vertical-align: top; width: 180px; padding: 6px 24px 6px 6px; }
#sort_form td.buttons { text-align: center; }
#sort_form td.contents { width: 220px; }
#sort_form td.icon { width: 32px; }
#sort_form td.summary { width: 250px; font-size: 0.8em; }
div.sortitem { width: 280px; border: 1px solid #d8d4bf; cursor: move; }
div.sortitem table { margin-bottom: 5px; }
div.sortitem.center { text-align: left; }
div.sortitem.right { float: none; }
div.sortitem.division { background-color: rgb(198,40,8);; color: #fff; }
div.sortitem.division.archive { background-color: rgb(126,176,204);; color: #fff; }
#sort_form div.sortitem td { vertical-align: middle; padding: 6px; }
#sort_form a { color: rgb(165,151,120); }

div.cropper { position: relative; margin-bottom: 7px; }
div.cropper img { border: 0; padding: 0; margin: 0; }
div.croptool { position: absolute; height: 184px; width: 184px; border: 2px solid #ffcc00; cursor: pointer; }
#ThreeCol div.cropper img { border: 0; padding: 0; margin: 0; }

/* lightbox */
img.lightbox { cursor: progress;  }
img.lightbox.loaded { cursor: pointer;  }
img.rawimage { display: none; }
img.rawimage.active { position: absolute; z-index: 99; left: 0px; top: -10px; display: block; cursor: pointer; }
#top.lightbox #Logo { position: absolute; top: 20px; left: 20px; z-index: 100;  }
#top.lightbox #SiteNav { display: none;  }
#top.lightbox { background-color: #424242; }
#top.lightbox #Canvas { opacity: 0.20; }