@charset "utf-8";

* { font-family: Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif; }
body { margin: 0; padding: 0; font-size: 14px; background: #fff; color: black; }
img { border: none; }

.uppercase { text-transform: uppercase; }

#wrapper { min-width: 960px; }
#patara_revno { position: absolute; top: 20px; right: 5px; font-size: 12px; color: #f4f379; background: #af351a; }

#header { height: 123px; background: #782411; }
#left { float: left; width: 171px; padding-top: 10px; color: #ffc; background: #de5028 url(/img/nav-background.jpg) repeat-y; }
#container { margin-left: 188px; }
/* #right and #main are inside #container */
#right { float: right; width: 170px; padding: 0; font-size: 11px; overflow: hidden; }
#main { margin-right: 170px; padding-right: 10px; background: #fff; }
#footer { clear: both; padding: 5px 0 10px 0; text-align: center; font-size: 10px; background: #ffc; color: black; }

.nav-wrapper { margin: 0; padding: 0; width: 100%; }
.nav { margin: 0; padding: 0; width: 100%; white-space: nowrap; list-style: none; }
.nav li { display: inline; }
.nav a { display: inline-block; text-decoration: none; }

#site-nav-wrapper { height: 19px; text-align: center; background: #ffc; }
#site-nav { height: 19px; width: auto; font-size: 12px; background: #ffc; }
#site-nav li { padding: 0 11px; }
#site-nav a { height: 16px; padding: 2px 6px 1px 6px; color: #721; }
#site-nav #sn-forkids { position: relative; padding: 2px 18px 1px 18px; }
#site-nav a:hover, body#whois #sn-whois, body#around #sn-around, body#celebrate #sn-celebrate, body#events #sn-events, body#forkids #sn-forkids { background-color: #e8a343; text-decoration: none; }
#site-nav #sn-forkids:hover span, body#forkids #site-nav #sn-forkids span { background: url('/img/nav-forkids.gif') no-repeat center center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

#banner-img { float: left; height: 102px; width: 521px; border: none; }
#banner { margin-left: 521px; padding: 15px 38px 4px 10px; height: 83px; background: #e8a343; }
#banner ul { float: right; list-style: none; margin: 0; padding: 0; }
#banner li { margin-bottom: 1px; height: 17px; }
#banner ul.left { text-align: right; }
#banner ul.right { margin-right: 10px; }
#banner ul.left a { border-right: 1px solid #d83411; }
#banner ul.right a { border-left: 1px solid #d83411; }
#banner a { font-size: 10px; font-weight: bolder; padding: 0 8px; white-space: nowrap; color: #782411; text-decoration: none; }
#banner a:hover { text-decoration: underline; }
#banner form { float: right; width: 100%; margin-top: 6px; text-align: right; white-space: nowrap; }
#banner form label { font-size: 11px; color: #c70c00; }
#banner form input.query { width: 96px; height: 18px; padding: 0 0 0 2px; font-size: 13px; color: #630; border: 1px inset #ccc; }
#banner form input.button { height: 17px; margin: 1px 0; padding: 0 2px 0 4px; font-size: 10px; letter-spacing: 1px; background: #900; color: #ffc; }

#content-nav { margin: 6px 8px 28px 6px; }
#content-nav ul { margin: 6px 0 0 17px; padding: 0; list-style: none; }
#content-nav li { position: relative; margin-bottom: 7px; }
#content-nav a { font-size: 13px; line-height: 17px; color: #ffc; text-decoration: none; }
#content-nav a.current-nav { color: #fc3; font-size: 14px; }
#content-nav a:hover { text-decoration: underline; }
#share-buttons { text-align: center; margin: 10px 0 0 0; padding: 8px 0; background: #fff; }
#share-buttons p { margin: 8px 0; }

.article { position: relative; }

#sidebar, #googletrans { padding: 6px 3px; }
#sidebar .article { margin: 16px 0; }
#content { float: left; width: 100%; padding: 15px 0 8px 0; }

#copyscape { float: right; margin: 5px 10px; }
#footer ul { list-style: none; margin: 0 110px 0 0; padding: 0; }
#footer li { display: inline; white-space: nowrap; }
#footer a { font-size: 14px; color: #c60; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { margin: 2px 110px 0 0; }

.background_white { background: url(/img/right-background-white.gif) repeat-y right top; }
.background_lightyellow { background: url(/img/right-background-lightyellow.gif) repeat-y right top; }
.background_medyellow { background: url(/img/right-background-medyellow.gif) repeat-y right top; }
.background_orange { background: url(/img/right-background-orange.gif) repeat-y right top; }
.background_paleblue { background: url(/img/right-background-paleblue.gif) repeat-y right top; }

body.nosidebar #sidebar { display: none; }
body.nosidebar #right { position: absolute; right: 0; } /* so we can put the google trans widget on the right */
body.noright #right { display: none; }
body.nosidebar #main, body.noright #main { margin-right: 0; }
body.noside-nonav #right { display: none; }
body.noside-nonav #left { display: none; }
body.noside-nonav #container { margin-left: 0; }
body.noside-nonav #main { margin-right: 0; }

body.kids #header { height: 121px; border: none; }
body.kids #banner { margin-left: 578px; background: #fa5 url(/img/kids-header-background.jpg) repeat-x; }
body.kids #banner-img { width: 578px; }
body.kids #banner form input.button { border-color: #ebdb3d; }
body.kids #kids-nav-wrapper { height: 24px; text-align: center; background-color: #f63; }
body.kids #site-nav2 { width: auto; height: 24px; padding: 0 17px; }
body.kids #site-nav2 li { }
body.kids #site-nav2 a { font-size: 18px; color: #ffc; }
body.kids #site-nav2 a:hover { text-decoration: underline; }
body.kids #left { background: #12114a url(/img/kids-contentnav-background.jpg) no-repeat; }
body.kids-home #main { padding: 0; }
body.kids-home #content { width: 100%; height: 523px; padding: 0; margin: 0; background-image: url(/img/kids-home-background.jpg); }
body.kids-home .article_contents { width: 750px; margin: auto; }

#glossary_index { padding: 10px 0; }
.glossary_section { margin-bottom: 6px; }
.glossary_entry dt { color: #C60; }
.glossary_entry dd { margin-bottom: 13px; }

.paginator { float: right; text-align: right; margin-bottom: 0.5em; white-space: nowrap; }

/* GALLERY PAGES */
.gallery { min-height: 100px; }
#gallery_header { float: left; width: 100%; margin: 0; padding: 0; }
#gallery_title { float: left; }
#gallery_header form { float: right; margin: 6px 0 0 0; padding: 0; text-align: right; white-space: nowrap; }
#gallery_header label { margin-left: 0.5em; font-weight: bolder; color: #930; }
#gallery_header input.query { width: 174px; height: 18px; padding: 0 0 0 2px; font-size: 12px; color: #630; border: 1px inset #ccc; }
#gallery_header select { width: 280px; height: 20px; }
#gallery_header input.button { height: 19px; padding: 0 2px 1px 4px; font-size: 11px; letter-spacing: 1px; background: #c63; color: #ffc; }
#gallery_header_line { clear: both; width: 100%; margin: 0; padding: 10px 0; font-size: 1%; line-height: 1%; }
#gallery_header_line div { float: right; width: 90%; margin: 0 4px; padding: 0; border-top: 1px solid #f93; }
#gallery_breadcrumbs { margin: 6px 0 0 0; padding: 0; font-weight: bolder; color: #930; }
#gallery_breadcrumbs a { color: #930; }
#gallery_breadcrumbs .breadcrumbs_current { font-weight: normal; color: black; }
#gallery_categories { float: left; width: 100%; padding: 10px 0 2px 0; }
.gallery_category { float: left; min-width: 220px; width: 220px; height: 180px; margin: 0 4px 8px 0; font-size: 11px; }
.gallery_category_imgdiv { float: left; width: 100px; overflow: hidden; text-align: center; }
.gallery_category_imgdiv img { border: none; }
.gallery_category ul { margin: 0 0 0 105px; padding: 0; list-style: none; }
.gallery_category .heading { color: #930; font-weight: bolder; }
#gallery_items { float: left; width: 100%; padding: 10px 0 2px 0; }
.gallery_item { float: left; text-align: center; min-width: 180px; width: 180px; height: 275px; margin: 0 4px 8px 0; padding: 0; font-size: 11px; overflow: hidden; }
.gallery_item img { border: none; }
.gallery_item img.bordered { border: 1px solid #000; }

#gallery_header.gallery_header_gazetteer select { width: 180px; }
#gallery_header.gallery_header_gazetteer input.query { width: 126px; }
.gallery_items_gazetteer .gallery_item { text-align: left; }

#gallery_header.gallery_header_art form { margin: 5px 50px 0 0; }
#gallery_header.gallery_header_art select { width: 150px; }
#gallery_header.gallery_header_art #gallery_breadcrumbs .breadcrumbs_current { font-weight: bolder; }
.gallery_header_art p { color: #930; }
.gallery_categories_art .gallery_category { min-width: 200px; width: 200px; }

.gallery_categories_events .gallery_category { min-width: 188px; width: 188px; }

#gallery_header.gallery_header_heraldry select { width: 150px; }
.gallery_categories_heraldry .gallery_category { min-width: 188px; width: 188px; }

/* GALLERY STYLES */
.item_title, .item_comment, .item_description, .item_credit, .item_denomination { font-style: italic; }
.strong_title { color: #930; font-weight: bold; font-size: larger; }

/* ECARDS */
.ecard_build .stepnum { margin: 14px 28px 14px 0; padding: 0; }
.ecard_build strong { font-size: larger; }
.ecard_build textarea { padding: 7px; }
.ecard_build .errorlist { color: #F21; font-weight: 600; }

#ecard_wrapper { width: 100%; min-width: 570px; }
#ecard_wrapper ul { list-style: none; }

.ecard_div { margin: 0 0 14px 0; padding: 0 11px; font-size: 11px; color: #033; border: 1px solid #e8a443; }
.ecard_div_noborder { margin: 0 0 14px 0; padding: 0 4px; font-size: 11px; color: #033; border: none; text-align: center; }

.ecard { margin: 0 auto; padding: 0; background-color: #ffc; border: 1px solid #e8a443; width: 630px;}
.ecard_panel { margin: 0; padding: 0; }
#left_panel { float: left; border-right: 1px solid #e8a443; }
#right_panel { float: left; margin-left: -1px; width: 46%; max-width: 315px; border-left: 1px solid #e8a443; }
#ecard_text { text-align: center; padding: 1em; }
#ecard_text p { font-size: 180%; padding: 0; margin: 0; }
#ecard_links { clear: both; padding: 21px; }

.ecard_image_form li { float: left; height: 175px; width: 125px; margin: 14px 28px 14px 0; text-align: center; background-color: #ccc; }
.ecard_image_form li input { margin-top: 14px; }
.ecard_image_form #id_0-image_1 { margin-top: 23px; } /* hacky fix for susan seals thumbnail */
.ecard_image_form p { margin: 14px 0; font-size: 14px; }

.ecard_content_form .ecard_div, .ecard_content_form .ecard_div_noborder { max-width: 480px; }
.ecard_content_form p { margin: 11px 0 0 0; }
.ecard_content_form #ecard_thumb { float:left; padding: 5px; }
.ecard_content_form #ecard_thumb img { margin: 0; padding: 0; }
.ecard_build .form_contents { margin-left: 126px; padding: 0; border: 0; }
.ecard_build .button { height: 22px; margin: 0 20px; padding: 0 12px 2px 14px; font-size: 12px; letter-spacing: 1px; background: #cb6632; color: #ffc; border: none; }

.ecard_content_form ul { margin-left: 56px; }
.ecard_content_form li { margin: 0 0 7px 8px; text-indent: -25px; }
.ecard_content_form textarea { vertical-align: top; padding: 3px; }
.ecard_content_form #ecard_message textarea { height: 32px; }
.ecard_content_form #ecard_message ul { padding-left: 5px; }
.ecard_content_form #ecard_message ul textarea { height: 80px; }
.ecard_content_form #id_closing { margin: 5px 14px 5px 67px; }
.ecard_content_form #id_message { margin: 5px 14px 5px 67px; }
#ecard_fonts { height: 126px; }
#ecard_fonts p { width: 100%; }
#font_chooser { float: left; margin-right: 50px; }
#color_chooser { float: left; }
#ecard_fonts ul { font-size: 18px; margin: 0 0 0 40px; }
.ecard_content_form #emails { padding-bottom: 8px; }
.ecard_content_form #emails label { white-space: nowrap; }

.ecard_schedule_form .form_schedule { margin-top: 14px; padding: 0; border: 0; }
.ecard_schedule_form p { margin: 11px 0; }
#ecard_recaptcha { padding-bottom: 11px; }

/* STORYBOOKREADER */
.bookreader_wrapper { position: relative; width: 98%; height: 95%; min-height: 95%; }
.bookreader_wrapper iframe { height: 100%; width: 100%; zoom: 1; }

.story_footer > p:first-child { margin-top: 0;}

/* SECURED FILES */
.securedfile_thumb_size_95 {
  min-width: 95px;
}
.securedfile_thumb_size_225 {
  min-width: 225px;
}
.securedfile_thumb_size_250 {
  min-width: 250px;
}

#securedfiles { float: left; width: 100%; padding: 10px 0 2px 0; }
.securedfile { float: left; text-align: center; width: 180px; height: 275px; margin: 0 4px 8px 0; padding: 0; font-size: 11px; overflow: hidden; }
.securedfile img { border: none; }
.securedfile img.bordered { border: 1px solid #000; }


/* LISTS */
.item_list { list-style: none; margin: 0; padding: 0;}
.item_list p { margin: 2px;}
.item { clear: both; padding: 5px 5px 5px 0; margin: 0 0 16px 0; font-size: 13px; }
.item_thumb { float: left; margin: 0; padding: 0 0 14px 0; text-align: center; }
.item_thumb img { border: none; }
.item_thumb img.bordered { border: 1px solid #000; }
.item_thumb_size_95 .item p { padding: 0; margin: 0 0 0 110px; }
.item_thumb_size_150 .item p { padding: 0; margin: 0 0 0 165px; }
.item br { height: 0.5em; }
.item .spacer { height: 5px; width: 1px; }
.list_footer { clear: both; margin: 14px 0 0 0; }

/* NEW / UPDATED STUFF */
img .new { margin-top: -4px; }

/* CONTACT FORM */
.contact_form .errorlist { color: #F21; font-weight: 600; }
.contact_form ul {list-style: none; }
.contact_form form { max-width: 480px; margin: 21px; padding: 11px; text-size: 11px; color: #033; border: 1px solid #e8a443; }
.contact_form label[for="id_recaptcha"], .contact_form label[for="id_mailinglist"] { display: block; width: auto; }
.contact_form label { display: inline-block; width: 30%; font-weight: 600; font-size: 80%; }
.contact_form p { margin: 0 0 0.5em 0; }
.contact_form p input { display: inline-block; width: 65%; }
.contact_form p textarea { width: 96%; height: 100px; }
.contact_form #id_mailinglist { width: 4em; margin: 1em 0 0 2em; }
.contact_form .button { height: 22px; padding: 0 2px 2px 4px; font-size: 12px; letter-spacing: 1px; background: #cb6632; color: #ffc; border: none; }

/* HOMEPAGE */
#b-homepage { background: #ffc; }
#b-homepage #wrapper { width: 750px; min-width: 750px; margin: auto; }
#b-homepage #header { height: 290px; border: none; margin: 0; padding: 0; }
#b-homepage #site-nav-wrapper { height: 29px; text-align: center; }
#b-homepage #site-nav { height: 29px; border: none; font-size: 11px; }
#b-homepage #site-nav li { padding: 0 8px; }
#b-homepage #site-nav a { height: 13px; padding: 8px; }
#b-homepage #site-nav #sn-forkids { padding: 8px 18px; }
#b-homepage #banner-img { float: none; width: 750px; height: 261px; }
#b-homepage #b-homepage-content { background: #e8a343; }
#b-homepage #right { float: right; width: 158px; padding: 0; overflow: hidden; font-size: inherit; text-align: left; }
#b-homepage #right #search { height: 60px; background: #dc8b36; overflow: hidden; }
#b-homepage #right #search form { padding: 6px 0 0 5px; }
#b-homepage #right #search form label { font-size: 12px; color: #033; }
#b-homepage #right #search form input.query { width: 104px; height: 16px; margin-top: 1px; padding: 0 0 0 2px; font-size: 12px; color: #630; }
#b-homepage #right #search form input.button { height: 19px; margin-top: 1px; padding: 0 2px 2px 4px; font-size: 11px; letter-spacing: 1px; background: #cb6632; color: #ffc; }
#b-homepage #right #links { height: 68px; background: #fc6; overflow: hidden; }
#b-homepage #right #links ul { float: right; list-style: none; margin: 0; padding: 4px 0 0 0; }
#b-homepage #right #links li { margin-bottom: 1px; height: 17px; }
#b-homepage #right #links ul.left { text-align: right; }
#b-homepage #right #links ul.right { margin-right: 2px; }
#b-homepage #right #links ul.left a { border-right: 1px solid #d83411; }
#b-homepage #right #links ul.right a { border-left: 1px solid #d83411; }
#b-homepage #right #links a { padding: 0 8px; font-size: 10px; font-weight: bolder; white-space: nowrap; color: #782411; text-decoration: none; }
#b-homepage #right #links a:hover { text-decoration: underline; }
#b-homepage #right #sidebar { clear: right; height: 179px; margin: 0; padding: 0; background: #e8a343; overflow: hidden; }
#b-homepage #right #sidebar .article { margin: 2px 0; padding: 0; }
#b-homepage #left { float: left; width: 592px; padding: 0; background: none; color: inherit; text-align: left; }
#b-homepage #left #images { width: 592px; height: 154px; margin: 0; padding: 0; overflow: hidden; }
#b-homepage #left #articles { width: 592px; height: 153px; margin: 0; padding: 0; overflow: hidden; background: url(/img/homepage-article-background.jpg); }
#b-homepage #left #articles .column { float: left; width: 178px; margin: 12px 12px; padding: 0; }
#b-homepage #left #articles #column3 { width: 170px; margin-right: 0; }
#b-homepage #footer a { font-size: 13px; }

/* GALLERY POPUPS */
#b-galleryitem #wrapper { min-width: 780px; }
#b-galleryitem #header { margin: 0; padding: 0; border: none; background: none; height: auto; }
#b-galleryitem #detail { float: left; text-align: center; width: 600px; margin: 0; padding: 7px 0; font-size: 10px; color: #000; }
#b-galleryitem #detail img { margin: 0 5px; }
#b-galleryitem #detail p { padding: 0 5px; }
#b-galleryitem #detail_caption { padding: 7px 0; text-align: center; }
#b-galleryitem #detail_caption p { margin: 0; padding: 0; }
#b-galleryitem #info { margin: 0 10px 0 605px; padding: 7px 0; font-size: 11px; color: #033; }
#b-galleryitem #info .info_block { padding: 4px 0; }
#b-galleryitem #info p { margin: 0; padding: 0; }
#b-galleryitem #info .item_comment p { margin: 7px 0; }
#b-galleryitem #info #info_links { padding: 0 0 4px 0; }
#b-galleryitem #info #info_links a { font-size: 12px; color: #033; text-decoration: underline; }
#b-galleryitem #footer { position: fixed; bottom: 0; width: 100%; background-color: #fff; text-align: left; padding: 0; background: none; }
#b-galleryitem #footer p { margin: 0 5px; background: #fff; }
#b-galleryitem #footer a { font-size: 10px; color: #33c; }
#b-galleryitem .hr { width: 330px; padding: 0 0 14px 0; border-top: 1px solid #e8a343; }
#b-galleryitem .thumbnail_row { float: left; width: 375px; margin-bottom: 5px; }
#b-galleryitem .thumbnail_row div { float: left; width: 125px; height: 182px; overflow: hidden; text-align: center; }
#b-galleryitem .thumbnail_row img { border: 1px solid #000; }
#b-galleryitem.churches_itempopup #detail { width: 385px; }
#b-galleryitem.churches_itempopup #info { margin: 0 10px 0 390px; }
#b-galleryitem.visits_itempopup #detail { width: 500px; }
#b-galleryitem.visits_itempopup #info { margin: 0 10px 0 505px; }
#b-galleryitem em {font-style: normal;}

/* SEARCH RESULTS */
.sitesearch_results li { font-size: 11px; }
.sitesearch_results li a { color: #33c; }

/* MISC USEFUL STUFF */
.div_clear { clear: both; width: 100%; height: 1px; font-size: 1%; line-height: 1%; }

/* LIGHTBOX */
.lightbox_caption { font-size: 10px; }
.lightbox_footer { margin-top: 5px; }
.lightbox_footer a { font-size: 8px; color: #333; text-decoration: none; }
.lightbox_footer a:hover { text-decoration: underline; }

/* GOOGLE TRANSLATE WIDGET */
#google_wrapper { width: 100%; text-align: center; }

/* MESSAGES */
ul.messagelist { padding: 0 0 5px 0; margin: 0; }
ul.messagelist li { font-size: 12px; display: block; padding: 4px 5px 4px 25px; margin: 0 0 3px 0; color: #792412; background: #ffc url(/adm/img/admin/icon_success.gif) 5px .3em no-repeat; }
ul.messagelist li.warning{ background-image: url(/adm/img/admin/icon_alert.gif); }
ul.messagelist li.error{ background-image: url(/adm/img/admin/icon_error.gif); }

/* HTML ERRORS */
.htmlerror { padding: 0 1em; }
.htmlerror h1 { margin-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 25px; color: #f33; }
.htmlerror h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #f33; }
.htmlerror em { color: #f33; }
.htmlerror .button { font-size: 14px; padding: 4px; margin: 6px 0 0 120px; }

/* HTML 3.2 FIXES */
*[align=left] { text-align: left; }
*[align=middle], *[align=center] { text-align: center; }
*[align=right] { text-align: right; }
*[border=1], img[border=1] { border: 1px solid #000; }
*[clear=left] { clear: left; }
*[clear=right] { clear: right; }
*[clear=all] { clear: both; }
table table { display: inline-block; }
center { text-align: center; }

/* FLOATS, ALIGNS, AND CLEARS */
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

.float-right { float: right; }
.float-left { float: left; }
.clear-left { clear: left; }
.clear-right {clear: right; }
.clear { clear: both; }

.image-left-pad { float: left; margin: 4px 10px 4px 0px; clear:both;}
.image-right-pad { float: right; margin: 4px 0px 4px 10px; clear:both;}
.image-center-pad { margin: 4px 0 4px 0; text-align: center; width: 100%; clear:both;}

/* THREE COL */
#threecol_leftside {
    width: 200px;
    float:left;
    padding-right: 5px;
    padding-top: 5px;
}
#threecol_rightside {
    margin: 0 0 0 200px;
    padding-left: 20px;
    padding-top: 5px;
}

#threecol_rightside .item { clear: none; }
#threecol_rightside .list_footer { clear: none; }
#ecard_recaptcha label {
  display: inline-block;
  font-weight: 600;
  width: 20%;
}
#ecard_recaptcha input {
    display: block;
    width: 39%;
}