/* Kosciuszko Foundation stylesheet, Copyright 2009 Fund for the City of New York, all rights reserved */

/* standard restyle */
body { background-color: rgb(255,255,255); color: rgb(63,63,63); font-family: Georgia, serif; font-size: 14px; line-height: 17px; margin: 0; padding: 0; }
h1, h2, h3, h4 { font-weight: bold; margin: 0; font-style: normal; }
p { margin: 0; }
a { color: rgb(217,83,30); text-decoration: none; }
a:hover { text-decoration: underline; }
a.active { font-weight: bold; }
a.private { color: #29bc57; }
a img { border: 0; }
div.whitespace { font-size: 1px; line-height: 1px; clear: both; }
table { font-size: inherit; line-height: inherit; }
td { vertical-align: top; }
.left, div.left { float: left; margin-right: 8px; padding-top: 2px; }
.right, div.right { float: right; margin-left: 8px; padding-top: 2px; }
span.continuation { display: block; }
div.card { margin-bottom: 12px; }
img.private { border: 3px solid #29bc57; border-style: solid none; }
div.private { border: 3px solid #29bc57; border-style: solid none; }
.error { color: rgb(217,83,30); }

/* headings */
h1, h2 { background-color: rgb(217,83,30); color: rgb(255,255,255); font-size: 16px; padding: 5px 18px; margin: 0 0 12px 0; }
h1 a, h2 a { color: rgb(255,255,255); text-decoration: underline; }
h1 { text-transform: uppercase; }
h3 { font-size: 14px; text-transform: uppercase; margin-bottom: 4px; }
h4 { font-size: 14px; margin-bottom: 4px; }

/* contents */
table.contents { margin-bottom: 24px; }
table.contents td { padding: 0 8px 12px 0; }
table.contents td.photo { padding-top: 2px; text-align: right; }
/*span.name a { color: rgb(63,63,63); }*/
span.jobtitle { font-weight: bold; font-style: italic; }
span.phone { font-style: italic; }
span.email { font-style: italic; font-weight: normal; }
span.link { font-weight: normal; margin-left: 1em; }
h2.event { background-color: rgb(255,255,255); color: rgb(63,63,63); font-size: 16px; padding: 0; margin: 0 0 8px 0; }
h3.date { font-weight: normal; }
h4.title { font-weight: normal; font-style: italic; }
table.contents tr.event td { border: 1px none rgb(128,161,182); border-top-style: dotted; padding-top: 20px; }
table.contents tr.event.first td { border: 0; padding-top: 0; }
h3.award { font-weight: normal; }
h4.winner {  }
span.hometown { font-weight: normal; }
h4.return a { color: rgb(59,110,143);  }
div.prices { margin-top: 12px; }

a.button { display: inline-block; text-align: center; padding: 2px 10px; text-decoration: none; }
a.button { text-transform: uppercase; border: 1px solid rgb(217,83,30); background-color: rgb(217,83,30); color: rgb(255,255,255); }
a.button.lite { border-color: rgb(93,135,163); background-color: rgb(93,135,163); }


/* form controls */
input.text { border: 1px solid rgb(180,192,201); padding: 3px 2px; }
input.text.tempvalue { color: rgb(180,192,201); }
input.button { text-align: center; padding: 2px 10px; }
input.button.gray { border: 1px solid rgb(159,159,159); background-color: rgb(140,140,140); color: rgb(255,255,255); }
textarea { border: 1px solid rgb(180,192,201); width: 320px; padding: 2px; }
textarea.markup { border: 0; padding: 0; width: 604px; height: 240px; }
textarea.markup.content { height: 416px; }
table.form td { padding: 5px; }
table.form td.label { text-align: right; }
table.mceEditor td { padding-top: 0px; }

/* user-facing forms */
.userform td.label { line-height: 32px; }
.userform input { font-size: 16px; padding: 4px 3px; }
.userform input.button { text-transform: uppercase; border: 1px solid rgb(217,83,30); background-color: rgb(217,83,30); color: rgb(255,255,255); margin: 16px 0; }
.userform input.button.lite { border-color: rgb(93,135,163); background-color: rgb(93,135,163); }

/* slideshow */
div.show { font: 12px Georgia, serif; }
div.slide.cover { display: block; }
div.slideholder { text-align: center; }
div.slidenav { font: 11px Arial, serif; text-align: right; }
div.slidenav a.active { color: rgb(102,102,102); }
div.slidenav a { color: rgb( 180, 180, 180 ); }

/* media slideshow */
#Viewer { position: relative; }
#Viewer div.caption { position: absolute; width: 380px; top: 16px; right: -385px; background-color: #ffffff; }
#Viewer div.captioninner { padding: 0  5px; }
#Viewer table.slideholder { border-collapse: collapse; }
#Viewer table.slideholder td {  width: 475px; height: 356px; text-align: center; vertical-align: middle; badckground-color: rgb(220,220,220); padding: 0; margin: 0; }
#Viewer div.slidenav { font-size: 18px; }
#Viewer div.slidenav a.prev { float: left; text-decoration: none; }
#Viewer div.slidenav a.next { float: right; text-decoration: none; }

/* 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 #SectionNav { display: none; }
#top.lightbox #Actions { display: none; }
#top.lightbox #Search { display: none; }
#top.lightbox { background-color: #424242; }
#top.lightbox #Canvas { background-color: #424242; }
#top.lightbox #CanvasInner { background-color: #424242; opacity: 0.20; }

/* grid */
div.grid { clear: both; padding-top: 5px; }
div.grid div.icon { float: left; width: 110px; margin: 0 6px 6px 0; border: 2px solid rgb(255,255,255); }
div.grid div.icon.active { border-color: rgb(217,83,30); }
div.grid div.pager { clear: left; padding-top: 4px; }
div.grid div.pager a { text-decoration: none; }
div.pager a.page { border: 1px solid #ccc; padding: 0 6px; margin: 0 2px; display: inline-block; }
div.pager a.page.active { border-color: red; color: red; font-weight: normal; }

/* printing */
.printonly { display: none; }

/* structure */
#Canvas { position: relative; width: 1224px; margin: 0; background-color: rgb(93,135,163); }
#CanvasInner { position: relative; margin-top: 27px; background-color: rgb(255,255,255); min-height: 560px; height: auto !important; height: 560px; }

#SiteNav { margin: 46px 0 0 0; height: 45px; z-index: 100; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; }
#SiteNav div.spacer { float: left; width: 234px; height: 43px; border: 1px solid rgb(255,255,255); background-color: rgb(128,161,182); }
#SiteNav div.section { position: relative; float: left; margin-left: 1px; z-index: 101; }
#SiteNav div.boxnav { width: 120px; height: 43px; border: 1px solid rgb(255,255,255); background-color: rgb(128,161,182); color: rgb(255,255,255); text-transform: uppercase; letter-spacing: 0.1px; }
#SiteNav div.boxnav a { color: rgb(255,255,255); text-decoration: none; }
#SiteNav div.boxnav.active { border-color: rgb(59,110,143); color: rgb(59,110,143); background-color: rgb(255,255,255); }
#SiteNav div.boxnav.active a { color: rgb(59,110,143); }
#SiteNav div.boxnavInner { padding: 5px 4px 0 4px; }
#SiteNav div.dropnav { position: absolute; z-index: 99; display: none; background-color: rgb(255,255,255); font-size: 14px; line-height: 19px; color: rgb(59,110,143); padding: 4px 0 24px 0; opacity: 0.85; margin: -1px 0 0 1px; left: 0px; top: 45px; white-space: nowrap; }
#SiteNav div.dropnav a { display: block; color: rgb(59,110,143); padding: 2px 24px 2px 11px; }
#SiteNav div.section:hover div.dropnav { display: block; }
#SiteNav div.dropnav a:hover { text-decoration: none; background-color: rgb(59,110,143); color: rgb(255,255,255); }

#Object { display: inline-block; float: right; width: 750px; margin: 14px 132px 14px 0; }

#Main { display: inline-block; float: left; width: 480px; margin: 0 0 0 18px; }
#Main p { margin-bottom: 1em; }
#Main p + h3 { margin-top: 22px; }
#Main p + h4 { margin-top: 22px; }
#Main p + h4.return { margin-top: 36px; }
#Main div.summary p { margin: 0 0 0.4em 0; }

#Sidebar { float: right; width: 234px; margin: 0; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; }
#Sidebar div.photo { margin-bottom: 20px; }
#Sidebar div.show { margin-bottom: 20px; }
#Sidebar div.quote { margin-bottom: 20px; }
#Sidebar h3 { font-size: 12px; line-height: 13px; margin: 0 0 3px 0; }
#Sidebar h4 { font-size: 12px; line-height: 13px; margin: 0 0 3px 0; }
#Sidebar em { margin-right: 2px; }

#SectionNav { display: inline-block; float: left; width: 210px; margin: 14px 0 14px 116px; font-family: Arial, sans-serif; font-size: 12px; line-height: 21px; }
#SectionNav a { color: rgb(128,161,182); }
#SectionNav a.active { color: rgb(59,110,143); font-weight: bold; }
#SectionNav a.private { color: #29bc57; }
#SubSectionNav { margin: 0 0 0 18px; }
#SubSectionNav p { line-height: 16px; margin-left: 1em; text-indent: -1em; }
#PageNav { margin: 0 0 4px 9px; line-height: 17px; }

#Logo { position: absolute; top: 3px; left: 92px; width: 153px; z-index: 102; }

#User { position: absolute; top: 4px; right: 60px; color: rgb(255,255,255); font-family: Arial, sans-serif; font-size: 11px; text-align: right; }
#User a { color: rgb(255,255,255); text-decoration: underline; }

#Actions { position: absolute; top: 31px; right: 0px; width: 470px; font-family: Arial, sans-serif; font-size: 14px; line-heign: 21px; text-transform: uppercase; font-weight: bold; }
#Actions a { display: inline-block; background-color: rgb(185,199,212); color: rgb(59,110,143); padding: 1px 4px 2px 8px; width: 200px; margin-right: 6px; }

#Search { position: absolute; top: 63px; left: 867px; font-family: Arial, sans-serif; font-size: 11px; }

#Footer { font-family: Arial, sans-serif; font-size: 12px; color: rgb(255,255,255); margin-left: 116px; padding: 3px 0; }
#Footer a { color: rgb(255,255,255); text-decoration: underline; }

#Goline { display: none; }

/* homepage */
#Homepage { position: relative; background-color: black; width: 976px; height: 556px; margin: -1px 0 18px 115px; }
#Homepage div.feature { overflow: hidden; }
#Homepage div.text { position: absolute; color: #ffffff; }
#Homepage div.text.static { position: static; }
#Homepage div.textinner { padding: 11px 8px;  }
#Homepage h1 { margin: 0; font-weight: normal; padding: 0; background-color: transparent; font-size: 18px; }
#Homepage h2 { margin: 0; font-weight: normal; padding: 0; background-color: transparent; }
#Homepage h3 { margin: 0; font-weight: normal; padding: 0; background-color: transparent; }
#Homepage h4 { margin: 0; font-weight: normal; padding: 0; background-color: transparent; }
#Homepage .editor a  { color: #fff; background-color: #000; padding: 0 4px; }
#HomeFooter { position: relative; width: 976px; margin: 24px 0 24px 115px; }

#UpperLeft { position: absolute; top: 0px; left: 0px; width: 650px; height: 356px; background-color: rgb(93,135,163); }
#UpperLeft div.text { bottom: 0px; height: 38px; width: 650px; background-color: #000000; opacity: 0.42; }
#UpperLeft span.editor { position: absolute; top: 10px; left: 10px; }

#Banner { position: absolute; top: 0px; right: 0px; width: 484px; height: 38px; background-color: rgb(217,83,30); z-index: 2; }
#UpperRight div.text { position: static; }
#Banner span.editor { position: absolute; bottom: 10px; right: 10px; }

#UpperRight { position: absolute; top: 38px; right: 0px; width: 326px; height: 318px; background-color: rgb(217,83,30); }
#UpperRight div.text { bottom: 0px; height: 38px; width: 326px; background-color: rgb(217,83,30); }
#UpperRight span.editor { position: absolute; top: 10px; right: 10px; }
/* #Banner + #UpperRight { top: 38px; height: 318px; } */

#LowerLeft { position: absolute; bottom: 0px; left: 0px; width: 326px; height: 200px; background-color: rgb(59,110,143); }
#LowerLeft div.text { top: 0px; height: 38px; width: 326px; background-color: rgb(59,110,143); }
#LowerLeft span.editor { position: absolute; bottom: 10px; left: 10px; }

#LowerRight { position: absolute; bottom: 0px; right: 0px; width: 650px; height: 200px; background-color: rgb(161,183,204); }
#LowerRight div.text { top: 0px; height: 38px; width: 650px; background-color: rgb(161,183,204); }
#LowerRight span.editor { position: absolute; bottom: 10px; right: 10px; }

#SectionNav.site { position: absolute; top: 94px; left: 10px; width: 100px; margin: 0; }

/* editorial interface */
.editor { font: 10px Verdana, sans-serif; line-height: 13px; }
h1 + div.editor { margin: -8px 0 8px 18px; }
p.editor { clear: left; }
span.editor { padding-right: 1em; }
#Main p.editor { margin: 0; }
.editor a { color: rgb( 179, 179, 179 ); }
.editor a:hover { color: rgb(102,102,102); text-decoration: none; }
#SectionNav div.editor { margin: 36px 0; }
#SectionNav div.editor.section { margin: 0 0 8px 18px; }
#SubSectionNav div.editor { margin: 0 0 8px 9px; }
#SubSectionNav p.editor { line-height: 13px; }
#SectionNav .editor a { color: rgb( 179, 179, 179 ); }
#SectionNav .editor a:hover { color: rgb(102,102,102); text-decoration: none; }

#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); }

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

table.responses { border-collapse: collapse; }
table.responses td { padding: 5px; border: 1px solid #ccc; }
table.responses td.bool { text-align: center; }
