/* www.fcny.org Screen Stylesheet */

/* baseline de-styling */
a img { border-style: none; }
h1, h2, h3, h4, p, ul, ol, li, form { margin: 0px; padding: 0px; }
h1, h2, h3, h4 { margin-bottom: 0.5em; }
p { margin-bottom: 1em; }
p.whitespace { clear: both; line-height: 1px; }
ul { margin-left: 1em; margin-bottom: 1.5em; }
ol { margin-left: 1em; margin-bottom: 1.5em; }
li { margin-left: 1em; }
blockquote { margin: 1em; }
h4 { font-style: italic; }

/* Tag Restyling */
body { margin: 0; padding: 0; background-color: #FFF; color: rgb( 102, 102, 102 ); font-family: Arial,sans-serif; line-height: 1.2em; }
ul { list-style: square outside; }
ol { list-style: decimal outside; }
em { font-style: italic; }
strong { font-weight: bold; }
table, form { font-size: inherit }
td { vertical-align: top; }

.hidden { display: none; }
span.right { display: block; float: right; margin-left: 1em; }
span.left { display: block; float: left; margin-right: 1em; }

/* Utility */
p.error { color: #ff0000; }
p.center, div.center { text-align: center; }
div.left { float: left; margin-right: 1em; }
div.right { float: right; margin-left: 1em; }
div.centered, img.centered, span.centered { display: block; margin-left: auto; margin-right: auto; }
div.sidebar, table.sidebar { clear: right; float: right; margin: 10px 0px 10px 1em; width: 160px; }
p.editor { font-family: Verdana, sans-serif; margin: 0 0 0 0; font-weight: bold; font-size: 11px; }
p.editor a { color: #666; text-decoration: none; }
p.editor a:hover { color: #006699; }
a.private:after { content: "*"; }

td.left { text-align: left; }
td.right { text-align: right; }
table.sidebar { width: 30%; float: right; margin: 0px 0px 10px 10px; border: 1px solid #ccc; padding: 5px 10px; background-color: #eee; }
table.sidebar td {  }
img.left, table.left { float: left; margin: 0 1.5em 0.5em 0; }
img.right, table.right { float: right; margin: 0 0 0.5em 1.5em; }
img.icon { vertical-align: middle; }

/* Form */
table.form { }
table.form td { padding: 5px; vertical-align: top; }
table.form td.label { padding: 5px 2px; text-align: right; }
textarea.markup { width: 560px; height: 295px; }
img.jscalendar_button { vertical-align: middle; }
div.sortable p { padding: 4px; margin: 0px 0px 5px 0px; border: 1px solid #ccc; cursor: move; }
input { border: 1px solid #bcbcbc; padding: 3px 0 2px 2px; }
input.button { background-color: rgb(59, 158, 94); color: #FFF; padding: 2px 0 1px 0; }

/* First Class Divs */
#Canvas { width: 1000px; margin: 0px auto; background-color: #FFF; }
#Canvas.searchAction div.nav a.pager { display: block; float: left; margin-right: 6px; border: 1px solid rgb(178, 178, 178); text-align: center; width: 16px; text-decoration: none; color: #8CC63F; margin-bottom: 1em; }
#Canvas.searchAction div.nav a.active { background-color: #8CC63F; color: #FFF; }
#Canvas.searchAction div.nav a.pager:hover { background-color: #8CC63F; color: #FFF; }
#Canvas.addAction #SiteNav, #Canvas.editAction #SiteNav { display: none; }
#Canvas.addAction #Banner div.stripe, #Canvas.editAction #Banner div.stripe { margin-left: 0; width: 1000px; }
#Canvas.addAction #Content, #Canvas.editAction #Content { width: 1000px; }
#Canvas.addAction #Object, #Canvas.editAction #Object { width: 1000px; margin-left: 0; }
#Canvas.addAction #Object table.form label, #Canvas.editAction #Object table.form label { font-size: 12pt; }
#Canvas.addAction #Object table.form span.mceEditor iframe, #Canvas.editAction #Object table.form span.mceEditor iframe { min-width: 810px; }


#Banner { position: absolute; top: 0px; margin: 0px auto; width: 1000px; }
#Banner h1 { margin: 60px 12px; }
#Banner h1 a { text-decoration: none; }
/*#Banner .logo img { width: 200px; }*/
/*#Banner .banner { max-width: 800px; width: 800px !important; }*/
#Banner .logo { height: 110px; margin: 60px 0 0 20px; float: left; }
#Banner .banner { float: left; height: 189px; margin-left: 30px; line-height: normal; font-size: 18px; }
#Banner .banner div.frameContainer { float: left; margin: 0 10px; width: 234px; height: 189px; overflow: hidden; position: relative; }
#Banner div.stripe { clear: both; width: 800px; height: 25px; margin-left: 200px; background-color: rgb(140, 198, 63); }
#Banner div.stripe div.exit { position: absolute; right: 0px; top: 183px; z-index: 100;}
#Banner div.stripe div.exit div.description { margin-top: 10px; }
#Banner div.bannertext { float: left; margin: 0 10px; height: 189px; position: relative; width: 500px; padding-top: 10px; }
#Banner div.bannertext .editor { font-size: 10px; }

#Content { position: relative; border: 1px none blue; margin: 20px 0 250px 0px; width: 790px; float: right; top: 210px; font-size: inherit; line-height: 1.3em; }
#Content h1 { font-size: 1.5em; font-weight: bold; line-height: 1em; }
#Content h2 { font-size: 1.2em; text-transform: uppercase; font-weight: bold; line-height: 1em; }
#Content h3 { font-size: 1.2em; }
#Content h4 { font-size: 1.2em; font-style: italic; }
#Content table { font-family: inherit; }
#Content li { list-style-type: disc; }
#Content .none { display: none; }
#Content div.titlePhotos img { margin-bottom: 5px; }
#Content div.titlePhotos img.small { width: 85px; }
#Content div.titlePhotos img.medium { width: 175px; max-height: 131px; }
#Content div.titlePhotos img.large { width: 360px; }

#Contents { float: left; width: 395px; margin: 0 0em 1em 10px; border: 1px none blue; border-collapse: collapse; }
#Contents img.thumbnail { border: 3px solid rgb( 255, 255, 255 ); margin: 0 4px 8px 0; max-width: 118px; width: 118px !important; }
#Contents img.thumbnail.active { border-color: rgb(140, 198, 63); }

a.pager { display: block; float: left; margin-left: 6px; border: 1px solid rgb(178, 178, 178); text-align: center; width: 16px; text-decoration: none; color: rgb( 102, 102, 102 ); }
a.pager.active { background-color: rgb( 140, 198, 63 ); color: rgb( 255, 255, 255 ); }
a.pager:hover { background-color: rgb( 140, 198, 63 ); color: rgb( 255, 255, 255 ); }

#Object { margin: 0 0 1em 1em; float: left; width: 770px; border: 1px none red; min-height: 400px; height:auto !important; height: 365px; font-size: 18px; line-height: normal; }
#Object.withcontents { width: 355px; margin: 0 0 1em 15px; }
#Object div.content { margin-bottom: 1em; }
#Object a { color: rgb(140, 198, 63); font-weight: bold; text-decoration: underline; }
#Object p.editor a { text-decoration: none; }
#Object .mceEditor a { text-decoration: none; font-weight: normal; color: rgb( 102, 102, 102 ); }
#Object ol.contents li { clear: both; margin: 5px 0px; padding: 5px; border: 1px solid #CCCCCC; }
#Object ol.contents li img.icon { width: 32px; }
#Object ol.contents li a.title { text-decoration: none; font-weight: normal; font-size: 14px; }
#Object ol.contents span.description { padding-left: 20px; padding: 5px; color: #666; font-size: 12px;}

/* Navigation */
#Footer { clear: both; padding-top: 3em; }
#FooterBar { padding-top: 1em; background-color: rgb(140, 198, 63); height: 16px; margin: 1em 0em; }

#SiteNav { position: relative; margin-bottom: 180px; top: 189px; width: 200px; min-height: 386px; height:auto !important; height: 386px; }
#SiteNav a { color: #FFF; text-decoration: none; font-weight: bold; background-color: transparent; }
#SiteNav a:hover { text-decoration: none; }
#SiteNav div.section { margin-bottom: 12px; }
#SiteNav div.section h3 { padding: 0.2em 0 0.2em 7px; min-height: 16px; height:auto !important; height: 16px; margin: 0; font-weight: normal; font-size: 16px; }
#SiteNav div.section a { display: block; }
#SiteNav div.section a div.text { margin-left: 23px; }
#SiteNav div.section .bullet { float: left; display: block; margin-right: 3px; }
#SiteNav div.active a { color: #FFF; }
#SiteNav div.sections { margin: 0 0 1em; }
#SiteNav div.subsections a { color: rgb( 102, 102, 102 ); }
#SiteNav div.subsections a:hover { text-decoration: underline; }
#SiteNav p.subsection { margin: 0 0 0.3em 1.5em; text-indent: -0.5em; background-color: transparent; border: none; }
#SiteNav div.navFooter { margin: 0; }
#SiteNav div.subsections { margin: 0 0 0 18px; font-size: 13px; }
#SiteNav p.editor a { color: #999999; text-decoration: none; margin: 0 0 0 2em; }
#SiteNav p.editor a:hover { color: #006699; }
#SiteNav div.bottomSection h3.active { margin-bottom: 7px; }
#SiteNav div.topSection { margin: 0; text-transform: uppercase; }
#SiteNav div.topSection h3 { padding-left: 7px; }
#SiteNav div.navdivider { height: 20px; }


/* Color definition. See object-model.json file for names of colors */
#SiteNav .color1 h3 { color: rgb(75, 157, 239); background-color: rgb(75, 157, 239); border: 2px solid rgb(75, 157, 239); }
#SiteNav .color1 div.subsections a.active { color: rgb(75, 157, 239); }
#SiteNav .color2 h3 { color: rgb(137, 206, 232); background-color: rgb(137, 206, 232); border: 2px solid rgb(137, 206, 232); }
#SiteNav .color2 div.subsections a.active { color: rgb(137, 206, 232); }
#SiteNav .color3 h3 { color: rgb(59, 158, 94); background-color: rgb(59, 158, 94); border: 2px solid rgb(59, 158, 94); }
#SiteNav .color3 div.subsections a.active { color: rgb(59, 158, 94); }
#SiteNav .color4 h3 { color: rgb(107, 193, 86); background-color: rgb(107, 193, 86); border: 2px solid rgb(107, 193, 86); }
#SiteNav .color4 div.subsections a.active { color: rgb(107, 193, 86); }
#SiteNav .color5 h3 { color: rgb(79, 170, 157); background-color: rgb(79, 170, 157); border: 2px solid rgb(79, 170, 157); }
#SiteNav .color5 div.subsections a.active { color: rgb(79, 170, 157); }

#Search { margin-top: 1em; }
#Search input.text { font-size: 1em; width: 153px; border: 1px solid rgb(59, 158, 94); color: #333; }
#Search input.button { font-size: 1em; margin: 0; width: 28px; background-color: rgb(59, 158, 94); border: 1px solid rgb(59, 158, 94); color: #FFF; }

#Toolbar { position: absolute; top: 10px; left: 164px; font-size: 0.8em; z-index: 120; }
#Toolbar a { color: #069; text-decoration: none; }
#Toolbar a:hover { text-decoration: underline; }
#User { font-size: 0.8em; text-align: center; }
#User a { color: #069; text-decoration: none; }
#User a:hover { text-decoration: underline; }

#SearchResults div.item { margin: 12px 0 24px 0; }
#SearchResults h3 { margin: 0; font-size: 1.0em; }
#SearchResults h3 a { color: inherit; }
#SearchResults p { margin: 0; }

#Goline { display: none; }

/* News section */
#Content div.onePage { border-bottom: 1px dashed #8CC63F; margin-bottom: 35px; padding-bottom: 10px; }
#Articles { float: right; font-size: 0.9em; padding-left: 25px; width: 320px; }
#Articles div.title { font-weight: normal; margin-bottom: 10px; }
#Articles div.title div.date { font-size: 1.2em; font-weight: bold; }
#Articles div.content { text-indent: -8px; }
#Articles div.content a { text-decoration: none; font-weight: normal; }
#Articles div.content a.active { font-weight: bold; }
#Articles div.content a:hover { text-decoration: underline; }
#Articles div.content div.article { padding-left: 8px; }
#Articles div.archive { float: right; font-size: 0.9em; }

/* Weblog Styles */
#Blog { float: left; width: 550px; font-size: 14px; line-height: 19px; border: 1px none #ccc; }
#Blogside { float: right; width: 205px; font-size: 14px; line-height: 23px; background-color: #fff; background-color: rgba(255,255,255,0.88); }
#BlogsideInner { padding: 0px 15px 15px 15px; }
#Blog p, #Blogside p { margin: 0; }
#Blogside p { margin-bottom: 8px; line-height: 16px; }
/* #Blog a, #Blogside a { font-weight: normal; } */
#Blogside a.active { color: #006699; }
#Blog h1 { margin: 15px 0 4px 0; }
#Blog h1.weblog { text-align: center; margin: 0; }
#Blog h1.date { text-align: center; margin-bottom: 15px;}
#Blog h1.title { text-align: center; margin-bottom: 15px; }
#Blog h1 a { color: #8CC63F; font-weight: bold; text-decoration: none; }
#Blog h1 a.active { color: #667; }
#Blog h1 a:hover { color: #667; }
#Blog h2 { margin: 15px 0 4px 0; }
#Blog h3 { margin: 15px 0 0 0; font-size: 16px; }
#Blog h3 a { color: #666666; font-weight: bold; text-decoration: none; }
#Blog h3 a:hover { color: #8CC63F; }
#Blog h4 { font-style: normal; font-size: 14px; margin: 15px 0 0 0; }
#Blogside h4 { font-style: normal; font-weight: normal; font-size: 14px; margin: 15px 0 0 0; }
#Blog h4 a { color: #666666; font-weight: bold; }
#Blogside h4 a { color: #666666; }
#Blog div.post { clear: both; margin: 0 0 15px 0; border: 1px solid #006699; border-style: solid none none none; }
#Blog div.first { border-style: none; }
#Blog p.date { margin: 4px 0 3px 0; color: #999; }
#Blog div.summary p.date { margin: 0; }
#Blog div.share { clear: left; margin: 15px 0 0 0; }
#Blog a.sharer { float: left; display: inline-block; margin-right: 1em; }
#Blog h3.continuation { text-align: center; margin: 1em 0; }
#Blog h3.continuation a { color: #8CC63F; }
#Comments { margin: 15px 0 30px 0; }
#Comments div.comment { position: relative; font-family: Times New Roman, serif; font-size: 15px; line-height: 1.1em; width: 82%; margin: 15px 0 15px 15px; padding: 3px 8px; }
#Comments div.marker { position: absolute; top: -48px; }
#Comments p.sig { font-size: 16px; margin: 0.2em 18px 0 36px; text-indent: -18px; }
#Comments .even { background-color: #f0f9ff; }
#Comments .odd { background-color: #f0f9f9; }
#Comments form.moderate { font-family: Verdana, sans-serif; font-size: 11px; text-align: right; }
#Comments div.comment.new.even { background-color: white; border: 4px solid #fcedf2; }
#Comments div.comment.new.odd { background-color: white; border: 4px solid #ecf8fa; }
#CommentForm {}
#CommentForm textarea { width: 500px; height: 248px; font-family: Times New Roman, serif; font-size: 16px; color: #000; padding: 4px; }
#CommentForm input.text { width: 200px; font-family: Times New Roman, serif; font-size: 16px; color: #000; padding: 2px 4px; }
#CommentForm textarea.tempvalue { color: #666666; }
#CommentForm input.text.tempvalue { color: #666666; }

/* sorter styles */
#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.sortable .sortitem { width: 280px; border: 1px solid #ccc; cursor: move; }
div.sortable .sortitem table { margin-bottom: 5px; }
div.sortable .sortitem.center { text-align: left; }
div.sortable .sortitem.right { float: none; }
div.sortable .sortitem.division { background-color: rgb(198,40,8); color: #fff; }
div.sortable .sortitem.divider { padding: 10px 5px; }
div.sortable div.sortitem.divider { width: 270px; }
div.sortable .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); }

/* m_table styles */
  table.m { font-size: inherit; font-family: Verdana; }
  table.m th { text-align: left; font-weight: normal; font-size: 9pt; padding: 0px 9pt 0px 9pt; }
  table.m td { font-size: 9pt; padding: 5px 9pt 0px 9pt; }
  /* selectors */
  table.m tr.columnselect { height: 3px; background-color: #eee; }
  table.m tr.columnselect td { padding: 0; }
  table.m td.rowselect { padding: 0; width: 3px; background-color: #eee; }
  table.m td.selector { font-size: smaller; vertical-align: middle; text-align: center; border: 3px #fff; border-style: none solid solid none; }
  table.m td.selector.selected { background-color: orange; }
  /* cell selection styles */
  table.m tbody td.colselected { background-color: #ddf; }
  table.m tbody td.rowselected { background-color: #ddf; }
  table.m tbody td.colselected.rowselected { background-color: #fec; }
  /* sorters */
  table.m th.sorted { background-color: #def; }
  table.m th.down:after { content: "+"; }
  table.m th.up:after { content: "-"; }
  /* form widgets */
  table.m textarea { width: 100%; height: 24px; border: 1px solid #660; padding: 2px 4px; font-family: inherit; font-size: 11pt; }
  table.m img.icon { max-height: 24px; width: auto; }
  div.m { margin: 6px 24px; }
  #m_exportPopup { position: absolute; background-color: #fff; padding: 6px 8px; border: 1px solid #999; }
  #m_exportPopup table { border-collapse: collapse; }
  #m_exportPopup td { padding: 2px 4px; border: 1px solid #ccc; }

/* ticker widget */
div.ticker { width: 90%; padding: 4px 4px 4px 28px; }
div.ticker a { color: #FFF; font-size: 1.1em; text-decoration: none; }

/* object viewer widget */
div.objectViewer { border: 1px solid #666; background-color: white; padding: 10px; }

/* scroll text widget */
.fcnyloscrolltext { padding: 10px 10px 25px 10px; margin: 5px 0 10px 0; border-top: 3px solid #8CC63F; border-bottom: 3px solid #8CC63F; }
.fcnyloscrolltext .nav { position: relative; right: 0px; float: right; z-index: 110;  padding-top: 7px; }
.fcnyloscrolltext .editor { position: relative; z-index: 100; }
#Object .fcnyloscrolltext .nav div { float: left; margin-left: 8px; }
#Object .fcnyloscrolltext .nav a { text-decoration: none; }
#Object .fcnyloscrolltext .nav .pause { }
#Object .fcnyloscrolltext p { line-height: 22px; }
.fcnyloscrolltext .scrolltext { overflow: hidden; position: relative; position: relative; z-index: 1; }
.fcnyloscrolltext .scrolltext table.holder { position: relative; z-index: 1; }
#Content div.scrolltextMask { border-top: 1px solid #CCC; height: 1px; z-index: 100; position: absolute; }
/* for editing */
#ScrollTextNav { position: absolute; display: none; }
#ScrollTextNav a { text-decoration: none; font-weight: bold; }


/* printer specific rules */
@media print, embossed {
  #Banner div.banner, #Banner div.stripe, #Search, #SiteNav, #Subnav, #EditControls, #User, #FooterBar, #Content #Contents { display: none; }
  #Canvas { width: auto; }
  #Content, #Canvas.siteType #Content { top: 114px; margin: 0; width: auto; float: none; }
  #Object, #Object.withcontents, #Canvas div.viewAction #Object, #Canvas.siteType #Object { margin: 0 0px 1em 0; padding: 0; width: auto; clear: left;  }
  #Object div.slide { display: block; }
  #Content .withshare, #Content div.outerslideshow.smallslideshow.withshare { margin-top: 36px; }
  #Banner .logo { margin: 0; }
  body { color: #000; background-color: #FFF; }
  a { text-decoration: underline; }
  div.sidebar .withss { margin-top: 200px; }
  div.form .jscalendar_button { display: none; }
  div.form div.buttons { display: none; }
  .editor, .headerpages, .share { display: none; }
}