/* www.collegeinitiative.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; }
div.whitespace { clear: both; line-height: 1px; 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: 1em; }
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, img.left { float: left; margin-right: 1em; }
div.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; }
.transparent9 { opacity: 0.98; }
.transparent8 { opacity: 0.985; }

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; }
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.editAction #Object { width: 894px; margin-left: 0px; } 

#Banner { position: absolute; top: 0px; margin: 0px auto; width: 1000px; }
/*#Banner .logo img { width: 200px; }*/
/*#Banner .banner { max-width: 800px; width: 800px !important; }*/
#Banner .logo { float: left; width: 190px; text-align: center; margin: 11px 0 0 17px; }
#Banner div.headerpages { float: right; width: 122px; }
#Banner div.headerpages td.prong { background-repeat: no-repeat; background-position: -1px center; }
#Banner div.headerpages td.pline { border-left: 2px solid #FC9B00; width: 12px; }
#Banner div.headerpages td.pobjborder { height: 2px; }
#Banner div.headerpages td.pobj { font-family: "Century Gothic", sans-serif; border: 2px solid #FC9B00; width: 104px; margin: 5px 0px; background-color: #FFF; text-transform: lowercase; }
#Banner div.headerpages td.pobj a { color: #FC9B00; text-decoration: none; font-size: 9pt; font-weight: bold; }
#Banner div.headerpages td.pobj img.dot { padding: 1px 3px 1px 1px; }
#Banner div.headerpages td.noborder { border: none; }
#Banner div.editControls { float: right; font-size: 0.8em; margin: 30px 10px 0; line-height: 1.1em; }
#Banner div.editControls .editor { margin-right: 10px; }

#Content { position: relative; border: 1px none blue; margin: 0 0 0 45px; width: 934px; top: 145px; font-size: 1em; line-height: 1.3em; }
#Content a { color: rgb(129, 78, 15); text-decoration: none; }
#Content h1 { font-size: 1.3em; line-height: 1em; font-family: "Century Gothic", sans-serif; text-transform: uppercase; }
#Content h2 { font-size: 1.1em; font-weight: bold; line-height: 1em; }
#Content h3 { font-size: 1em; }
#Content h4 { font-size: 1em; font-style: italic; }
#Content table { font-family: inherit; }
#Content li { list-style-type: disc; }
#Content .none { display: none; }
#Content div.titlePhotos img { margin: 0 16px 5px 0; }
#Content div.titlePhotos img.small { width: 100px; }
#Content div.titlePhotos img.medium { width: 222px; }
#Content div.titlePhotos img.large { width: 465px; }
#Content div.titlePhotos img.last { margin-right: 0; }
#Content .editor a { color: #666666; }
#Content .editor a:hover { color: #006699; }

#Content 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: #814E0F; }
#Content a.pager.active { background-color: #814E0F; color: rgb( 255, 255, 255 ); }
#Content a.pager:hover { background-color: #814E0F; color: rgb( 255, 255, 255 ); }

#Object { margin: 0 0px 1em 170px; width: 465px; border: 1px none red; min-height: 340px; height:auto !important; height: 365px; }
#Object div.content { margin-bottom: 1em; }

/* Navigation */
#Footer { margin: 0em 0 0 170px; clear: both; width: 465px; }
#FooterBar { clear: both; padding: 0; margin: 1em 0 0 38px; font-family: Georgia, serif; font-size: 0.8em; }
#FooterBar a { color: rgb(109, 110, 112); text-decoration: none; }

/* site navigation */
#SiteNav { position: absolute; top: 73px; width: 783px; margin-left: 96px; border-top: 2px solid #FC9B00; padding-top: 20px; }
#SiteNav a { text-decoration: none; color: rgb(166, 168, 171); }
#SiteNav a.active { color: rgb(35, 31, 32); }
#SiteNav a:hover { color: rgb(35, 31, 32); }
#SiteNav a.private { color: #FC9B00; }
#SiteNav div.section { position: relative; display: inline; padding: 0; white-space: nowrap; 
  text-transform: uppercase; font-family: "Century Gothic", sans-serif; font-size: 12pt; }
#SiteNav div.section div.title { display: inline; border: 0; }
#SiteNav div.section div.title a { padding: 5px 0px 0 0; font-weight: bold; }
#SiteNav div.section div.dropnav { display: none; position: absolute; top: 10px; left: -5px; z-index: 99; padding: 10px 28px 28px 0; border: 0;
  text-transform: none; font-size: 10pt; letter-spacing: 0; }
#SiteNav div.section:hover div.dropnav { display: block; }
#SiteNav div.slash { display: inline; font-size: 22px; vertical-align: -2px; padding: 0 1px; }
#SiteNav div.dropnav div.inner { padding: 5px 24px 7px 2px; background-color: white; border: 1px solid #A6A8AB; }
#SiteNav div.dropnav div.inner div.inner { padding: 0px 24px 0px 16px; background-color: transparent; }
#SiteNav div.subsection { margin: 4px 0 0 0; }
#SiteNav div.subsection p { padding-left: 22px; text-indent: -7px; margin-bottom: 5px; }
#SiteNav div.subsection p { padding-left: 0px; text-indent: -7px; margin: 0 0 5px 22px; }
#SiteNav div.subsection a { display: block; }
#SiteNav div.subsection div.bullet { float: left; width: 16px; height: 21px; }
#SiteNav div.subsection div.bullet img { display: none; padding: 2px 0 2px 2px; }
#SiteNav div.active div.bullet img { display: inline; }

/* subnav navigation */
#Subnav { float: left; width: 152px; margin-right: 18px; font-family: "Century Gothic", sans-serif; font-size: 10pt; }
#Subnav div.subsection p { padding-left: 22px; text-indent: -7px; margin-bottom: 8px; line-height: 1.2em; }
#Subnav div.subsection a { color: rgb(166, 168, 171); }
#Subnav div.subsection a.private { color: #FC9B00; }
#Subnav div.subsection a:hover { color: rgb(35,31,32); }
#Subnav div.subsection div.bullet { float: left; width: 16px; height: 21px; }
#Subnav div.subsection div.bullet img { display: none; padding: 4px 0; }
#Subnav div.active a { color: rgb(35,31,32); }  
#Subnav div.active div.bullet img { display: inline; }
#Subnav p.editor { margin-left: 15px; }
#Subnav p.editor a { color: #666666; }

#Search { margin: 2px 0 2px 14px; }
#Search div { border: 1px solid rgb(178, 178, 178); }
#Search input { border: none; }
#Search input.text { font-size: 0.7em; width: 82px; color: rgb(102, 102, 102); }
#Search input.go { float: right; padding: 0px; }

#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; padding: 1em 0; }
#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; }

/* homepage */
div.siteType div.photos { margin-left: 38px; }
div.siteType #Content h1 { font-family: "Arial Black", sans-serif; }
div.siteType #Object { margin: 10px 0px 1em 38px; width: 844px; border: 1px none red; min-height: 300px; }
div.siteType table.stories td.story { border: 1px solid rgb(36, 43, 102); padding: 10px; vertical-align: top; }
div.siteType table.stories td.content1 { width: 537px; }
div.siteType table.stories td.content0 { width: 270px; }
div.siteType #Content table.stories td.content0 h1 { font-size: 11pt; font-family: Arial, sans-serif; margin-bottom: 1em; }
div.siteType #Footer { margin: 0 0px 0 38px; width: 844px; }

/* donation */
table.donation { width: 100%; }
table.donation td.checkbox { width: 50px; tex-align: left; }
table.donation td.amount span.title { color: rgb(186, 113, 22); font-weight: bold; font-size: 1.1em; float: left; padding-right: 0.6em; }

/* calendar */
div.calendar div.contents { margin-top: 2em; }
div.calendar div.contents div.item { min-height: 120px; font-size: 14px; padding: 0.5em 0 2em; border-bottom: 1px dashed #A6A8AB; margin-bottom: 1em; }
div.calendar div.contents div.item h3 { font-family: Arial, sans-serif; font-weight: bold; color: rgb(88, 89, 91); margin-bottom: 0.2em; line-height: 1em; }
#Content div.calendar div.contents div.item h3 { font-size: 1.1em; }
div.calendar div.contents div.item h3.title { font-size: 14px; }
div.calendar div.contents div.item h3.date { text-transform: uppercase; }
div.calendar div.contents div.item div.photo { float: left; width: 104px; }
div.calendar div.contents div.item div.photo img { width: 104px; }
div.calendar div.contents div.item div.photo div.placeholder { width: 104px; height: 2px; }
div.calendar div.contents div.item div.info { margin-left: 122px; }
div.calendar div.contents div.item div.info a { font-weight: bold; color: rgb(153, 153, 153); }

/* directory */
div.directory div.contents { margin-top: 2em; }
div.directory div.contents div.item { min-height: 120px; font-size: 14px; padding: 0.5em 0 2em; border-bottom: 1px dashed #A6A8AB; margin-bottom: 1em; }
div.directory div.contents div.item div.photo { float: left; width: 104px; }
div.directory div.contents div.item div.photo img { width: 104px; }
div.directory div.contents div.item div.photo div.placeholder { width: 104px; height: 2px; }
div.directory div.contents div.item div.info { margin-left: 122px; }
div.directory div.contents div.item div.info a { font-weight: bold; color: rgb(153, 153, 153); }

/* 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; }


/* widgets */

/* slideshow widget */
div.outerslideshow { width: 844px; height: 300px; }
div.outerslideshow div.content { position: relative; top: -300px; margin: 18px 3px 0 3px; width: 838px; }
div.outerslideshow div.content .editor { position: relative; top: 0px; background: white; padding: 2px; display: inline; }
div.outerslideshow div.slideshow { border-top: 10px solid #BB7400; padding-top: 5px; border-bottom: 30px solid #845000; padding-bottom: 5px; }
div.slideshow div.media { height: 250px; }
div.slideshow div.media img { width: 844px; height: 250px; }
div.slideshow div.media img.hide { display: none; }
div.slideshow div.media img.linked { cursor: pointer; }
div.slideshow div.controls { text-align: center; position: absolute; top: 235px; width: 844px; }
div.slideshow div.controls .control { cursor: pointer; margin: 0 5px; opacity: 0.55; }
div.slideshow div.controls .prev { float: left; }
div.slideshow div.controls .next { float: right; }
div.slideshow div.controls .status { float: left; color: red; cursor: default; padding-top: 5px; }
div.slideshow div.content {  }

/* mini calendar widget */
div.minical { position: absolute; right: 0; width: 235px; background-color: #FFF; border: 2px solid rgb(129, 78, 15); font-size: 0.7em; line-height: 1em; margin: 60px 0 0 18px; }
div.minical div.header { height: 10px; border-bottom: 2px solid rgb(129, 78, 15); padding: 10px; }
div.minical div.header div.title { color: #FFF; font-weight: bold; }
div.minical div.header div.controls { float: right; }
div.minical div.header div.controls img.control { margin-left: 10px; cursor: pointer; }
div.minical div.body { padding: 5px 10px; min-height: 140px; text-align: center; }
div.minical div.header { background-color: rgb(186, 116, 22); }
div.minical table { font-family: Arial, sans-serif; }
div.minical table th { color: rgb(129, 78, 15); font-family: Arial Black, sans-serif; width: 4px; height: 25px; }
div.minical table td { text-align: center; height: 22px; vertical-align: middle; padding: 4px; }
div.minical table td a { color: rgb(88, 89, 91); display: block; }
#Content div.minical table td a.active { background-color: rgb(186, 113, 22); color: #FFF; font-weight: bold; }
div.minical table td a.full { color: rgb(129, 78, 15); font-weight: bold; }
div.minical table td .current { border: 1px solid rgb(166, 168, 171); }


/* sidebars */
div.sidebar { clear: right; float: right; margin: 30px 10px 10px 18px; width: 270px; font-family: Georgia, serif; color: rgb(88, 89, 91); }
div.sidebar div.quote img.preview { max-width: 230px; margin-bottom: 1em; }
#Content div.sidebar div.quote h1.title { font-family: Georgia, serif; font-weight: bold; text-transform: none; padding-bottom: .02em; font-size: 0.8em; }
#Content div.sidebar div.quote p { margin-bottom: 0.5em; }
div.sidebar div.quote div.content { font-size: 0.8em; }
div.sidebar .editor { margin-top: 10px; }

/* sitemap */
#Object div.sitemap { margin: 0 0px; }
#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-left: 2em; margin-bottom: 0.5em; }
#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; }

/* printer specific rules */
@media print, embossed {
  #Search, #Banner div.headerpages, #SiteNav, #Subnav, #EditControls, #User, #FooterBar { display: none; }
  #Canvas { width: auto; }
  #Content, #Canvas.siteType #Content { top: 114px; margin: 0; width: auto; }
  #Object, #Canvas.viewAction #Object, #Canvas.siteType #Object { margin: 0 0px 1em 0; padding: 0; width: auto; clear: left;  }
  #Object.withsidebars, #Canvas.viewAction #Object { margin-right: 250px; }
  #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; }
}