@import "reset.css";
@import "clearfix.css";
@import "classes.css";
@import "headings.css";
@import "forms.css";

body{ color: #666666; font-family: Georgia, Times, Serif; background: #99aeb4; }
p, ul, ol{ font-size: 13px; line-height: 20px; margin-bottom: 20px; }
ul{ list-style: outside disc; padding-left: 20px; }
ol{ list-style: outside decimal; padding-left: 20px; }
a{ text-decoration: none; color: #006666; }
a:hover{ text-decoration: underline; }

p.breadcrumbs{ color: #666; font-size: 10px; text-transform: uppercase; line-height: 1; font-family: tahoma, verdana, sans-serif; }
p.breadcrumbs span{ font-size: 10px; margin: 0 2px; color: #222; }
p.breadcrumbs a{ color: #666; font-weight: bold; }
p strong.date,
p.date{ font-size: 11px; color: #999; font-weight: bold; border-bottom: 1px solid #ddd; text-transform: uppercase; }

p img{ margin: 10px; }

.slice{ width: 100%; }
.slice .inside{ width: 800px; margin: 0 auto; }

#masthead{ height: 145px; background: url(/media/img/bg/masthead-tile.gif) repeat-x left top; }
#masthead h1{ text-indent: -9999px; overflow: hidden; }
#masthead h1 a{ width: 800px; height: 101px; display: block; background: url(/media/img/bg/logo.jpg) no-repeat left top; }

ul#main-nav{ width: 800px; height: 44px; }
ul#main-nav,
ul#main-nav ul{ margin: 0; padding: 0; line-height: 1; list-style: none; }
ul#main-nav li{ float: left; text-indent: -9999px; position: relative; overflow: visible; z-index: 800; }
ul#main-nav li a{ height: 44px; display: block; background: url(/media/img/bg/main-nav.gif) no-repeat left top; }
	ul#main-nav li.home a{ width: 92px; background-position: 0 0; }
	ul#main-nav li.the-convent a{ width: 138px; background-position: -92px 0; }
	ul#main-nav li.retreat a{ width: 100px; background-position: -230px 0; }
	ul#main-nav li.giving a{ width: 89px; background-position: -330px 0; }
	ul#main-nav li.resources a{ width: 122px; background-position: -419px 0; }
	ul#main-nav li.activities a{ width: 118px; background-position: -541px 0; }
	ul#main-nav li.contact-us a{ width: 141px; background-position: -659px 0; }
	ul#main-nav li.home a:hover{ width: 92px; background-position: 0 -44px; }
	ul#main-nav li.the-convent a:hover{ width: 138px; background-position: -92px -44px; }
	ul#main-nav li.retreat a:hover{ width: 100px; background-position: -230px -44px; }
	ul#main-nav li.giving a:hover{ width: 89px; background-position: -330px -44px; }
	ul#main-nav li.resources a:hover{ width: 122px; background-position: -419px -44px; }
	ul#main-nav li.activities a:hover{ width: 118px; background-position: -541px -44px; }
	ul#main-nav li.contact-us a:hover{ width: 141px; background-position: -659px -44px; }
	
		ul#main-nav li.home li a,
		ul#main-nav li.home li a:hover{ background-position: left center; width: auto; }
		ul#main-nav li.the-convent li a,	
		ul#main-nav li.the-convent li a:hover{ background-position: left center; width: auto; }
		ul#main-nav li.retreat li a,
		ul#main-nav li.retreat li a:hover{ background-position: left center; width: auto; }
		ul#main-nav li.giving li a,
		ul#main-nav li.giving li a:hover{ background-position: left center; width: auto; }
		ul#main-nav li.resources li a,
		ul#main-nav li.resources li a:hover{ background-position: left center; width: auto; }
		ul#main-nav li.activities li a,
		ul#main-nav li.activities li a:hover{ background-position: left center; width: auto; }
		ul#main-nav li.contact-us li a,
		ul#main-nav li.contact-us li a:hover{ background-position: left center; width: auto; }
	
ul#main-nav li ul{ width: 240px; height: auto; top: auto; position: absolute; padding: 10px 0 9px; background: #a01c30; z-index: 100; left: -999em; }
ul#main-nav li ul ul{ border-left: 3px solid #6e1321; border-bottom: 3px solid #6e1321; top: 0; z-index: 101; }

ul#main-nav li li{ float: none; text-indent: 0; font-family: tahoma, verdana, sans-serif; font-size: 10px; font-weight: bold; letter-spacing: 1px; margin-bottom: 1px; text-transform: uppercase; }
ul#main-nav li li a{ padding: 10px 10px 9px 33px; background: #a01c30 url(/media/img/bg/sub-nav-cross.gif) no-repeat left center; display: block; color: #fff; height: 1%; text-decoration: none; }
ul#main-nav li li a:hover{ background: #c84559 url(/media/img/bg/sub-nav-cross-on.gif) no-repeat left top; }
ul#main-nav li.home ul{ margin-left: 20px; }

ul#main-nav li:hover ul ul,
ul#main-nav li.sfhover ul ul{ left: -999em; }

ul#main-nav li:hover ul,
ul#main-nav li.sfhover ul{ left: 0em; }

ul#main-nav li li:hover ul,
ul#main-nav li li.sfhover ul{ left: 100%; }

#footer-short{ background-image: url(/media/img/bg/footer-tile-short.gif); padding-top: 14px; }
#footer-tall{ background-image: url(/media/img/bg/footer-tile-tall.gif); }
.footer{ background-color: #99aeb4; background-repeat: repeat-x; background-position: top left; padding: 40px 0 20px; }
.footer .inside{ width: 760px; }
#footer-short .inside{ background: url(/media/img/bg/ftr-logo.gif) no-repeat left center; padding: 5px 0; }
.footer .mod{ float: left; border: 1px solid #77959e; width: 238px; height: 110px; margin-right: 20px; }
.footer .mod h6{ margin-left: 100px; text-indent: -9999px; }
.footer .mod p{ margin: 0 15px 0 100px; color: #fff; font-size: 11px; line-height: 15px; }
.footer a{ color: #335555; }
.footer #ftr-suscopts{ background: #a2bec6 url(/media/img/bg/ftr-suscopts.jpg) no-repeat left bottom; }
.footer #ftr-suscopts h6{ width: 138px; height: 30px; background: url(/media/img/headings/h6-suscopts.gif) no-repeat right top; }
.footer #ftr-abbey{ background: #a2bec6 url(/media/img/bg/ftr-abbey.jpg) no-repeat left bottom; }
.footer #ftr-abbey h6{ width: 138px; height: 30px; background: url(/media/img/headings/h6-abbey.gif) no-repeat right top; }

.footer .contact{ float: left; width: 240px; }
.footer .contact h6{ text-indent: -9999px; height: 16px; background: url(/media/img/headings/h6-contact.gif) no-repeat left top; margin: 0 0 5px; }
.footer .contact p{ color: #fff; font-size: 11px; line-height: 16px; }
.footer .contact p strong{ font-size: 13px; font-weight: normal; line-height: 18px; }

.footer .nav{ font-size: 12px; line-height: 2; margin: 0; }
.footer .copy{ font-size: 11px; line-height: 2; margin: 0; color: #fff; }
.footer .translation{ text-indent: -9999px; overflow: hidden; width: 258px; height: 20px; margin-bottom: 0; background: url(/media/img/bg/hebrew-text.gif) no-repeat left top; }
#footer-short p{ margin-left: 85px; }

#brief-word{ background: #f7f3e4 url(/media/img/bg/brief-word-slice.jpg) no-repeat center top; }
#brief-word .inside{ padding: 18px 0 8px; width: 760px; }
#brief-word h3{ text-indent: -9999px; overflow: hidden; height: 14px; margin: 0 0 3px 0; background: url(/media/img/headings/h3-brief-word.gif) no-repeat left top; }
#brief-word p{ color: #777777; font-size: 13px; line-height: 20px; margin: 0; }
#brief-word p img{ vertical-align: middle; }

#header{ height: 283px; background: #e2dccd url(/media/img/bg/header-slice.jpg) no-repeat center top; }
#header .inside{ width: 760px; position: relative; }
#header img{ height: 283px; width: 490px; float: left; }
#header #contemplations{ position: absolute; width: 290px; height: 305px; left: 490px; background: url(/media/img/bg/daily-contemplations.jpg) no-repeat left top; }
#header #contemplations .cushion{ padding: 0 40px; height: 242px; position: relative; }
#header #contemplations .cushion p{ color: #878787; margin-bottom: 0; }
#header #contemplations .cushion p.date{ font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 2; margin-bottom: 15px; font-family: tahoma, verdana, sans-serif; }
#header #contemplations .cushion p.more{ text-indent: -9999px; overflow: hidden; margin: 0; line-height: 1; position: absolute; bottom: 0; }
#header #contemplations .cushion p.more a{ width: 53px; height: 21px; display: block; background: url(/media/img/btn/more.gif) no-repeat left top; }
#header #contemplations .cushion p.more a:hover{ background-position: left bottom; }
#header #contemplations h3{ text-indent: -9999px; width: 290px; height: 55px; background: url(/media/img/headings/daily-contemplations-small.jpg) no-repeat left top; }

.viewmore{ font-family: tahoma,verdana,sans-serif; padding: 12px; border: 1px solid #ddd; background: #ebe9e1; }
.viewmore p{ font-size: 11px; line-height: 1; font-weight: bold; margin: 0 0 12px; }
.viewmore ul{ font-size: 11px; line-height: 15px; margin: 0; }

#content{ width: 100%; background: #f7f5ec url(/media/img/bg/home-content-tile.gif) repeat-x bottom left; }
.template-home #content{ border-top: 2px solid #f7f5ec; }
#content .outside{ width: 100%; background: url(/media/img/bg/home-content-top.jpg) no-repeat top center; }
.template-home #content .inside{ background: url(/media/img/bg/home-content-inside.jpg) no-repeat bottom center; padding: 46px 0 80px; }
.template-generic #content .inside{ background: url(/media/img/bg/generic-content-inside.jpg) no-repeat bottom right; padding: 0 0 80px; }
#content .cushion{ padding: 0 20px; }
#content .news-and-events,
#content .words-of-wisdom,
#content .feasts-of-st-mary{ float: left; width: 240px; margin-right: 20px; }
#content .news-and-events,
#content .words-of-wisdom{ margin-bottom: 200px; }
#content .news-and-events h3,
#content .words-of-wisdom h3,
#content .feasts-of-st-mary h3{ text-indent: -9999px; overflow: hidden; width: 240px; height: 14px; margin: 0 0 16px 0; }
#content .feasts-of-st-mary{ margin-right: 0; }
#content .news-and-events ul{ margin: 0; padding: 0; line-height: 1; list-style: inside disc; }
#content .news-and-events ul li{ padding: 0 20px 15px; margin-bottom: 10px; color: #006666; background: url(/media/img/bg/list-divider.gif) no-repeat left bottom; line-height: 15px; }
#content .news-and-events ul li.last{ padding: 0 20px 10px; background: none; }
#content .news-and-events ul li a{ color: #006666; text-decoration: none; }
#content .news-and-events ul li a:hover{ text-decoration: underline; }

#content .words-of-wisdom ul{ margin: 0; line-height: 1; list-style: inside disc; }
#content .words-of-wisdom p{ padding: 0 20px 15px; margin: 0; color: #777777; }
#content .words-of-wisdom p strong{ font-family: tahoma, verdana, sans-serif; font-size: 10px; line-height: 1; text-transform: uppercase; }

#content .feasts-of-st-mary ul{ margin: 0; line-height: 1; list-style: none; }
#content .feasts-of-st-mary ul li{ padding: 0 20px 15px; margin-bottom: 10px; background: url(/media/img/bg/list-divider.gif) no-repeat left bottom; font-size: 10px; line-height: 17px; font-family: tahoma, verdana, sans-serif; }
#content .feasts-of-st-mary ul li.last{ padding: 0 20px 10px; background: none; }
#content .feasts-of-st-mary ul li a{ color: #006666; text-decoration: none; font-size: 14px; line-height: 17px; font-family: georgia, times, serif; }
#content .feasts-of-st-mary ul li a:hover{ text-decoration: underline; }

.template-generic .leftcol{ float: left; width: 500px; }
.template-generic .rightcol{ float: right; width: 240px; margin-bottom: 260px; }
.template-generic .rightcol .cushion{ padding: 0 20px; }
	
	.template-generic .leftcol img.page{ background: url(/media/img/polaroids/bg.jpg) no-repeat left top; padding: 10px 27px 39px 25px; }
	.template-generic .leftcol h2{ color: #cc3300; font-size: 18px; margin-bottom: 16px; line-height: 1; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; padding-left: 16px; background: url(/media/img/bg/h2-cross.gif) no-repeat left center; }
	.template-generic .leftcol h4{ font-size: 16px; margin-bottom: 16px; line-height: 20px; font-weight: normal; font-style: italic; }
	.template-generic .rightcol h3{ text-indent: 0; margin: 30px 0 10px 0; padding: 10px 0 10px 20px; color: #cc3300; font-size: 15px; line-height: 1; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; background: url(/media/img/bg/h2-cross.gif) no-repeat left center; }
	.template-generic .rightcol ul{ margin: 0; padding: 0; line-height: 1; list-style: inside disc; }
	.template-generic .rightcol ul li{ padding: 0 20px 15px; margin-bottom: 10px; color: #006666; background: url(/media/img/bg/list-divider.gif) no-repeat left bottom; line-height: 15px; }
	.template-generic .rightcol ul li.last{ padding: 0 20px 10px; background: none; }
	.template-generic .rightcol ul li a{ color: #006666; text-decoration: none; }
	.template-generic .rightcol ul li a:hover{ text-decoration: underline; }
	
.resources-wrap h3,
.question-wrap h3,
.answer-wrap h3{ font-weight: bold; margin: 0 0 8px; padding-bottom: 3px; border-bottom: 1px solid #ddd; font-size: 11px; font-variant: small-caps; font-style: italic; }
.resources-wrap .list{ margin: 0 0 20px 0; padding: 0; list-style: none; }
.resources-wrap .list li{ font-size: 12px; padding: 2px 0 2px 12px; border-bottom: 1px solid #eee; }
.resources-wrap .list li.alt{ background: #ebefe8; }
.resources-wrap .list li a{ display: block; }
.resources-wrap .list li a em{ color: #666; font-size: 10px; }
.resources-wrap p.years{ font-size: 11px; font-weight: bold; font-style: italic; text-transform: uppercase; line-height: 1; margin: 0 0 3px; padding-bottom: 3px; border-bottom: 1px solid #ddd; }

p.sort{ text-align: right; margin: 0 0 5px; font-size: 10px; font-weight: bold; }
p.sort a{ text-transform: uppercase; font-weight: normal; }

.question-form{ margin-bottom: 20px; }