/* www.nipinst.org Screen Stylesheet */
/* Copyright 2010 Fund for the City of New York */
/* License: http://fred.fcny.org/fcny-ossl.txt */

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

/* Tag Restyling */
body { margin: 0; padding: 0; background-color: #f6f6ef; color: rgb( 64, 64, 65 ); font-family: Arial, sans-serif; background-repeat: repeat-x; background-position: top; }
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; }
address { font-style: italic; font-weight: bold; }

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

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; }
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; }
.jscalendar { z-index: 100; }
div.sortable p { padding: 4px; margin: 0px 0px 5px 0px; border: 1px solid #ccc; cursor: move; }
input { border: 1px solid rgb(101, 20, 23); padding: 3px 0 2px 2px; }
input.button { background-color: rgb(101, 20, 23); border-color: rgb(101, 20, 23); color: #FFF; padding: 2px 0px 1px 0px; line-height: 1em; }

/* First Class Divs */
#Canvas { width: 1000px; margin: 0px auto; padding: 0px; background-color: rgb(247, 247, 240); }
#Canvas div.viewAction #Object { width: 446px; padding: 0; margin-left: 235px; } 
#Canvas div.viewAction #Object.wide { width: auto; }

#Canvas div.searchAction div.nav a.pager { display: block; float: left; margin-right: 6px; padding: 2px; border: 1px solid rgb(178, 178, 178); text-align: center; width: 16px; text-decoration: none; color: rgb(101, 20, 23); margin-bottom: 1em; }
#Canvas div.searchAction div.nav a.active { background-color: rgb(101, 20, 23); color: #FFF; }
#Canvas div.searchAction div.nav a.pager:hover { background-color: rgb(101, 20, 23); color: #FFF; }

#Canvas div.editAction ol.contents a { text-decoration: none; }

/* colors */
#Canvas .bgyellow { background-color: #dbab56; }
#Canvas .bgorange { background-color: #f05a28; }
#Canvas .bgred { background-color: #ee4036; }
#Canvas .bgbrown { background-color: #81826d; }
#Canvas .bgoak { background-color: #809ead; }
#Canvas .bggreen { background-color: #7c8c38; }

#Banner { position: absolute; top: 0px; width: 1000px; height: 170px; background-repeat: repeat-x; }
#Banner .logo { margin: 12px 0px 0 34px; float: left; }
#Banner div.headeractions { float: left; margin: 8px 0 0 35px; text-transform: uppercase; }
#Banner div.headeractions div.link { float: left; border: 1px solid #FFF; margin-right: 10px; }
#Banner div.headeractions div.link a { padding: 3px 30px 3px 5px; font-size: 18px; display: block; text-align: left; color: #FFF; text-decoration: none; font-style: italic; font-weight: bold; }
#Banner div.headeractions div.link a.active { padding: 1px 28px 1px 3px; border: 2px solid #FFF; }
#Banner div.headerlinks { float: right; text-transform: uppercase; font-size: 9pt; width: 232px; letter-spacing: 2px; }
#Banner div.headerlinks div.link { border: 1px solid #FFF; margin-bottom: 10px; }
#Banner div.headerlinks div.link a { padding: 4px 10px; display: block; text-align: left; color: #FFF; text-decoration: none; }
#Banner div.headerlinks div.link a.active { padding: 2px 8px; border: 2px solid #FFF; }
#Banner div.breadCrumbs { position: absolute; bottom: 0; margin: 0 0 2px 30px; color: #FFF; font-size: 12px; }
#Banner div.breadCrumbs div.crumb { float: right; }
#Banner div.breadCrumbs div.crumb a { color: #FFF; text-decoration: none; font-weight: bold; }
#Banner div.breadCrumbs div.last a { font-weight: normal; }


#Search { margin: 0px; border: 1px solid #7c8c38; margin-bottom: 10px; }
#Search input.text { border: none; width: 175px; padding: 2px 10px; font-weight: bold; color: #6d6e70; }
#Search input.go { font-weight: bold; padding: 0px; border: 1px none black; margin: 0; color: #FFF; background-color: transparent; height: 20px; width: 30px; }

/* site navigation */
#SiteNav { float: right; margin-top: 5px; }
#SiteNav a { text-decoration: none; color: #FFF; }
#SiteNav a.active { color: #FFF; }
#SiteNav a.private { color: #FC9B00; }
#SiteNav div.section { float: left; padding: 0; text-transform: uppercase; font-family: Arial, sans-serif; font-size: 13pt; margin-left: 25px;  }
#SiteNav div.active { border: 2px solid #FFF; }
#SiteNav div.first { margin-left: 0; }
#SiteNav div.section div.title { border: 1px solid #FFF; width: 288px; }
#SiteNav div.section div.title a { padding: 8px 4px; display: block; text-align: center; }
#SiteNav div.section div.title a.active { padding: 6px 2px; margin: 0px; }

/* Subnav navigation */
#Subnav { float: left; width: 210px; padding-right: 5px; font-family: Arial, sans-serif; margin: 0; font-size: 13px; }
#Subnav p { line-height: 1em; margin-bottom: 0; }
#Subnav a { text-decoration: none; }
#Subnav p.nav { margin: 0 0 2px 5px; text-indent: -5px; padding: 10px 0 0px 10px; }
#Subnav p.nav a { padding: 0px 0 0px 5px; color: rgb(118, 110, 101); display: block; }
#Subnav p.nav a.private { color: #FC9B00; }
#Subnav p.nav a:hover, #Subnav p.notactive a:hover { color: rgb(219, 171, 86); }
#Subnav p.nav a.active { color: rgb(219, 171, 86); }
#Subnav p.subsection { margin-bottom: 7px; }
#Subnav p.subsection a { text-transform: uppercase; font-family: "Arial Bold", sans-serif; }
#Subnav p.subsection a.active { font-family: "Arial Black", sans-serif; }
#Subnav div.subsection { margin: 10px 0 5px 15px; font-size: 12px; }
#Subnav div.subsection p.nav { padding-top: 5px; }
#Subnav p.section { margin: 0 0 0 5px; text-indent: -5px; padding: 10px 0 0px 10px; }
#Subnav p.section a { padding: 0px 0 0px 5px; display: block; font-family: "Arial Black", sans-serif; }

div.editControls { position: absolute; top: 2px; right: 5px; }
div.editControls .editor { margin: 5px; padding: 0; }
div.editControls .editor a { color: #666666; text-transform: none; border: none; padding: 0; }

/* colors on sub nav */
#Subnav p.fgyellow a, #Subnav p.afgyellow a.active, #Subnav p.afgyellow a:hover { color: #dbab56; }
#Subnav p.fgorange a, #Subnav p.afgorange a.active, #Subnav p.afgorange a:hover { color: #f05a28; }
#Subnav p.fgred a, #Subnav p.afgred a.active, #Subnav p.afgred a:hover { color: #ee4036; }
#Subnav p.fgbrown a, #Subnav p.afgbrown a.active, #Subnav p.afgbrown a:hover { color: #81826d; }
#Subnav p.fgoak a, #Subnav p.afgoak a.active, #Subnav p.afgoak a:hover { color: #809ead; }
#Subnav p.fggreen a, #Subnav p.afggreen a.active, #Subnav p.afggreen a:hover { color: #7c8c38; }

/* Main Content container */
#Content { position: relative; border: 1px none blue; margin: 174px 0 0 0; font-size: 14px; padding: 26px 30px 20px 20px; font-family: Times, serif; }
#Content a { color: rgb(101, 20, 23);  }
#Content h1.title { color: rgb(118, 110, 101); }
#Content h1 { font-size: 18px; margin-bottom: 0.7em; font-family: "Arial Black", sans-serif; }
#Content h2 { font-size: 15px; font-weight: bold; font-family: "Arial Black", sans-serif; }
#Content h3 { font-size: 14px; font-weight: bold; font-family: "Arial Black", sans-serif; }
#Content h4 { font-size: 14px; font-weight: normal; font-style: italic; font-family: "Arial Black", sans-serif; }
#Content table { font-family: inherit; }
#Content .none { display: none; }
#Content .editor a { color: #666666; }
#Content .editor a:hover { color: #006699; }
#Content span.editor { margin-right: 10px; }

#Object { padding: 10px 5px; margin: 0px 0px 1em 0; border: 1px none red; min-height: 340px; height:auto !important; height: 365px; }
#Object div.content { margin-bottom: 1em; }
#Object div.content span, #Object div.content font, #Object div.content div, #Object div.content p { line-height: 1.3em; }


/* Footer & Footer Navigation */
#Footer { margin: 0em 0 0 0px; clear: both; width: 663px; }
#FooterBar { width: 663px; clear: both; padding: 0; margin: 2em 0 0 50px; font-family: Arial, sans-serif; font-size: 9pt; color: rgb(63, 63, 63); }
#FooterBar a { color: rgb(153, 152, 137); text-decoration: none; text-transform: uppercase; }
#FooterBar span.separator { padding: 0 5px; }

/* User controls */
#User { font-size: 0.8em; text-align: center; padding: 1em 0; width: 663px; }
#User a { color: #069; text-decoration: none; }
#User a:hover { text-decoration: underline; }

/* homepage */
#Canvas.siteType div.viewAction #Content { margin-top: 230px; width: auto; padding: 40px 0 0; background-color: rgb(49, 16, 17); color: #FFF; }
#Canvas.siteType div.viewAction #Content a { color: #FFF; }
#Canvas.siteType div.viewAction #Object { padding: 5px 0 0 0; margin-left: 0; margin-bottom: 30px; width: auto; min-height: 50px; height:auto !important; height: 50px;  }
#Canvas.siteType div.viewAction #Banner { background-image: none; height: auto; padding-top: 20px; background-color: rgb(49, 16, 17); }
#Canvas.siteType div.viewAction #Banner div.logo { margin: 30px 0 0 25px; }
#Canvas.siteType div.viewAction #Banner div.logo img { width: 660px; }
#Canvas.siteType div.viewAction #Banner div.headeractions { margin: 40px 0 0 25px; }
#Canvas.siteType div.viewAction #Banner div.headeractions div.link { border: 2px solid #FFF; margin-bottom: 22px; }
#Canvas.siteType div.viewAction #Banner div.headeractions div.link a { font-size: 20px; }
#Canvas.siteType div.viewAction #Banner div.headerlinks { width: 285px; }
#Canvas.siteType div.viewAction #Banner div.headerlinks div.link { margin-bottom: 22px; border-width: 2px; }
#Canvas.siteType div.viewAction #Banner div.headerlinks a { font-size: 17px; padding: 5px 10px; }
#Canvas.siteType div.viewAction #Search { width: 285px; float: right; }
#Canvas.siteType div.viewAction #Search input.text { width: 230px; padding: 7px 10px; }
#Canvas.siteType div.viewAction #FooterBar { margin-top: 100px; }
#Canvas.siteType div.viewAction div.editControls { position: static; width: 285px; float: right; }

/* donation */
table.donation { width: 100%; font-family: Georgia, serif; }
table.donation td.checkbox { width: 40px; tex-align: left; }
table.donation td.amount { vertical-align: middle; }
table.donation td.amount span.title { font-weight: bold; font-size: 1.1em; float: left; padding-right: 0.6em; }

/* signup form */
table.userform { width: 350px; }
table.userform tr td { padding: 5px 5px; }
table.userform td.label { text-transform: uppercase; text-align: right; vertical-align: middle; width: 120px; }
table.userform input { padding: 4px 0 3px 2px; width: 100%; }
table.userform input[type=submit] { padding: 2px 24px; width: auto; }
table.userform textarea { border: 1px solid #651417; padding: 3px 0 2px 2px; width: 320px; }
table.userform p label { text-transform: uppercase; font-size: 16px; line-height: 23px; margin-right: 5px; }
table.userform div.divider { margin: 0 0 15px 0; }
table.userform input.postalcode { width: 70px }



/* widgets */

/* sidebars */
div.sidebar { clear: right; float: right; margin: 39px 0px 0px 0px; width: 248px; border: 1px none black; font-family: Arial, sans-serif; font-size: 12px; }
div.sidebar div.quote { margin-bottom: 25px; }
div.sidebar div.quotetop { border-top: 1px solid rgb(128, 158, 173); padding-top: 10px; }
div.sidebar div.quote div.break { height: 10px; }
div.sidebar div.quote img.preview { width: 248px; }
#Content div.sidebar div.quote h1.title { text-transform: uppercase; margin: 0 0 0.5em 0; font-size: 13px; font-weight: normal; color: rgb(64, 64, 65); font-family: "Arial Bold", sans-serif; }
#Content div.sidebar div.quote p { margin-bottom: 0.5em; }
div.sidebar div.quote div.content {  margin-bottom: 5px; color: rgb(64, 64, 67); }

/* sitemap */
#Object div.sitemap { margin: 0 0px 2em; }
#Object div.sitemap a { text-decoration: none; }
#Object div.sitemap div.page div.title { font-size: 11pt; margin: 0; margin-bottom: 0.2em; padding: 0; }
#Object div.sitemap div.page div.contents { margin: 0.5em 0 1em 2em; }
#Object div.sitemap div.page div.contentslevel0 { margin-left: 0; }
#Object div.sitemap div.pagelevel1 { margin-bottom: 0.5em; }

/* 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.sortitem { width: 280px; border: 1px solid #ccc; 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); }

/* m_table styles */
  div.m_container { min-width: 480px; overflow: auto; }
  table.m { font-size: inherit; font-family: Verdana; }
  table.m th { text-align: left; font-weight: normal; font-size: 0.8em; padding: 0px 0.8em 0px 0.8em; }
  table.m td { font-size: 0.8em; padding: 5px 0.4em 2px 0.2em; }
  /* row styles */
  table.m tr.header { color: white; background-color: #006699; }
  table.m tr.header th { padding: 0.2em 0.4em; }
  table.m tr.odd { background-color: #ffffff; }
  table.m tr.even { background-color: #F6F6F6; }
  /* selectors */
  table.m tr.columnselect { height: 3px; background-color: #eee; }
  table.m tr.columnselect td { padding: 2px 0.4em 1px 0.2em; }
  table.m td.rowselect { width: 3px; background-color: #eee; }
  table.m td.selector { cursor: pointer; 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: #FFE380; }
  /* cell selection styles */
  table.m tbody td.colselected { background-color: #E6F6FF; }
  table.m tbody td.rowselected { background-color: #E6F6FF; }
  table.m tbody td.colselected.rowselected { background-color: #BFE9FF; }
  /* sorters */
  table.m th.sorted { background-color: #00456B; }
  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 td.bool { text-align: center; }
  table.m span.collapser { cursor: w-resize; float: right; color: #c3c3c3; }
  table.m img.icon { max-height: 19px; width: auto; margin: 0; }
  table.m colgroup.collapsed { visibility: collapse; }
  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; }
  #m_exportPopup p { margin: 0.4em 0 0.4em 0; }

/* edit cropper widget */
div.cropper { position: relative; margin-bottom: 7px; }
div.croptool { position: absolute; height: 184px; width: 184px; border: 2px solid #ffcc00; cursor: pointer; }

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

#soundmanager-debug { display: none; }

/* printer specific rules */
@media print, embossed {
  body { background-image: none; }
  #Search, #SiteNav, #Subnav, #EditControls, #User, #FooterBar .links, #Banner div.headerlinks, #Banner div.breadCrumbs, #Banner div.headeractions { display: none; }
  #Canvas { width: auto; }
  #Banner { height: 120px; width: 100%; }
  #Canvas.siteType #Banner div.headerlinks { display: block; }
  #Canvas.siteType #Content { top: 0; }
  #Content { margin: 120px 0 1em 0; width: auto; padding: 20px 20px 140px 20px; }
  #Object, #Canvas div.viewAction #Object, #Canvas.siteType #Object { margin: 0 0 1em 0; padding: 0; width: auto; clear: left;  }
  #Object.withsidebar, #Canvas div.viewAction #Object.withsidebar, #Canvas.siteType #Object.withsidebar { margin-right: 268px; }
  div.sidebar { margin-left: 20px; }
  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; }
}