* { 
margin: 0; padding: 0;}

html { 
min-height: 100%; margin: 0 0 1px; font-size: 100.01%;}
body { 
background: #141654; font-size: 0.625em;}

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none;} }

body, textarea, input, select, option, button { 
color: #000; font-family: Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.3;}
li, dt, dd, p, th, td, caption, pre, blockquote { 
font-size: 1.2em;}
blockquote p { font-size: 1em;}
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { 
margin-bottom: 15px;}

a { 
color: #003386; text-decoration: none;}
a:hover, a:focus, a:active { 
text-decoration: underline;}
a:visited { 
color:#7c1c51;}

ul, ol, dd, blockquote { 
padding-left: 40px;}
ul ul, ol ol, ul ol, ol ul { 
margin-bottom: 0;}
li *, li p, li li, dt *, dd *, p *, th *, td * { 
font-size: 1em;}

#content p.adr { padding-left: 40px;}

img { 
border: none; -ms-interpolation-mode: bicubic;}
pre { 
font-family: "Courier New",monospace; white-space: pre-wrap;}
code { 
font-family: "Courier New",monospace; white-space: pre-wrap; font-size: 1em;}
table { 
border-collapse: collapse; border-spacing: 0;}
button { 
overflow: visible; padding: 0; cursor: pointer;} button::-moz-focus-inner { 
padding: 0; border: none;}

hr { 
overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc;}
*:first-child+html hr { 
margin: -7px 0 8px !important;}
.offset { 
position: absolute !important; left: -10001px !important; overflow: hidden !important;}
.offsetprint { 
position: absolute !important; left: -10001px !important; overflow: hidden !important;}
.nowrap { 
white-space: nowrap;}
p#printlogo {
display:none;}
.clearing {
clear:both;} 
.lift12 {
margin-top: -12px;} 
body.js-enabled #noscript { display:none;}


/* LAYOUT
------------------------------------------- */

#nav { 
width: 1000px; margin: 0 auto; padding: 5px 0; color: #fffaf1; font-size: 1.1em; text-align: right; font-weight: bold; line-height: 1; text-transform: uppercase;}

#nav a { 
color: #fffaf1; padding-right:7px; background-image:url(//channing.uua.org/images/template/pipe.gif); background-position:right; background-repeat:no-repeat;}

#nav a#home { 
position: relative; left: -47em; background:transparent;}

body#homebody #nav a#home { 
display: none;}

#nav a#last { 
color: #fffaf1; background:transparent;}

#root { 
width: 1000px; margin: 0 auto 10px; background: #fffaf1 url(//channing.uua.org/images/template/container-bkgd-1000.jpg) repeat-y; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; overflow: hidden;}

#top { 
position: relative; height: 90px;}
.satellite #top, .app #top { 
position: relative; height: 50px;}

#logo { 
position: absolute; top: 10px; left: 10px; width: 538px; height: 72px; background: url(//channing.uua.org/images/template/logo-uua.png) no-repeat; background-position: 0 -72px;}
#logo a { 
display: block; width: 100%; height: 100%; text-indent: -999em; overflow: hidden;}

body.satellite #satellite-logo, body.app #satellite-logo { 
position: absolute; top: 10px; left: 14px;}
body.satellite #uua-logo, body.app #uua-logo { 
position: absolute; top: 10px; right: 14px;}

#top .site-search { 
display: block; position: absolute; right: 90px; top: 34px;}
#top .site-search input { 
padding: 2px; border: 1px solid #7e9db9; width: 130px;}
#top .site-search button { 
text-transform: uppercase; width: 35px; padding: 0; text-decoration:none; margin: 0 0 0 3px;}

body#homebody #top .site-search { 
right: 90px;}
body#homebody #top .site-search input { 
width: 130px;}

#content { 
display: inline; float: left; width: 700px; margin: 0 0 0 12px; padding: 0;}

#button { 
display: inline; float: right; width: 260px; margin: 0 12px 0 0;}

#footer { 
color: #fffaf1; width: 1000px; text-align: center; margin: 0 auto; padding: 0 0 15px;}

#footer p { 
color: #fffaf1; max-width: 1000px; text-align: center; font-size: 1em; margin: 0;}
#footer p a { color: #fffaf1;}
#footer p.nav { margin: 0 0 1em;}

/* LAYOUT FOR POPUP WINDOWS
------------------------------------------- */

body.popup-image #root, body.popup-text #root, body.popup-slideshow #root { 
width: 600px; margin-top: 8px; font-size: 1.2em;}

body.popup-video #root { 
width: 750px; margin-top: 8px; font-size: 1.2em;}

body.popup-image p#logo, body.popup-text p#logo, body.popup-slideshow p#logo, body.popup-video p#logo { 
background: none;}

body.popup-image .more, body.popup-text .more, body.popup-slideshow .more { 
font-size: 1em; float: right; margin: 0 14px 14px 0;}
body.popup-video .more { 
font-size: 1em; text-align: center; margin: 8px auto 14px auto;}
body.popup-image #image, body.popup-slideshow #image { 
text-align: center; clear: both;} 
body.popup-text #content { 
text-align: left; font-size: .9em; clear: both; margin: 10px; width: 580px; overflow: hidden;}
body.popup-slideshow #thumb { 
text-align: center; clear: both; margin: auto;}
body.popup-video #content { 
text-align: center; clear: both; margin: 8px auto 0 auto; width: 750px;}
body.popup-video #player { 
text-align: center; margin: 0 auto;}
body.popup-slideshow #thumb img { 
padding: 2px;}
body.popup-image #logo, body.popup-text #logo, body.popup-slideshow #logo, body.popup-video #logo { 
position: relative; top: 10px; left: 10px; width: 298px; height: 51px; float: left;}
body.popup-video #logo a { 
display: block; width: 100%; height: 100%; background: url(//channing.uua.org/images/template/logo-sub-opaque.gif) no-repeat; 
text-indent: -999em; overflow: hidden;}
body.popup-image p#sectionheader, body.popup-text p#sectionheader, body.popup-slideshow p#sectionheader, body.popup-video p#sectionheader {
float: right;  margin: .5em 1em; padding: 0; font-size: 1.8em; color: #003386; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif;}
body.popup-image h1#title, body.popup-text h1#title, body.popup-slideshow h1#title, body.popup-video h1#title {
margin: -4px auto 4px auto; font-size: 1.6em; color: #003386; font-family: Tahoma, Arial, Helvetica, sans-serif;}
body.popup-image h2, body.popup-text h2, body.popup-slideshow h2, body.popup-video h2 {
font-size: 1.4em;}
body.popup-video .share { 
clear:both; display: block; float: right; margin-right: 14px; margin-top: -42px; font-size:.9em; z-index:300;}
body.popup-video .share img { 
float: left; margin: 0 -2px 0 0; vertical-align: middle;}

img#slideshow-thumbnail {
height: 120px; width: 120px; padding: .35em;}

img#slideshow-image {
max-width: 100%;}

/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { 
font-family: Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif; text-decoration: none;}

h1 { font-size: 2.2em;}
h2 { font-size: 1.4em; color: #003386;}
h2.section-head, body#orangerelatedbody .content-box h2.section-head, body#orangebody .content-box h2.section-head, body#greenrelatedbody .content-box h2.section-head, body#greenbody .content-box h2.section-head, body#graperelatedbody .content-box h2.section-head, body#grapebody .content-box h2.section-head, body#roserelatedbody .content-box h2.section-head, body#rosebody .content-box h2.section-head, body#royalrelatedbody .content-box h2.section-head, body#royalbody .content-box h2.section-head, body#violetrelatedbody .content-box h2.section-head, body#violetbody .content-box h2.section-head, body#tealrelatedbody .content-box h2.section-head, body#tealbody .content-box h2.section-head, body#iamsubrelatedbody .content-box h2.section-head, body#iamsubbody .content-box h2.section-head { 
position: relative; top: -14px; left: -14px; margin: 0 -28px 0 0; height: 28px; padding: 0 14px; width: 100%; color: #fffaf1; background: #002b72 url(//channing.uua.org/images/template/content-bkgd-headers.png) repeat-x; font: bold 1.4em/2 Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif; border-top-left-radius: 14px; -moz-border-radius-topleft: 14px; -webkit-border-top-left-radius: 14px; border-top-right-radius: 14px; -moz-border-radius-topright: 14px; -webkit-border-top-right-radius: 14px;}

body#orangerelatedbody .donate-box h2.section-head, body#orangebody .donate-box h2.section-head, body#greenrelatedbody .donate-box h2.section-head, body#greenbody .donate-box h2.section-head, body#graperelatedbody .donate-box h2.section-head, body#grapebody .donate-box h2.section-head, body#roserelatedbody .donate-box h2.section-head, body#rosebody .donate-box h2.section-head, body#royalrelatedbody .donate-box h2.section-head, body#royalbody .donate-box h2.section-head, body#violetrelatedbody .donate-box h2.section-head, body#violetbody .donate-box h2.section-head, body#tealrelatedbody .donate-box h2.section-head, body#tealbody .donate-box h2.section-head, body#iamsubrelatedbody .donate-box h2.section-head, body#iamsubbody .donate-box h2.section-head { 
height: 38px; padding: 2px 14px; background: #c0004e url(//channing.uua.org/images/template/buttons/donate_now_bkgd.gif) repeat-x; font: bold 1.8em/2 Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif; text-align:center;}

h3 { font-size: 1.1em; margin: 0;}
h4 { font-size: 1.0em;}
h5 { font-size: 1.0em;}
h6 { font-size: 1.0em;}

.page-subnav-container h1 { font-size: 2.2em; margin: 0 0 12px 0;}
.page-subnav-container h2 { font-size: 1.8em; color: #003386; margin: 0 0 12px 0;}
.page-subnav-container h3 { font-size: 1.6em; font-weight: bold; margin: 0 0 12px 0;}
.page-subnav-container h4 { font-size: 1.4em; font-weight: bold; margin: 0 0 12px 0;}
.page-subnav-container h5 { font-size: 1.4em; font-weight: bold; font-style: italic; margin: 0 0 12px 0;}
.page-subnav-container h6 { font-size: 1.4em; font-weight: normal; font-style: italic; margin: 0 0 12px 0;}
.page-subnav-container a { text-decoration: underline;}

/* CONTENT CONTAINERS
----------------------------------------------- */

/*sectionphoto */

#sectionphoto { 
display:block; width: 698px; height: 109px; margin: 0 0 0 -14px;}

body#orangerelatedbody #sectionphoto, body#orangebody #sectionphoto { 
border-bottom:#d47d17 2px solid;}
body#tealrelatedbody #sectionphoto, body#tealbody #sectionphoto { 
border-bottom:#006984 2px solid;}
body#graperelatedbody #sectionphoto, body#grapebody #sectionphoto { 
border-bottom:#7c1c51 2px solid;}
body#greenrelatedbody #sectionphoto, body#greenbody #sectionphoto { 
border-bottom:#5b8772 2px solid;}
body#roserelatedbody #sectionphoto, body#rosebody #sectionphoto { 
border-bottom:#9c332d 2px solid;}
body#royalrelatedbody #sectionphoto, body#royalbody #sectionphoto { 
border-bottom:#17226d 2px solid;}
body#violetrelatedbody #sectionphoto, body#violetbody #sectionphoto { 
border-bottom:#6c3061 2px solid;}

/*containers */

#page-content {
width: 470px; margin: 0; padding: 10px 0 0 2px; clear: both; float: right;}

body#relatedbody #page-content, body#orangerelatedbody #page-content, body#greenrelatedbody #page-content, body#graperelatedbody #page-content, body#roserelatedbody #page-content, body#royalrelatedbody #page-content, body#violetrelatedbody #page-content, body#tealrelatedbody #page-content, body#iamsubrelatedbody #page-content, body#homerelatedbody #page-content {
width: 660px;}

.content-box { 
position: relative; z-index:0; background: #fffaf1; padding: 14px 14px 0; margin: 0 0 14px; border: 1px solid #5a597e; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;}
.content-box .images { 
padding-bottom: 14px;}
.donate-box { 
position: relative; z-index:0; background: #fffaf1; padding: 14px 14px 0; margin: 0 0 14px; border: 1px solid #c0004e; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;}
.nav-box { 
padding: 10px 14px 0 14px; position: relative; margin: 0 0 14px 0; border-radius: 0 0 14px 0; -moz-border-radius: 0 0 14px 0; -webkit-border-radius: 0 0 14px 0;}
.page { 
overflow: visible; z-index:1; margin: 0 0 14px 0; border: 1px solid #003386;  background: #fffaf1 url(//channing.uua.org/images/template/content-bkgd-headers.png) 0 -5px repeat-x; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;}

.page .page-subnav-container { 
clear: both; background: #fffaf1; padding: 15px 5px 0 5px; border-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px;}
.page #fplayer img { 
padding: 145px 0 0 207px;}
body#orangerelatedbody .page #fplayer img, body#greenrelatedbody .page #fplayer img, body#graperelatedbody .page #fplayer img, body#roserelatedbody .page #fplayer img, body#royalrelatedbody .page #fplayer img, body#violetrelatedbody .page #fplayer img, body#tealrelatedbody .page #fplayer img, body#iamsubrelatedbody .page #fplayer img { 
padding: 205px 0 0 287px;}

/** html .content-box, * html .content-box { 
height: 1%;}*/

.news-callout {
width: 100%; overflow: hidden; margin: 0 0 25px;}

.news-callout-last {
margin: 0;}
.news-callout .media, .curation-media {
float: left; width: 135px; height: 120px; overflow: hidden;}
.news-callout .news-blurb {
float: right; overflow: hidden; width: 530px;}
.news-callout .news-blurb h3 {
font-size: 1.4em; font-weight: bold; margin: 0 0 2px 0;}
.news-callout .news-blurb .share-more {
width: 100%; font-size: 1.1em; overflow: hidden; margin: -12px 0 0 0;}
.news-callout #player1 img, .news-callout #player2 img, .news-callout #player3 img {
padding: 25px 0 0 38px;}

.curation-blurb {
display: block; text-align: left; float: right; width: 335px;}
.curation-box p.share-more {
display: block; text-align: left; float: right; margin-top: -12px; font-size: 1.1em; width: 335px;}
.curation-blurb.no-img, .curation-box p.share-more.no-img {
width: 100%;}
.curation-box p.learn-more {
margin-top: -12px;}
body#homerelatedbody .curation-blurb, body#orangerelatedbody .curation-blurb, body#greenrelatedbody .curation-blurb, body#graperelatedbody .curation-blurb, body#roserelatedbody .curation-blurb, body#royalrelatedbody .curation-blurb, body#violetrelatedbody .curation-blurb, body#tealrelatedbody .curation-blurb, body#iamsubrelatedbody .curation-blurb, body#homerelatedbody .curation-box p.share-more, body#orangerelatedbody .curation-box p.share-more, body#greenrelatedbody .curation-box p.share-more, body#graperelatedbody .curation-box p.share-more, body#roserelatedbody .curation-box p.share-more, body#royalrelatedbody .curation-box p.share-more, body#violetrelatedbody .curation-box p.share-more, body#tealrelatedbody .curation-box p.share-more, body#iamsubrelatedbody .curation-box p.share-more {
width: 545px;}
body#homerelatedbody .curation-blurb.no-img, body#orangerelatedbody .curation-blurb.no-img, body#greenrelatedbody .curation-blurb.no-img, body#graperelatedbody .curation-blurb.no-img, body#roserelatedbody .curation-blurb.no-img, body#royalrelatedbody .curation-blurb.no-img, body#violetrelatedbody .curation-blurb.no-img, body#tealrelatedbody .curation-blurb.no-img, body#iamsubrelatedbody .curation-blurb.no-img, body#homerelatedbody .curation-box p.share-more.no-img, body#orangerelatedbody .curation-box p.share-more.no-img, body#greenrelatedbody .curation-box p.share-more.no-img, body#graperelatedbody .curation-box p.share-more.no-img, body#roserelatedbody .curation-box p.share-more.no-img, body#royalrelatedbody .curation-box p.share-more.no-img, body#violetrelatedbody .curation-box p.share-more.no-img, body#tealrelatedbody .curation-box p.share-more.no-img, body#iamsubrelatedbody .curation-box p.share-more.no-img {
width: 100%;}
.curation-box img {
width: 120px;}
#button .curation-box .clearing {
height: 2px;}
#button .curation-blurb {
width: 166px;}
#button .curation-box p.share-more {
width: 166px; margin-top: -14px;}
#button .curation-box p.learn-more {
margin-top: 0;}
#button .curation-media {
width: 64px; padding-top: 3px; height: 60px; overflow: hidden;}
#button .curation-box img {
width: 60px;}
#button .curation-box h3 {
display: block; width: 166px; text-align: left; float: right;}
#button .curation-blurb.no-img, #button .curation-box p.share-more.no-img, #button .curation-box h3.no-img {
width: 100%;}

.section-search { 
}
.section-search p.more { 
text-align: right; font-size:1.1em;}

.most-viewed { 
width: 100%; overflow: hidden;}

.most-viewed ul { 
padding: 0; list-style: none;}
.most-viewed .col { 
float: left; width: 155px; margin: 0 15px 0 0;}
.most-viewed .col-wide { 
float: left; width: 445px; margin: 0 15px 0 0;}
.most-viewed .col-last { 
width: 155px; margin: 0;}
.most-viewed .col h3 { 
font-size: 1.1em; font-weight: bold; margin: 0 0 12px 0;}
.most-viewed .col li { 
font-size: 1.1em; font-weight: normal; margin: 0;}
.most-viewed .col p { 
font-size: 1.1em; margin: 0;}
.most-viewed .col ul { margin-top: -12px;}

.video-box { }
.video-box h3 { 
font-size: 1.1em; font-style: italic; margin: 0 0 5px;}
.video-box .media { 
text-align: center; margin: 0 0 10px;}
.video-box .share-more { 
width: 100%; overflow: hidden; font-size: 1.1em;}
.video-box .share-more a { 
float: left;}
.video-box .share-more img { 
float: left; margin: 0 5px 0 0; vertical-align: middle;}
.video-box .share-more a.more { 
float: right;}
.video-box #fplayer img, .video-box #player1 img, .video-box #player2 img, .video-box #player3 img, .video-box #player4 img, .video-box #player5 img, .video-box #player6 img { 
padding: 60px 0 0 87px;}
.video-help { 
display: block; height: 18px; width: 22px; background: url(//channing.uua.org/images/template/icons/question_mark.png) no-repeat top right; float: right;}

.updated-box { }
.updated-box h3 { 
font-size: 1.1em; margin: 0 0 14px;}

/* ***** Two-Column Format 330-wide 235-normal ***** */
body#homebody .rightcolumn, body#orangebody .rightcolumn, body#greenbody .rightcolumn, body#grapebody .rightcolumn, body#rosebody .rightcolumn, body#royalbody .rightcolumn, body#violetbody .rightcolumn, body#tealrelatedbody .rightcolumn, body#tealbody .rightcolumn, body#iamsubbody .rightcolumn{ 
float: right; width: 230px; padding-left: 5px; word-wrap: break-word;}
body#homebody .leftcolumn, body#orangebody .leftcolumn, body#greenbody .leftcolumn, body#grapebody .leftcolumn, body#rosebody .leftcolumn, body#royalbody .leftcolumn, body#violetbody .leftcolumn, body#tealrelatedbody .leftcolumn, body#tealbody .leftcolumn, body#iamsubbody .leftcolumn { 
float: left; width: 235px; word-wrap: break-word;}

body#homerelatedbody .rightcolumn, body#orangerelatedbody .rightcolumn, body#greenrelatedbody .rightcolumn, body#graperelatedbody .rightcolumn, body#roserelatedbody .rightcolumn, body#royalrelatedbody .rightcolumn, body#violetrelatedbody .rightcolumn, body#tealrelatedbody .rightcolumn, body#iamsubrelatedbody .rightcolumn{ 
float: right; width: 325px; padding-left: 5px; word-wrap: break-word;}
body#homerelatedbody .leftcolumn, body#orangerelatedbody .leftcolumn, body#greenrelatedbody .leftcolumn, body#graperelatedbody .leftcolumn, body#roserelatedbody .leftcolumn, body#royalrelatedbody .leftcolumn, body#violetrelatedbody .leftcolumn, body#tealrelatedbody .leftcolumn, body#iamsubrelatedbody .leftcolumn { 
float: left; width: 330px; word-wrap: break-word;}

.leftcolumn ul li ul, .rightcolumn ul li ul {
margin-left: -2em;}

/* NAVIGATION
----------------------------------------------- */

/* site navigation, contains sitenav
----------------------------------------------- */
#sitenavcontainer { position: relative; margin: 0 0 0 12px; height: 30px; max-width: 978px; overflow: visible; z-index: 5000;}

#sitenav { float:left; min-height: 24px; padding:0; margin: -1px 0 0; list-style:none; width: 100%;}

#sitenav h3, #sitenav h4 { font-size: 1em; margin: 0 2px;}

#sitenav .handheld { display: none;}

#sitenav li { 
position: relative; float:left; height: 100%; margin: 0 1px 0 0; font-size: 1.1em; padding:0; font-weight: bold; background-image: url(http://img.uua.org/images/sitenav_fan_14.png); background-repeat: repeat-y; background-position: 0 50%;}
#sitenav ul li { 
border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;}

#sitenav li a { 
float: left; display: block; text-decoration: none; color: #fffaf1; height: 100%; line-height: 24px; padding: 0 1px 0 16px;}
html* #sitenav li a { }

#sitenav #orangesub, #sitenav #orangesub li { width: 14%; float:left; 
background-color: #d47d17;  border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;}
#sitenav #orangesub a:hover, #sitenav #orangesub a:focus, #sitenav #orangesub a:active { 
color: #f2d8ba;}
#sitenav #orangesub ul li { width: 70%; background-color: #f2d8ba; background-image: url(//channing.uua.org/images/template/content-bkgd-vis-menu.gif); background-repeat: repeat-y; background-position: 0 50%; border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0;}
#sitenav #orangesub ul li a { 
color: #57320e;}
#sitenav #orangesub ul li a:hover, #sitenav #orangesub ul li a:focus, #sitenav #orangesub ul li a:active { 
color: #000;}
#sitenav #orangesub ul li:hover { 
background-color: #ecc699;}

#sitenav #tealsub, #sitenav #tealsub li { 
background-color: #006984; width: 11%; float:left;}
#sitenav #tealsub a:hover, #sitenav #tealsub a:focus, #sitenav #tealsub a:active { 
color: #b3d3db;} 
#sitenav #tealsub ul li { 
width: 80%; background-color: #b3d3db; background-image: url(//channing.uua.org/images/template/content-bkgd-iam-menu.gif); background-repeat: repeat-y; background-position: 0 50%;}
#sitenav #tealsub ul li a { 
color: #002e3b;}
#sitenav #tealsub ul li a:hover, #sitenav #tealsub ul li a:focus, #sitenav #tealsub ul li a:active { 
color: #000;}
#sitenav #tealsub ul li:hover { 
background-color: #8fbdca;}

#sitenav #grapesub, #sitenav #grapesub li { 
background-color: #7c1c51; width: 20%; float:left;}
#sitenav #grapesub a:hover, #sitenav #grapesub a:focus, #sitenav #grapesub a:active { 
color: #d8bbcb;} 
#sitenav #grapesub ul li { width: 75%; background-color: #d8bbcb; background-image: url(//channing.uua.org/images/template/content-bkgd-lead-menu.gif); background-repeat: repeat-y; background-position: 0 50%;}
#sitenav #grapesub ul li a { 
color: #4a1130;}
#sitenav #grapesub ul li a:hover, #sitenav #grapesub ul li a:focus, #sitenav #grapesub ul li a:active { 
color: #000;}
#sitenav #grapesub ul li:hover { 
background-color: #c69bb3;}

#sitenav #greensub, #sitenav #greensub li { 
background-color: #5b8772; width: 14%; float:left;}
#sitenav #greensub a:hover, #sitenav #greensub a:focus, #sitenav #greensub a:active { 
color: #cedbd5;} 
#sitenav #greensub ul li { width: 75%; background-color: #cedbd5; background-image: url(//channing.uua.org/images/template/content-bkgd-mem-menu.gif); background-repeat: repeat-y; background-position: 0 50%;}
#sitenav #greensub ul li a { 
color: #273b31;}
#sitenav #greensub ul li a:hover, #sitenav #greensub ul li a:focus, #sitenav #greensub ul li a:active { 
color: #000;}
#sitenav #greensub ul li:hover { 
background-color: #abcab9;}

#sitenav #rosesub, #sitenav #rosesub li { 
background-color: #9c332d; width: 13%; float:left;}
#sitenav #rosesub a:hover, #sitenav #rosesub a:focus, #sitenav #rosesub a:active { 
color: #e9c4c3;}
#sitenav #rosesub ul li { width: 80%; background-color: #e9c4c3; background-image: url(//channing.uua.org/images/template/content-bkgd-rose-menu.gif); background-repeat: repeat-y; background-position: 0 50%;}
#sitenav #rosesub ul li a { 
color: #69221e;}
#sitenav #rosesub ul li a:hover, #sitenav #rosesub ul li a:focus, #sitenav #rosesub ul li a:active { 
color: #000;}
#sitenav #rosesub ul li:hover { 
background-color: #dfa8a6;}


#sitenav #royalsub, #sitenav #royalsub li { 
background-color: #17226d; width: 12%; float:left;}
#sitenav #royalsub a:hover, #sitenav #royalsub a:focus, #sitenav #royalsub a:active { 
color: #b7bbd7;}
#sitenav #royalsub ul li { width: 67%; background-color: #b7bbd7; background-image: url(//channing.uua.org/images/template/content-bkgd-royal-menu.gif); background-repeat: repeat-y; background-position: 0 50%;}
#sitenav #royalsub ul li a { 
color: #17226d;}
#sitenav #royalsub ul li a:hover, #sitenav #royalsub ul li a:focus, #sitenav #royalsub ul li a:active { 
color: #000;}
#sitenav #royalsub ul li:hover { 
background-color: #959bc4;}

#sitenav #violetsub, #sitenav #violetsub li { width: 15%; float:left; background-color: #6c3061; border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;}
#sitenav #violetsub a:hover, #sitenav #violetsub a:focus, #sitenav #violetsub a:active { 
color: #c3abbf;}
#sitenav #violetsub ul li { width: 62%; background-color: #ead9ee; background-image: url(//channing.uua.org/images/template/content-bkgd-violet-menu.gif); background-repeat: repeat-y; background-position: 0 50%;}
#sitenav #violetsub ul li a { 
color: #6c3061;}
#sitenav #violetsub ul li a:hover, #sitenav #violetsub ul li a:focus, #sitenav #violetsub ul li a:active { 
color: #000;}
#sitenav #violetsub ul li:hover { 
background-color: #c3abbf;}

#sitenav li ul { 
position:absolute; z-index:1000; left:-999em; top: 24px; height: auto; width: 21em; margin:0; padding: 0; overflow:hidden;}
#sitenav li:hover ul, #sitenav li.hover ul { 
left: 0;} 

#sitenav li ul li { 
float: none; padding: 0 1em 0 0; margin: 0; background-image: none; border-top: 1px solid #fff; font-weight: normal; font-size: 1em; zoom: 1;}
#sitenav li ul li a { 
float: none; padding: 5px 4px 5px 8px; height: auto; line-height: 1.25; font-size: 1em; zoom: 1;}

/* left-hand navigation container
----------------------------------------------- */
#subnavcontainer { 
position: relative; width:163px; float: left; z-index:1; margin: -16px 0 14px -20px;}

ul#subnav { 
list-style-type: none; margin: 8px 0 18px -1em; padding: 0;}

ul#subnav li { 
/* for IE6 and all*/
font-size: 1.1em; color: #000; text-indent: 0; margin:0 0 8px 1em; padding:0;}
ul#subnav > li { 
/* for non ie6*/
margin:0 0 8px .6em;}

/* sub nav link styles 
----------------------------------------------- */
ul#subnav li a {font-weight: normal; color: #000;}
ul#subnav li a:link, ul#subnav li a:visited { text-decoration: none;}
ul#subnav li a:hover, ul#subnav li a:active { text-decoration: underline;}

ul#subnav li.subnavsub { 
list-style-type:circle; margin: 0 0 .7em 2.5em; padding: 0; text-indent: 0;}
ul#subnav li ul { 
margin:.7em 0 0 15px; padding:0;}
ul#subnav li ul li { 
font-size: 100%; list-style-type: disc; margin: 0 0 .7em 0; padding: 0 0 0 -.4em; text-indext: 0;}
ul#subnav li ul li a, ul#subnav li ul li a:link, ul#subnav li ul li a:visited { 
font-weight: normal;}
ul#subnav li ul li a:hover, ul#subnav li ul li a:active { 
text-decoration: underline;}
ul#subnav ul { 
margin:0 0 0 25px; padding:0;}
ul#subnav ul li { 
font-size: 78%; list-style-type: disc; margin: 0 0 0 -.2em; padding: 0 0 0 -.4em; text-indent: 0;}
ul#subnav ul li a { 

font-weight: normal; color: #000; background:none; text-decoration: none;}
ul#subnav ul li a:hover, ul#subnav ul li a:active { 
text-decoration: underline;}

/* BREADCRUMBS
----------------------------------------------- */
p#breadcrumbs { font-size: 1em; margin: -12px 0 0 0; padding: 2px 5px 15px 0; width: 320px;}
body#relatedbody p#breadcrumbs, body#orangerelatedbody p#breadcrumbs, body#greenrelatedbody p#breadcrumbs, body#graperelatedbody p#breadcrumbs, body#roserelatedbody p#breadcrumbs, body#royalrelatedbody p#breadcrumbs, body#violetrelatedbody p#breadcrumbs, body#tealrelatedbody p#breadcrumbs, body#iamsubrelatedbody p#breadcrumbs, body#homerelatedbody p#breadcrumbs {
width: 520px;}

/* PRINT BUTTON
----------------------------------------------- */
#print { 
font-size: 1em; float: right; width: 55px; margin: -15px auto auto 10px;} 

#print a img {vertical-align:middle;}
#print a:link {color: #003386; text-decoration:none;}
#print a:visited {color: #003386; text-decoration:none;}
#print span.nounderline {text-decoration: none;}
#print a:active, #print a:hover {color: #003386; text-decoration:underline;}
#print { display: none;} /* replaced by #print-share */

/* SHARE BUTTON
----------------------------------------------- */
#page-content .st_sharethis p { 
margin: 0;} 
#page-content .share { 
margin: -12px auto auto 10px; float: right; display: block; font-size: .8em; width: 55px;} 
#page-content .st_sharethis a {color: #003386; text-decoration:none; margin: 0; position: relative; top: 2px; float: right;}
#page-content .st_sharethis a:visited {color: #003386; text-decoration:none;}

#page-content .st_sharethis a:active, #page-content .st_sharethis a:hover, #top .st_sharethis a:active, #top .st_sharethis a:hover {
color: #003386; text-decoration:underline; cursor: pointer;}

#page-content .stButton, #top .stButton { color:#003386; float:left; !important }
#page-content .chicklets .sharethis { }

#top .st_sharethis { 
display: block; position: absolute; left: 920px; top: 34px; font-size: .9em; width: 70px;}
#top .st_sharethis p { 
margin: 0;} 
#top .st_sharethis a { 
right: 10px; position:relative; top: 1px; float: right;}

/* ANNOUNCEMENT
----------------------------------------------- */
#announcement-text { 
display:block;}
#announcement-text a { 
text-decoration: none;}
#announcement-text a:hover, #announcement-text a:active { 
text-decoration: underline;}

#announcement-text { 
background-color:#ffd891; padding: 3px; border-bottom: 1px #333; border-top: none; text-align:center; margin-bottom: 6px; margin-top: 0;}
#announcement-text h1, #announcement-text h2, #announcement-text h3, #announcement-text h4, #announcement-text p, #announcement-text ul, #announcement-text ol, #announcement-text li {
display: inline; margin-right: 2px;}
#announcement-text h1, #announcement-text h2, #announcement-text h3, #announcement-text h4 {
font-size: 1.4em;}

/* QUOTE
----------------------------------------------- */
#quote { font-family: Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1.2em; line-height: 1.5em;}

/* For Tapestry of Faith
----------------------------------------------- */
.Quote { margin-right: 1em; margin-left: 3em;} 

/* Alphabetical Lists
----------------------------------------------- */

.alpha-item {
font-weight: bold; margin-bottom: 2px;}

/* color schemes for different sections based on body ids: use body ids of orangebody, greenbody, etc. */

/* ***** ORANGE ***** */
/* quote box */
body#orangebody #quote, body#orangerelatedbody #quote { 
background-color: #f2d8ba;}

/* section colors for boxes and headers*/
body#orangerelatedbody h2, body#orangebody h2, body#orangerelatedbody h2 { 
color: #d47d17;}

body#orangerelatedbody .section h2.section-head, body#orangebody .section h2.section-head { 
color: #fffaf1; background: #b46a13 url(//channing.uua.org/images/template/header-bkgd-orange.gif) repeat-x;}
body#orangerelatedbody .page, body#orangebody .page { 
background: #fffaf1 url(//channing.uua.org/images/template/header-bkgd-orange.gif) repeat-x;}
body#orangerelatedbody .section, body#orangebody .section { 
border: 1px solid #b46a13;}

/* subnav background and visited link color */
body#orangebody #subnavcontainer, body#orangerelatedbody #subnavcontainer { 
background-color: #f2d8ba; background-image:url(//channing.uua.org/images/template/nav-bkgd-orange.gif); background-position:bottom right; background-repeat:no-repeat;}

body#orangebody ul#subnav li a:visited, body#orangebody ul#subnav li ul li a:visited, body#orangebody #relatedcontent ul li a:visited, body#orangebody ul#connect-nav li a:visited, body#orangerelatedbody ul#subnav li a:visited, body#orangerelatedbody ul#subnav li ul li a:visited, body#orangerelatedbody #relatedcontent ul li a:visited { 
color: #57320e;}

/* ***** TEAL ***** */
/* quote box; set with no background by default*/
body#tealbody #quote, body#tealrelatedbody #quote, body#tealsubbody #quote, body#tealsubrelatedbody #quote { 
background-color: #b3d3db;}

/* section colors for boxes and headers*/
body#tealbody h2, body#tealsubrelatedbody h2, body#tealrelatedbody h2, body#tealsubbody h2 { 
color: #006984;}

body#tealsubrelatedbody .section h2.section-head, body#tealrelatedbody .section h2.section-head, body#tealbody .section h2.section-head, body#tealsubbody .section h2.section-head { 
color: #fffaf1; background: #005970 url(//channing.uua.org/images/template/header-bkgd-teal.gif) repeat-x;}
body#tealsubrelatedbody .page, body#tealrelatedbody .page, body#tealbody .page, body#tealsubbody .page { 
background: #fffaf1 url(//channing.uua.org/images/template/header-bkgd-teal.gif) repeat-x;}
body#tealsubrelatedbody .section, body#tealrelatedbody .section, body#tealbody .section, body#tealsubbody .section { 
border: 1px solid #005970;}

/* subnav background and visited link color */
body#tealbody #subnavcontainer, body#tealrelatedbody #subnavcontainer, body#tealsubbody #subnavcontainer, body#tealsubrelatedbody #subnavcontainer , body#tealrelatedbody #subnavcontainer { 
background-color: #b3d3db; background-image:url(//channing.uua.org/images/template/nav-bkgd-teal.gif); background-position:bottom right; background-repeat:no-repeat;}

body#tealbody ul#subnav li a:visited, body#tealbody ul#subnav li ul li a:visited, body#tealbody #relatedcontent ul li a:visited, body#tealsubbody ul#subnav li a:visited, body#tealsubbody ul#subnav li ul li a:visited, body#tealsubbody #relatedcontent ul li a:visited, body#tealsubbody ul#connect-nav li a:visited, body#tealrelatedbody ul#subnav li ul li a:visited, body#tealrelatedbody #relatedcontent ul li a:visited, body#tealrelatedbody ul#connect-nav li a:visited  { 
color: #002e3b;}

/* ***** GRAPE ***** */
/* quote box */
body#grapebody #quote, body#graperelatedbody #quote { 
background-color: #d8bbcb; border: solid 1px #7c1c51;}

/* section colors for boxes and headers*/
body#graperelatedbody h2, body#grapebody h2, body#graperelatedbody h2 { 
color: #7c1c51;}

body#graperelatedbody .section h2.section-head, body#grapebody .section h2.section-head { 
color: #fffaf1; background: #691845 url(//channing.uua.org/images/template/header-bkgd-grape.gif) repeat-x;}
body#graperelatedbody .page, body#grapebody .page { 
background: #fffaf1 url(//channing.uua.org/images/template/header-bkgd-grape.gif) repeat-x;}
body#graperelatedbody .section, body#grapebody .section { 
border: 1px solid #7c1c51;}

/* subnav background and visited link color */
body#grapebody #subnavcontainer, body#graperelatedbody #subnavcontainer { 
background-color: #d8bbcb; background-image:url(//channing.uua.org/images/template/nav-bkgd-grape.gif); background-position:bottom right; background-repeat:no-repeat;}

body#grapebody ul#subnav li a:visited, body#grapebody ul#subnav li ul li a:visited, body#grapebody #relatedcontent ul li a:visited, body#grapebody ul#connect-nav li a:visited, body#graperelatedbody ul#subnav li a:visited, body#graperelatedbody ul#subnav li ul li a:visited, body#graperelatedbody #relatedcontent ul li a:visited { 
color: #4a1130;}

/* ***** GREEN ***** */
/* quote box*/
body#greenbody #quote, body#greenrelatedbody #quote { 
background-color: #cedbd5; border: solid 1px #5b8772;}

/* section colors for boxes and headers*/
body#greenrelatedbody h2, body#greenbody h2, body#greenrelatedbody h2 { 
color: #5b8772;}

body#greenrelatedbody .section h2.section-head, body#greenbody .section h2.section-head { 
color: #fffaf1; background: #4d7261 url(//channing.uua.org/images/template/header-bkgd-green.gif) repeat-x;}
body#greenrelatedbody .page, body#greenbody .page { 
background: #fffaf1 url(//channing.uua.org/images/template/header-bkgd-green.gif) repeat-x;}
body#greenrelatedbody .section, body#greenbody .section { 
border: 1px solid #4d7261;}

/* subnav background and visited link color */
body#greenbody #subnavcontainer, body#greenrelatedbody #subnavcontainer { 
background-color: #cedbd5; background-image:url(//channing.uua.org/images/template/nav-bkgd-green.gif); background-position:bottom right; background-repeat:no-repeat;}

body#greenbody ul#subnav li a:visited, body#greenbody ul#subnav li ul li a:visited, body#greenbody #relatedcontent ul li a:visited, body#greenbody ul#connect-nav li a:visited, body#greenrelatedbody ul#subnav li a:visited, body#greenrelatedbody ul#subnav li ul li a:visited, body#greenrelatedbody #relatedcontent ul li a:visited { 
color: #273b31;}

/* ***** ROSE ***** */
/* quote box*/
body#rosebody #quote, body#roserelatedbody #quote { 
background-color: #e9c4c3; border: solid 1px #9c332d;}

/* section colors for boxes and headers*/
body#roserelatedbody h2, body#rosebody h2, body#roserelatedbody h2 { 
color: #9c332d;}

body#roserelatedbody .section h2.section-head, body#rosebody .section h2.section-head { 
color: #fffaf1; background: #842b26 url(//channing.uua.org/images/template/header-bkgd-rose.gif) repeat-x;}
body#roserelatedbody .page, body#rosebody .page { 
background: #fffaf1 url(//channing.uua.org/images/template/header-bkgd-rose.gif) repeat-x;}
body#roserelatedbody .section, body#rosebody .section { 
border: 1px solid #842b26;}

/* subnav background and visited link color */
body#rosebody #subnavcontainer, body#roserelatedbody #subnavcontainer { 
background-color: #e9c4c3; background-image:url(//channing.uua.org/images/template/nav-bkgd-rose.gif); background-position:bottom right; background-repeat:no-repeat;}

body#rosebody ul#subnav li a:visited, body#rosebody ul#subnav li ul li a:visited, body#rosebody #relatedcontent ul li a:visited, body#rosebody ul#connect-nav li a:visited, body#roserelatedbody ul#subnav li a:visited, body#roserelatedbody ul#subnav li ul li a:visited, body#roserelatedbody #relatedcontent ul li a:visited { 
color: #69221e;}

/* ***** ROYAL ***** */
/* quote box*/
body#royalbody #quote, body#royalrelatedbody #quote { 
background-color: #b7bbd7; border: solid 1px #17226d;}

/* section colors for boxes and headers*/
body#royalrelatedbody h2, body#royalbody h2, body#royalrelatedbody h2 { 
color: #17226d;}

body#royalrelatedbody .section h2.section-head, body#royalbody .section h2.section-head { 
color: #fffaf1; background: #131d5c url(//channing.uua.org/images/template/header-bkgd-royal.gif) repeat-x;}
body#royalrelatedbody .page, body#royalbody .page { 
background: #fffaf1 url(//channing.uua.org/images/template/header-bkgd-royal.gif) repeat-x;}
body#royalrelatedbody .section, body#royalbody .section { 
border: 1px solid #131d5c;}

/* subnav background and visited link color */
body#royalbody #subnavcontainer, body#royalrelatedbody #subnavcontainer { 
background-color: #b7bbd7; background-image:url(//channing.uua.org/images/template/nav-bkgd-royal.gif); background-position:bottom right; background-repeat:no-repeat;}

body#royalbody ul#subnav li a:visited, body#royalbody ul#subnav li ul li a:visited, body#royalbody #relatedcontent ul li a:visited, body#royalbody ul#connect-nav li a:visited, body#royalrelatedbody ul#subnav li a:visited, body#royalrelatedbody ul#subnav li ul li a:visited, body#royalrelatedbody #relatedcontent ul li a:visited { 
color: #17226d;}

/* ***** VIOLET ***** */
/* quote box*/
body#violetbody #quote, body#violetrelatedbody #quote { 
background-color: #ead9ee; border: solid 1px #6c3061;}

/* section colors for boxes and headers*/
body#violetrelatedbody h2, body#violetbody h2, body#violetrelatedbody h2 { 
color: #6c3061;}

body#violetrelatedbody .section h2.section-head, body#violetbody .section h2.section-head { 
color: #fffaf1; background: #5b2952 url(//channing.uua.org/images/template/header-bkgd-violet.gif) repeat-x;}
body#violetrelatedbody .page, body#violetbody .page { 
background: #fffaf1 url(//channing.uua.org/images/template/header-bkgd-violet.gif) repeat-x;}
body#violetrelatedbody .section, body#violetbody .section { 
border: 1px solid #5b2952;}

/* subnav background and visited link color */
body#violetbody #subnavcontainer, body#violetrelatedbody #subnavcontainer { 
background-color: #ead9ee; background-image:url(//channing.uua.org/images/template/nav-bkgd-violet.gif); background-position:bottom right; background-repeat:no-repeat;}

body#violetbody ul#subnav li a:visited, body#violetbody ul#subnav li ul li a:visited, body#violetbody #relatedcontent ul li a:visited, body#violetbody ul#connect-nav li a:visited, body#violetrelatedbody ul#subnav li a:visited, body#violetrelatedbody ul#subnav li ul li a:visited, body#violetrelatedbody #relatedcontent ul li a:visited { 
color: #6c3061;}

/*iamsubwidebody*/
body#iamsubwidebody #contentcontainer, body#iamsubrelatedbody #contentcontainer { 
background-image: none;}

/* TABLES AND FORMS
----------------------------------------------- */
table { }
table th, table td { }
table caption {
text-align: left; font-size: 1.1em; 
padding-bottom: 6px;}

table.data, table.data th, table.data td, table.tablesorter, table.tablesorter th, table.tablesorter td {
font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #003386; font-size: 1em; border-collapse: collapse; padding: 5px; border: 0px;}

table.data {
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
table.data tr th, table.tablesorter tr th  {
background-color: #b3c2db; border: 1px solid #003386; font-size: 1em; padding: 4px; vertical-align: top; text-align: left;}
table.data tr td, table.tablesorter tr td {
color: #000; padding: 4px; background-color: #fffaf1; border: 1px solid #003386; vertical-align: top;}

table.tablesorter td p {
margin: -8px 0 25px 0;}
table.tablesorter td h2 {
font-size: 1em; font-weight: bold;}
table.tablesorter td h3 {
font-size: 1em; font-weight: normal; margin: -24px auto 0;}
.odd {
background-color: #e1e8f5;}
.even {
background-color: #fffaf1;}

table.form, table.form th, table.form td {
font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #003386; font-size: 1em; border-collapse: collapse; padding: 5px; border: 0px;}

table.form {
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
table.form tr th {
background-color: #b3c2db; border: 1px solid #003386; font-size: 1em; padding: 4px 4px 12px 4px; vertical-align: top; text-align: left;}
table.form tr td {
color: #000; padding: 4px; background-color: #fffaf1; border: 1px solid #003386; vertical-align: top;}
.form_label { 
vertical-align:top; padding-bottom:6px; text-align: right; width: 30%; line-height: 1.5em;}
.form_help_text { 
font-size:smaller; text-align: left;}
.form_error  { 
font-size:smaller; font-weight:bold; color:#C00;}
.form_field { 
vertical-align:top; padding-bottom: 6px; width: 70%; line-height: 1.5em;}
.form_field_error { 
vertical-align:top; padding-bottom: 6px;}

.form_field .gsc-input {
max-width: 93%;}

select {
max-width: 95%;}

/* related organizations application styles */
#details_area {
margin-bottom: 12px;}

#det_name, #det_address, #det_city, #det_phone_1, #det_phone_2, #det_web_page, #det_fax, #det_email_1, #det_email_2, #notes  {
font-size: 1.2em;}

/* get to know us */
.get-to-know { 
width: 100%; overflow: hidden; line-height: 20px; margin: 0;}

body#homebody .not-on-home {
display: none;}

.get-to-know .more { 
font-size: 1.1em; line-height: 1.2em;}

/* find a cong */
.find-a-cong { }

.find-a-cong-box { 
margin: 0 auto; overflow: hidden; line-height: 20px;}

.find-a-cong-box p { 
position: relative; font-size: 1.1em; width: 100%; margin: 0 0 5px; text-align: right;}
.find-a-cong-box label { 
position: absolute; top: -999em; left: 10px;}
.find-a-cong-box input { 
width: 175px; padding: 2px; border: 1px solid #7f9db9;}
.find-a-cong-box select { 
width: 181px;}
.find-a-cong-box button { 
width: 35px; text-transform: uppercase; padding: 0; margin: 0 0 0 5px; text-decoration:none;}
html.js .find-a-cong-box p label.compact { 
top: 0px;}
.find-a-cong-box .more { 
font-size: 1em; margin: 0 0 14px 0;}

#map { 
margin-bottom: 6px;}
td.conglisting {
border-bottom: #ccc 1px solid;}

/* right module sidebar */
#button p { 
font-size: 1.1em;}

#button p.more, #button .more { 
text-align: right;}

#button .images {
padding-bottom: 14px;} 

#button .magnify { 
display: block; height: 18px; width: 22px; background: url(//channing.uua.org/images/template/icons/magnify.png) no-repeat top right; float: right;}

#button .donate { 
width: 263px; height: 50px; margin: 0 -3px 5px 0; font: bold 1.8em/45px Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;}

#button .donate a { 
display: block; width: 100%; height: 100%; background: url(//channing.uua.org/images/template/buttons/donate.png) no-repeat; text-align: center; color: #fffaf1;}

#button .pres-blog { 
width: 263px; height: 100px; margin: 0 -3px 8px 0; display: block;}

#button .pres-blog a { 
display: block; width: 100%; height: 100%; background: url(//channing.uua.org/images/template/buttons/pres-blog.png) no-repeat;  color: #fffaf1; padding: 18px 0 0 16px;}

#button .pres-blog h2 { 
text-align: left;  font-size:1.4em; line-height: 1.4em; color: #fffaf1;}

#button .pres-blog p { 
margin-left: 0px; display:block; width: 148px; margin-top: -8px; font-size:1.2em; line-height: 1.2em;}

/* other */
.connect-box { 
overflow: hidden;}
.connect-box h2 { 
float: left; margin: -10px 0 0 0;}
.connect-box ul { 
float: right; padding: 0; margin: -6px 0 3px -6px; list-style: none; text-align: center;}
.connect-box li { 
display: inline; margin: 0;}
.connect-box li img { 
border-width: 0;}
.connect-box .icon { 
margin: 0;}
.connect-box .more { 
clear:both; float: right; font-size: 1em; white-space: nowrap; margin: 0 0 14px 0;}

#footer .content-box {
background: none; margin: 0 auto 14px; border: none; display: inline-block;}

#footer .content-box h2 {
color: white; margin: 0;}

#button .rss-box p {
font-size: 1.1em;}
#button .rss-box h3 {
margin-bottom: 6px;}
body#homebody #button .rss-box h3 {
margin-bottom: 0;}
#button .rss-box ul.rss-items {
padding-left: 15px;}
#button .rss-box ul.rss-items li {
padding-bottom: 6px; font-size: 1.1em;}
.rss-box p.nag {
display: none;}

/* TWITTER 
----------------------------------------------- */
.tweet1-box, .tweet2-box, .tweet3-box { 
background: #002c73 !important; padding: 6px 0 !important; margin: 0 0 14px; border: none !important; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;}

/* previous next page links */
#previouspage { 
float: left; margin: 0em; padding: 0; font-size: 1.2em;}
#nextpage { 
float: right; margin: 0 0 16px 0; padding: 0; font-size: 1.2em;}

#back {
background: url(//channing.uua.org/images/template/back.gif) no-repeat left; padding-left: 8px;}
#next {
background: url(//channing.uua.org/images/template/next.gif) no-repeat right; padding-right: 8px;}

#thumbnails {
background: url(//channing.uua.org/images/template/thumbnails.gif) no-repeat left; padding-left: 12px;}

#slideshow-home {
background: url(//channing.uua.org/images/template/home.gif) no-repeat left; padding-left: 12px;}

/* page information */

.formore {
font-weight: bold; font-size: 1em; clear: both;}
.lastupdated, .madepossible {
font-size: 1em; clear: both;}
#page_navigation {
margin: -8px 0 12px 0; font-size: 1.2em;}

/* WORSHIPWEB 
----------------------------------------------- */
.ww_tab20, .ww_tab40, .ww_tab60, .ww_tab80 {
display: inline-block;}
.ww_tab20 { margin-left: 20px;}
.ww_tab40 { margin-left: 40px;}
.ww_tab60 { margin-left: 60px;}
.ww_tab80 { margin-left: 80px;}
.ww_source_label {
font-weight: bold; margin: auto 0.5em 0 auto; float: left;}

/* ***** Social Media Share and Follow Link Lists ***** */
#share-print { margin: -12px -2px 0 0;}
body.popup-video #share-print, body.popup-image #share-print, body.popup-text #share-print, body.popup-slideshow #share-print {margin: 20px 14px 0 0;}
#homebody #share-print {
position: absolute; left: 890px; top: 46px;}
#homebody #share-icon-pr, body.popup-video #share-icon-pr, body.popup-image #share-icon-pr, body.popup-text #share-icon-pr, body.popup-slideshow #share-icon-pr { display: none;}
ul#shareul {
list-style: none; display: block; float: right; margin: 0;}
ul#shareul li#shareli { display: inline; float: left;}
ul#followul {
list-style: none; display: block; float: left; margin: -2px 0 0 6px;}
ul#followul li#followli { display: inline; float: left; margin: 0 1px;}
ul#joinul {
list-style: none; margin: 0 0 15px 0;}
ul#joinul li#joinli { clear: both; margin: 0 0 14px -27px;}
li#joinli #icon-fb, li#joinli #icon-tw, li#joinli #icon-em, li#joinli #icon-pr, li#joinli #icon-rss, li#joinli #icon-yt, li#joinli #icon-blg, li#joinli #icon-pin { 
float: left; margin: 0 11px 14px 0;}
#icon-text { display: block; margin-left: 27px;}
#icon-fb, #share-icon-fb, #icon-tw, #share-icon-tw, #icon-em, #share-icon-em, #icon-pr, #share-icon-pr, #icon-rss, #icon-yt, #icon-blg, #icon-pin { 
background: url(//channing.uua.org/images/template/icons/social_16.png) no-repeat; padding: 0; margin: 2px; display: block; height: 16px; width: 16px;}
#icon-fb, #share-icon-fb { background-position: -16px 0;}
#icon-fb:hover, #share-icon-fb:hover { background-position: -16px -16px;}
#footer #icon-fb:hover { background-position: -16px -32px;}
#icon-tw, #share-icon-tw { background-position: -32px 0;}
#footer #icon-tw { background-position: -32px -48px;}
#icon-tw:hover, #share-icon-tw:hover { background-position: -32px -16px;}
#footer #icon-tw:hover { background-position: -32px -64px;}
#icon-em, #share-icon-em { background-position: -96px 0;}
#icon-em:hover, #share-icon-em:hover { background-position: -96px -16px;}
#footer #icon-em:hover { background-position: -96px -32px;}
#icon-pr, #share-icon-pr { background-position: -112px 0;}
#icon-pr:hover, #share-icon-pr:hover { background-position: -112px -16px;}
#footer #icon-pr:hover { background-position: -112px -32px;}
body#homebody #icon-pr { display: none;}
#icon-rss { background-position: 0 0;}
#icon-rss:hover { background-position: 0 -16px;}
#footer #icon-rss:hover { background-position: 0 -32px;}
#icon-yt { background-position: -80px 0;}
#icon-yt:hover { background-position: -80px -16px;}
#footer #icon-yt:hover { background-position: -80px -32px;}
#icon-blg { background-position: -48px 0;}
#icon-blg:hover { background-position: -48px -16px;}
#footer #icon-blg:hover { background-position: -48px -32px;}
#icon-pin { background-position: -64px 0;}
#icon-pin:hover { background-position: -64px -16px;}
#footer #icon-pin:hover { background-position: -64px -32px;}

.mailman-subscribe {
margin: .6em 0 0 -2em;}
.mailman-subscribe input#email-address {
max-width: 145px;}
.mailman-subscribe #email-address-box {
width: 60%; margin-left: 2em;}
.mailman-subscribe .gsc-search-button {
width: 6.8em; text-align: center;}

/* SITEMAP
----------------------------------------------- */
ul#sitemap {
list-style-type: none; margin: 0 15px 0 0; padding: 0;}

ul#sitemap span.header {
color: #000;}
ul#sitemap li {
padding-left:1.0em; text-indent: -1.0em; margin-bottom: 8px;}
ul#sitemap li a {
font-weight: bold; text-decoration: none;}
ul#sitemap li a:hover {
text-decoration: underline;}
ul#sitemap li a:hover span.nounderline {
text-decoration: none;}

ul#sitemap li ul {
padding-bottom: 8px;}
ul#sitemap li ul li {
padding-left:0; text-indent: 0; margin-bottom: 0; list-style-type: disc;}
ul#sitemap li ul li a {
font-weight: normal; padding-left: 0; background:none; text-decoration: none;}
ul#sitemap li ul li a:hover {
text-decoration: underline;}

/* Slideshow 
------------------------------------------- */
#slideshow { 
width: 700px; padding: 15px 0 0; margin: 0 0 10px; background: url(//channing.uua.org/images/template/home-banner/top.png) no-repeat;}
img#slideimg {
width:700px; height: 250px;} 
#slideshow .wrapper { 
width: 700px; padding: 0 0 15px; margin-top: -1px; background: url(//channing.uua.org/images/template/home-banner/bottom.png) 0 100% no-repeat;}
#slideshow .slide { 
background: #038; overflow: hidden; color: #fffaf1;}
html.js #slideshow .slide { 
position: absolute; left: -999em;}
#slideshow h2 { 
color: #fffaf1; padding: 0 10px 1px 18px; font-size:1.5em; font-weight:bold; background: rgba(0,51,136,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bb003388, endColorstr=#bb003388); position: absolute; z-index: 100; left: 0; height: 18px; width: 15em; border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;}
#slideshow h3 { 
color: #fffaf1; padding: 0 10px; font-size:1.4em;}
#slideshow p.desc { 
padding: 0 10px; font-weight: bold;}
#slideshow p.desc a { 
color: #fffaf1; text-decoration: none; font-weight: normal; border-bottom:1px solid white;}
#slideshow p.desc a:hover, #slideshow p.desc a:focus, #slideshow p.desc a:active { 
text-decoration: none; color:#b3c2db; border-bottom:1px solid #b3c2db;}
html.js #slideshow .wrapper { 
position: relative; height: 265px; width: 700px;}
#slideshow .media-holder { 
position: absolute; top: 0; height: 250px; width: 700px; background: #038;}
#slideshow .media-holder img { 
position: absolute; z-index: 10; display: block;}
#slideshow .media-holder img.active { 
z-index: 50;}
#slideshow .description { 
position: absolute; z-index: 100; left: 0; top: 200px; height: 50px; width: 700px; margin-bottom: 0; background: rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);}
#slideshow .description p.desc { 
position: absolute; top: 0; left: 0; z-index: 110; height: 40px; width: 636px; padding: 5px 31px; color: #fffaf1;}
#slideshow .description p.active { 
z-index: 150;}
#slideshow .nav { 
position: absolute; top: 248px; left: 0; width: 700px; background: #038; height: 12px; margin-top: 0; padding: 8px 0 0; list-style: none; text-align: center;}
#slideshow .nav li { 
display: inline; margin: 0 20px; font-size: 1.1em;}
#slideshow .nav li a { 
color: #fffaf1; zoom: 1;}
#slideshow .nav li.prev, #slideshow .nav li.next { 
position: absolute; top: 6px; display: block; width: 22px; height: 22px; margin: 0;}
#slideshow .nav li.prev a, #slideshow .nav li.next a { 
display: block; width: 100%; height: 100%; text-indent: -999em; overflow: hidden;}
#slideshow .nav li.next { 
right: 15px;}
#slideshow .nav li.next a { 
background: url(//channing.uua.org/images/template/home-banner/next.png) no-repeat;}
#slideshow .nav li.prev { 
left: 15px;}
#slideshow .nav li.prev a { 
background: url(//channing.uua.org/images/template/home-banner/prev.png) no-repeat;}
#slideshow-pointer { 
position: absolute; z-index: 200; top: 238px; display: block; width: 60px; height: 14px; background: url(//channing.uua.org/images/template/home-banner/pointer.png) no-repeat;}

/* LAYOUT FOR APPLICATION AND SATELLITE PAGES and HOMEBODY COLOR SCHEME
------------------------------------------- */

/* quote box*/
body#homebody #quote { 
background-color: #b3c2db;}

/* subnav background and visited link color */
body#homebody #subnavcontainer { 
background-color: #b3c2db; background-image:url(//channing.uua.org/images/template/quote-bkgd-iam.gif); background-position:bottom right; background-repeat:no-repeat; border: 1px solid #003386;}

body#homebody ul#subnav li a:visited, body#homebody ul#subnav li ul li a:visited, body#homebody #relatedcontent ul li a:visited { 
color: #00173d;}

/* my.uua.org */
#refinementcontainer { 
width:183px; float: left; position: relative; left: -10px; z-index:1; margin: -8px 0 0 0; line-height: 2em;}
#refinementcontainer h2 { 
font-size: 1.4em; color: #fffaf1;}

#notice { 
background: #b3c2db; border: 2px solid #003386; padding: 5px;}
#callout { 
width: 500px; margin-left:auto; margin-right:auto; padding: 10px 0 20px 0;}
.error_message {
color: red; padding-bottom:10px;}

.stats, .download, .help { 
background-color: #b3c2db; border: 1px solid #003386;}
.stats { 
background-image:url(//channing.uua.org/images/template/home_stats_bkgd.gif); background-position:bottom right; background-repeat:no-repeat;}
.download { 
background-image:url(//channing.uua.org/images/template/home_dnld_bkgd.gif); background-position:bottom right; background-repeat:no-repeat;}
.help { 
background-image:url(//channing.uua.org/images/template/home_help_bkgd.gif); background-position:bottom right; background-repeat:no-repeat;}

body.satellite .congname {
font-weight: bold; font-size: 1.2em; margin-bottom: 0px;}

body.satellite .pagination {
font-weight: normal; font-size: 1.2em;}

/* Search button */
.blue-button {
font-family: Verdana, sans-serif;  font-size: 1em;  color: #333333;  padding: 1px 6px;  background-color: #b3c2db;  border: 1px solid;  border-color: #003386;  font-weight: bold;  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;  -webkit-box-shadow: 0 1px 2px #999999;  -moz-box-shadow: 0 1px 2px #999999;  }

/* Custom Module Boxes */

.rightmodule{ 
float: right; width: 165px; padding-left: 5px; word-wrap: break-word;}
.leftmodule { 
float: left; width: 521px; word-wrap: break-word;}

.browse-congs { 
width: 100%; overflow: hidden;}
.browse-congs ul { 
padding: 0; list-style: none;}
.browse-congs .col { 
float: left; width: 105px; margin: 0 15px 0 0;}
.browse-congs .col-last { 
width: 115px; margin: 0;}
.browse-congs .col h3 { 
font-size: 1.1em; font-weight: bold; margin: 0;}
.browse-congs .col li { 
font-size: 1.1em; font-weight: normal; margin: 0;}
.browse-congs .col ul { }

.browse-people { 
width: 100%; overflow: hidden;}
.browse-people ul { 
padding: 0; list-style: none;}
.browse-people .col { 
float: left; width: 137px; margin: 0 15px 0 0;}
.browse-people .col h3 { 
font-size: 1.1em; font-weight: bold; margin: 0;}
.browse-people .col li { 
font-size: 1.1em; font-weight: normal; margin: 0;}

body.app #root, body.app #nav, body.app #footer {
width: 960px;}

body.app #content {
width: 935px;}

body.app #sectionphoto { 
display:block; width: 933px; height: 109px; margin: 0 0 0 -14px;}
body.app #sectionnophoto { 
display:block; width: 933px; height: 8px; margin: 0 0 0 -14px;}
#sectionnophoto { 
display:block; width: 698px; height: 8px; margin: 0 0 0 -14px;}

body#homebody #sectionphoto, body#homerelatedbody #sectionphoto, body#homebody #sectionnophoto, body#homerelatedbody #sectionnophoto { 
border-bottom:#003386 2px solid;}

body.app .navnav #page-content, body.app #page-content {
width: 700px; margin: 0; padding:0 0 0 2px; clear: both; float: right;}

body#homerelatedbody.app #page-content {
width: 900px; margin: 0; padding:0 0 0 2px; clear: both; float: right;}

/* contains sitenav */

body.app #sitenavcontainer { position: relative; z-index: 1000; margin:0 0 2px 14px; height: 26px; width:934px;}
body.app #content #sitenavcontainer { position: relative; z-index: 1000; margin:4px 0 0 -14px; height: 26px; width:934px; border-bottom:#003386 2px solid;}

body#homerelatedbody #content #sitenavcontainer, body#homebody #content #sitenavcontainer { border-bottom:#003386 0 solid; top: 4px; left: -26px;}

#sitenav .sitenavfirst { border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;}
#sitenav .sitenavlast { border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px;}

body#homebody #sitenav #sitenavblue, body#homebody #sitenav #sitenavblue li, body#homerelatedbody #sitenav #sitenavblue, body#homerelatedbody #sitenav #sitenavblue li { 
background-color: #003386;}
body#homebody #sitenav #sitenavblue a:hover, body#homebody #sitenav #sitenavblue a:focus, body#homebody #sitenav #sitenavblue a:active, body#homerelatedbody #sitenav #sitenavblue a:hover, body#homerelatedbody #sitenav #sitenavblue a:focus, body#homerelatedbody #sitenav #sitenavblue a:active {
color: #b3c2db;}

body#homebody #sitenav #sitenavpurple, body#homebody #sitenav #sitenavpurple li, body#homerelatedbody #sitenav #sitenavpurple, body#homerelatedbody #sitenav #sitenavpurple li { 
background-color: #520086;}
body#homebody #sitenav #sitenavpurple a:hover, body#homebody #sitenav #sitenavpurple a:focus, body#homebody #sitenav #sitenavpurple a:active,  body#homerelatedbody #sitenav #sitenavpurple a:hover, body#homerelatedbody #sitenav #sitenavpurple a:focus, body#homerelatedbody #sitenav #sitenavpurple a:active {
color: #d4bfe1;}

body#homebody #sitenav #sitenavplum, body#homebody #sitenav #sitenavplum li, body#homerelatedbody #sitenav #sitenavplum, body#homerelatedbody #sitenav #sitenavplum li { 
background-color: #860034;}
body#homebody #sitenav #sitenavplum a:hover, body#homebody #sitenav #sitenavplum a:focus, body#homebody #sitenav #sitenavplum a:active,  body#homerelatedbody #sitenav #sitenavplum a:hover, body#homerelatedbody #sitenav #sitenavplum a:focus, body#homerelatedbody #sitenav #sitenavplum a:active { 
color: #efd6df;}

body#homebody #sitenav #sitenavrust, body#homebody #sitenav #sitenavrust li, body#homerelatedbody #sitenav #sitenavrust, body#homerelatedbody #sitenav #sitenavrust li { 
background-color: #862500;}
body#homebody #sitenav #sitenavrust a:hover, body#homebody #sitenav #sitenavrust a:focus, body#homebody #sitenav #sitenavrust a:active,  body#homerelatedbody #sitenav #sitenavrust a:hover, body#homerelatedbody #sitenav #sitenavrust a:focus, body#homerelatedbody #sitenav #sitenavrust a:active { 
color: #f1dfd6;}

body#homebody #sitenav #sitenavolive, body#homebody #sitenav #sitenavolive li, body#homerelatedbody #sitenav #sitenavolive, body#homerelatedbody #sitenav #sitenavolive li { 
background-color: #544f00;}
body#homebody #sitenav #sitenavolive a:hover, body#homebody #sitenav #sitenavolive a:focus, body#homebody #sitenav #sitenavolive a:active, body#homerelatedbody #sitenav #sitenavolive a:hover, body#homerelatedbody #sitenav #sitenavolive a:focus, body#homerelatedbody #sitenav #sitenavolive a:active { 
color: #f1efcc;}

body#homebody #sitenav #sitenavpine, body#homebody #sitenav #sitenavpine li, body#homerelatedbody #sitenav #sitenavpine, body#homerelatedbody #sitenav #sitenavpine li { 
background-color: #215400;}
body#homebody #sitenav #sitenavpine a:hover, body#homebody #sitenav #sitenavpine a:focus, body#homebody #sitenav #sitenavpine a:active,  body#homerelatedbody #sitenav #sitenavpine a:hover, body#homerelatedbody #sitenav #sitenavpine a:focus, body#homerelatedbody #sitenav #sitenavpine a:active { 
color: #daf1cc;}

body#homebody #sitenav #sitenavlake, body#homebody #sitenav #sitenavlake li, body#homerelatedbody #sitenav #sitenavlake, body#homerelatedbody #sitenav #sitenavlake li { 
background-color: #005433;}
body#homebody #sitenav #sitenavlake a:hover, body#homebody #sitenav #sitenavlake a:focus, body#homebody #sitenav #sitenavlake a:active, body#homerelatedbody #sitenav #sitenavlake a:hover, body#homerelatedbody #sitenav #sitenavlake a:focus, body#homerelatedbody #sitenav #sitenavlake a:active { 
color: #daf1cc;}

body#homebody #sitenav #sitenavocean, body#homebody #sitenav #sitenavocean li, body#homerelatedbody #sitenav #sitenavocean, body#homerelatedbody #sitenav #sitenavocean li { 
background-color: #003d54;}
body#homebody #sitenav #sitenavocean a:hover, body#homebody #sitenav #sitenavocean a:focus, body#homebody #sitenav #sitenavocean a:active, body#homerelatedbody #sitenav #sitenavocean a:hover, body#homerelatedbody #sitenav #sitenavocean a:focus, body#homerelatedbody #sitenav #sitenavocean a:active { 
color: #cce6f1;}

/* Google Custom Search with Tabs */
.cse .gsc-control-cse, .gsc-control-cse {
padding: 1%; width: 700px; margin-left: -6px;}
/* input field */
.cse input.gsc-input, input.gsc-input {
font-family: inherit; border: 1px solid; border-color: #003386; padding: 2px; border-radius: 6px; -moz-border-radius: 6px; 
-webkit-border-radius: 6px; -webkit-box-shadow: 0 1px 2px #999999; -moz-box-shadow: 0 1px 2px #999999;}
/* Search box at top of all pages */
#___gcse_0 {
margin-bottom: -1em;}
#top #___gcse_0 {
display: block; width: 185px; float: right; margin: 33px 83px 0 0;}
#top #gsc-i-id1 {
width: 105px;}
#top table.gsc-search-box td.gsc-input {
padding-right: 1px;}
#top div.gsc-clear-button {
display: none;}
#top .gsc-search-button {
width: 50px; font-size: .85em;}
/* Search box within search page */
#___gcse_1 {
margin-left: -1em; padding-left: 12px;}
/* Find-a-cong earch box */
.find-a-cong-box input.gsc-input {
width: 165px;}
/* Search button */
.cse input.gsc-search-button, input.gsc-search-button, button.gsc-search-button {
font-family: Verdana, sans-serif; font-size: 1em; color: #000; padding: 1px 2px; background-color: #b3c2db; border: #003386 1px solid; font-weight: bold; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -webkit-box-shadow: 0 1px 2px #999999; -moz-box-shadow: 0 1px 2px #999999; }

/* Base tab selector styles */
.cse .gsc-tabHeader, .gsc-tabHeader {
padding: 0 8px 2px 8px; border-top-right-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px;}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive, .gsc-tabHeader.gsc-tabhInactive {
border: 1px solid; border-bottom: none; border-color: #003386; color: #002e3b; background-color: #b3c2db;}
.gsc-tabHeader.gsc-tabhInactive:hover { background-color: #fffaf1;}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive, .gsc-tabHeader.gsc-tabhActive {
font-weight: bold; background-color: #fffaf1; border: 1px solid; border-color: #003386; border-bottom: none;}
/* Pagination */
.cse .gsc-cursor-page, .gsc-cursor-page {
padding: .2em .5em; border: 1px solid; border-color: #a9da92; color:0066CC;}
.cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
color: #333333; text-shadow: 0 1px 2px #fffaf1; background-color: #a9da92; border: none; background: none;}

/* "Sort by" text */
.gsc-orderby-label.gsc-inline-block {
font-size: 0.8em;}
.gsc-option-menu-container.gsc-inline-block {
border-radius: 6px; 
-moz-border-radius: 6px; 
-webkit-border-radius: 6px; -webkit-box-shadow: 0 1px 2px #999999; -moz-box-shadow: 0 1px 2px #999999;}
/* Area for no. of results and sort-by selection */
.gsc-above-wrapper-area {
padding-bottom: 0;}

/* Results text */
.gs-bidi-start-align.gs-snippet, .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
font-family: Verdana, Arial, Helvetica, sans-serif !important;}
.gsc-control-cse .gsc-table-result, .gs-promotion.gs-result { font-size: .85em;}
.gsc-refinementsArea, .gsc-tabsArea, .gsc-above-wrapper-area-container, div.gs-visibleUrl-long, .gs-promotion.gs-result div.gs-visibleUrl-long, .gs-per-result-labels, .gs-fileFormat {
font-family: Verdana, Arial, Helvetica, sans-serif !important;}

.gsc-tabsArea {
border-color: #003386; padding: 10px 0 2px 10px;}

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b,   a.gsc-trailing-more-results:link, .gs-promotion.gs-result a.gs-title:link, .gs-promotion.gs-result a.gs-title:hover {
color: #12c;  }

.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-promotion.gs-result a.gs-title:visited, .gs-promotion.gs-result a.gs-title:active {
color: #609;  }

.gs-webResult.gs-result .gs-snippet, .gs-promotion.gs-result .gs-snippet {
color: #000000;  }

.gs-webResult.gs-result .gs-visibleUrl, .gs-webResult.gs-result .gs-visibleUrl-short, .gs-webResult.gs-result .gs-visibleUrl-long, .gs-promotion.gs-result .gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl-short  {
color: #008000;  }

.gs-webResult div.gs-visibleUrl-short, .gs-promotion.gs-result div.gs-visibleUrl-short { 
display:none;} 

.gs-webResult div.gs-visibleUrl-long, .gs-promotion.gs-result div.gs-visibleUrl-long { 
display: block; font-size: .8em; margin-top: 2px;} 

.gsc-cursor-box {
border: none;}

.cse .gs-promotion.gs-result, .gs-promotion.gs-result {
background: #fffaf1; padding-bottom: 1.5em;}

.gs-per-result-labels {
font-size: .8em;  padding-top: 5px;  padding-left: 0;}

/*Google BuzzBoost Feed Styles */
.feedburnerFeedBlock .date { margin-bottom: 0;}
.feedburnerFeedBlock li { margin-bottom: 12px;}

/*Google Popular Search Settings */
.content-box #queries {
font-size: 1.1em; margin-top: -12px;}

h2.ss-section-title { 
background-color: #b3c2db; color:#000; border: 1px solid #003386; font-size: 1.1em; padding: 4px 4px 12px 4px; vertical-align: top; text-align: left; font-weight: bold; margin: -5px -5px 0 -5px;}
.ss-item { 
background-color: #fffaf1; border: 1px solid #003386; color:#000; font-size: 1em; padding: 4px; vertical-align: top; margin: -7px auto;}
.ss-required-asterisk, .ss-section-description, label.ss-q-title, label.ss-q-help { 
font-size: 1.1em;}
.ss-required-asterisk { 
color: #9c332d;}
label.ss-choice-label { 
font-size: .9em;}
.ss-section-description { 
margin-top: 4px;}
label.ss-q-title { 
font-weight: bold; display:block; padding-bottom: 6px; padding-right:6px; clear: both;}
label.ss-q-help { 
display: block;}
input.ss-q-short { 
vertical-align:top; padding-bottom: 6px;  }
div.ss-required-asterisk { 
display: block; font-weight: bold;}
textarea.ss-q-long { 
max-width: 98%; display:block;}
ul.ss-choices { 
list-style: none;}
.ss-form { 
display: block; margin-bottom: 14px; clear: both;}
.ss-footer { 
display: block; padding: 12px 0 16px 0; clear: both; font-size: 1em;}
.ss-powered-by { 
display: block;}
.ss-terms { 
display: block; text-align: right; font-size: 1.1em; margin-top: -14px;}
@media print{
@page {size:A5;}body{padding:0;background-color:#fff;}.ss-form-container{width:100%;border:none;}}

/* lightbox styles for seeing large versions of images */
#lightboxOverlay {
position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; display: none; }
#lightbox {
position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-family: Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; }
#lightbox img {
width: auto; height: auto; }
#lightbox a img {
border: none; }
.lb-outerContainer {
position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.lb-outerContainer:after {
content: ""; display: table; clear: both; }
.lb-container {
padding: 10px;}
.lb-loader {
position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-nav {
position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
.lb-container > .nav {
left: 0; }
.lb-nav a {
outline: none; }
.lb-prev, .lb-next {
width: 49%; height: 100%; background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); /* Trick IE into showing hover */
display: block; }
.lb-prev {
left: 0; float: left; }
.lb-next {
right: 0; float: right; }
.lb-prev:hover {
background: url(//channing.uua.org/images/template/lightbox/prev.png) left 48% no-repeat; }
.lb-next:hover {
background: url(//channing.uua.org/images/template/lightbox/next.png) right 48% no-repeat; }
.lb-dataContainer {
margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.lb-dataContainer:after {
content: ""; display: table; clear: both; }
.lb-data {
padding: 0 10px; color: #bbbbbb; }
.lb-data .lb-details {
width: 85%; float: left; text-align: left; line-height: 1.3em; }
.lb-data .lb-caption {
font-size: 13px; font-weight: bold; line-height: 1em; }
.lb-data .lb-number {
display: block; clear: left; padding-bottom: 1em; font-size: 11px; }
.lb-data .lb-close {
width: 35px; float: right; padding-bottom: 0.7em; outline: none; }
.lb-data .lb-close:hover {
cursor: pointer; }
/* Bootstrap-Specific Items */
.navbar-toggle, br.dropdown-br, .dropdown-menu .divider {display: none;}
.mailman-subscribe .col-xs-4, .mailman-subscribe .col-xs-8 {display: inline;}
.pager {list-style: none; margin: 18px 0 18px -40px;}
.previous {display: inline-block;}
.next {display: inline-block; float: right;}
.breadcrumb {padding: 0; font-size: 8px;}
.breadcrumb>li {display: inline;}
.breadcrumb>li:before {
      content: "/\00a0"; // Unicode space added since inline-block means non-collapsing white-space
      padding: 0 3px; color:#ccc;}
.breadcrumb>li.breadcrumb-home:before { content:none;}

a.non_uu_tooltip {
font-weight:bold;
text-decoration:none;
}
span.non_uu_info_box {
background-color: #fffaf1;
border: 1px solid #b3c2db;
display: none;
position: absolute;
padding: 5px;
height: 50px;
width: 200px;
text-align: center;
margin-top: 20px;
margin-left: -23px;
}
img.myuua_info_top_arrow {
position: absolute;
left: 10px;
top: -7px;
}