@charset "UTF-8";

/* Colors 

		Light Blue:			#EFF3F9
		Medium Blue:			#B2C7E2
		Dark Blue:			#2C7FB6		
		Top Banner:			#0066A4
		Nav: 				#9CBFDA
		Nav Hover:			#CDDFEC

*/


/* Reset */ 

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}


:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}



/* Main */ 

html, body, #wrapper {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
body {background: #fff url(http://www.cammonline.org/images/bg-strip.jpg) repeat-x top; font-family: "Trebuchet MS", verdana, arial, sans-serif; font-size: .75em; line-height: 1.1em;}
h2 {font-style: italic; text-transform: uppercase; font-size: 1em; }
h3 {font-size: 1.25em; font-style: italic;}
h4 {font-size: 1.1em; font-weight: bold;}
input, select, textarea {border:1px solid #b2b4b6;font-family: "Trebuchet MS", verdana, arial, sans-serif; font-size:.9em; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;}


#wrapper {min-height: 891px; height: auto !important; position: relative; margin: 0 auto; width: 840px; overflow: hidden; background: url(../../images/wrap-bg.jpg) top left no-repeat; }
#wrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#sidebar {float: left; width: 162px; min-height: 891px; background: #fff url(http://www.cammonline.org/images/sidebar-bg.jpg) repeat-x; height:auto !important; height: 891px;}
#content {float: right; width: 632px; position: relative; margin: 0 23px 150px;}
#footer {position: relative; margin-top: -100px; height: 100px;text-align: center;}
#footer a:hover {color: #9CBFDA; text-decoration: none;}


#mp-mm {line-height: 1.3em;}
#mp-pic {float: right;}
#mp-vid {float: left; margin: 0 12px 8px 0;}
#mp-lightblue {width: 363px; float: left; }
#mp-lightblue-content {min-height: 326px; padding-top: 11px;line-height: 1.3em; font-size: 1.15em;}
#s {width: 130px; height: 17px; position: absolute; top: 18px; left: 14px;}
#searchsubmit {position: absolute; top: 18px; left: 126px;}
#flashcontent {height: 382px;}
#gallery-h3, #vigil-btn {padding-left: 10px;}
#login-btn {padding-left: 9px;}
#video-right1, #video-right2, #video-right3, #video-right4, #video-right5, #video-right6, #video-right7, #video-right8 {float: right; margin-left: 12px; margin-bottom: 16px; padding-top: 3px;}
#video-left1, #video-left2, #video-left3, #video-left4, #video-left5, #video-left6, #video-left7, #video-left8 {float: left; margin-right: 15px; margin-bottom: 16px; padding-top: 3px;}


#pb-wrap {position: relative; width: 640px; height: 285px;}
#pb-wrap p {font-style: italic; font-weight: bold; margin: 5px 0;}
#pb1 {position: absolute; top: 20px; left:0; width: 182px; height: 262px;}
#pb2 {position: absolute; top: 20px; left:225px; width: 182px; height: 262px;}
#pb3 {position: absolute; top: 20px; left:451px; width: 182px; height: 262px;}


#tinybox {position:absolute; display:none; padding:20px; background:#fff url(http://www.cammonline.org//scripts/images/preload.gif) no-repeat 50% 50%; border:10px solid #EFF3F9; z-index:2000;}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}
#pop01 {width: 142px; height: 39px;background: url(http://www.cammonline.org/images/button01.gif) no-repeat;cursor:pointer;}
#pop02 {width: 142px; height: 39px;background: url(http://www.cammonline.org/images/button02.gif) no-repeat;cursor:pointer;}
#pop03 {width: 142px; height: 39px;background: url(http://www.cammonline.org/images/button04.gif) no-repeat;cursor:pointer;}



/* Utility */

.popup {margin-left: -1px;}
.clear {clear: both;}
.footer-text, .footer-text a {font-size: 11px; color: #b7b8ba;}
.footer-nav1, .footer-nav1 a {color: #000; text-decoration: none; font-weight: bold; margin-bottom: 6px;}
.footer-nav2, .footer-nav2 a {font-size: 11px; color: #000; text-decoration: none; margin-bottom: 6px;} 
.search {position: relative; margin-top: 20px;}
.search div {height: 17px;}
.search-text {margin-left: 15px; margin-bottom: 18px; color: #0066A4;}
body.search {margin:0}
a.search-link {text-decoration: none; color: #0066A4;}
a:hover.search-link {color: #9CBFDA;}
.priests-and-brothers .content-white img {clear: both;}
.priests-and-brothers .content-white h1 {font-size: 24px; margin-bottom:10px; padding-top:6px;}


.mp-links {margin: 0px 9px;}
.mp-links img {padding-top: 10px;}
.content-white, .content-pop {line-height: 1.35em; font-size: 1.03em;}
.content-white {margin: 20px 20px 0;}
.content-pop {background-color: #B2C7E2; padding: 20px;}
.content-white ul {list-style-type: disc; margin-left: 35px;}


.vigil {background: url(http://www.cammonline.org/images/vigil-bg.jpg) no-repeat; height: 476px; position: relative; color: #fff; line-height: 1.35em; font-size: 1.03em; margin-bottom: 20px; }
.vigil p {position: absolute; bottom: 5px; left: 77px; text-align: center;  font-size: 1.2em; }
.vigil ul {position:relative; top:152px; left:14px;}
.vigil ul li {display: inline; margin-right: 21px;}
.annuity-rates p {margin-left: 85px;}
ul.sitemap-list {list-style-type: none; width: 315px; margin: 0;}
#sm-right {float: right; width: 275px;}
#vc1 {position: absolute; left:483px;}
#vc2 {position: absolute; left:362px;}
#vc3 {position: absolute; left:241px;}
#vc4 {position: absolute; left:120px;}
#vc5 {position: absolute; left:0px;}


.video-right, .right {float: right; margin-left: 12px; margin-bottom: 16px; padding-top: 3px;}
.video-left, .left {float: left; margin-right: 15px; margin-bottom: 16px; padding-top: 3px;}
.capDivLeft {float: left; position: relative;}
.capDivRight {float: right; position: relative;}
.capDivLeft span {width: 93%; font-size: .9em; font-weight: bold; text-align: center; position: absolute; bottom: -2px; left: 0; }
.capDivRight span {width: 93%; font-size: .9em; font-weight: bold; text-align: center; position: absolute; bottom: -2px; right: 0; }


.box-lightblue {background: #EFF3F9;}
.boxtop-lightblue {background: url(http://www.cammonline.org/images/lightblue-ne.gif) no-repeat top right;}
.boxtop-lightblue div {font-size: 0; height: 10px; background: url(http://www.cammonline.org/images/lightblue-nw.gif) no-repeat top left;}
.boxbottom-lightblue {background: url(http://www.cammonline.org/images/lightblue-se.gif) no-repeat bottom right;}
.boxbottom-lightblue div {font-size: 0; height: 10px; background: url(http://www.cammonline.org/images/lightblue-sw.gif) no-repeat bottom left;}
.boxcontent-lightblue {padding: 10px 25px 15px 25px;line-height: 1.35em; font-size: 1.03em;}


.box-mediumblue {background: #B2C7E2;}
.boxtop-mediumblue {background: url(http://www.cammonline.org/images/mediumblue-ne.gif) no-repeat top right;}
.boxtop-mediumblue div {font-size: 0; height: 10px; background: url(http://www.cammonline.org/images/mediumblue-nw.gif) no-repeat top left;}
.boxbottom-mediumblue {background: url(http://www.cammonline.org/images/mediumblue-se.gif) no-repeat bottom right;}
.boxbottom-mediumblue div {font-size: 0; height: 10px; background: url(http://www.cammonline.org/images/mediumblue-sw.gif) no-repeat bottom left;}
.boxcontent-mediumblue {padding: 10px 20px 15px 20px;}


.box-darkblue {background: #2C7FB6;}
.boxtop-darkblue {background: url(http://www.cammonline.org/images/darkblue-ne.gif) no-repeat top right;}
.boxtop-darkblue div {font-size: 0; height: 10px; background: url(http://www.cammonline.org/images/darkblue-nw.gif) no-repeat top left;}
.boxbottom-darkblue {background: url(http://www.cammonline.org/images/darkblue-se.gif) no-repeat bottom right;}
.boxbottom-darkblue div {font-size: 0; height: 10px; background: url(http://www.cammonline.org/images/darkblue-sw.gif) no-repeat bottom left;}
.boxcontent-darkblue {padding: 10px 25px 15px 25px; color: #fff; line-height: 1.35em;}
.boxcontent-darkblue a {color: #fff; font-weight: bold;}


.box-left, .box-right {width: 305px; float: left;}
.box-right {margin-left: 22px;}



/* Navigation */

#nav {background:url("http://www.cammonline.org/images/nav.gif") no-repeat; height:31px; width:631px; margin:0 0 16px 0; padding:0; position:relative; z-index:100;}
#nav span {display: none;}
#nav li, #nav a {height:31px; display:block;} 
#nav li {float:left; list-style:none; display:inline; position:relative;}


#nav-00 {width: 48px; margin-left:0;}
#nav-01 {width: 83px; margin-left:5px;}
#nav-02 {width: 77px; margin-left:3px;}
#nav-03 {width: 84px; margin-left:2px;}
#nav-04 {width: 53px; margin-left:3px;}
#nav-05 {width: 70px; margin-left:2px;}
#nav-06 {width: 131px; margin-left:5px;}
#nav-07 {width: 59px; margin-left:4px;}


#nav-00 a:hover {background:url("http://www.cammonline.org/images/nav.gif") 0px -31px no-repeat;}
#nav-01 a:hover {background:url("http://www.cammonline.org/images/nav.gif") -53px -31px no-repeat;}
#nav-02 a:hover {background:url("http://www.cammonline.org/images/nav.gif") -139px -31px no-repeat;}
#nav-03 a:hover {background:url("http://www.cammonline.org/images/nav.gif") -218px -31px no-repeat;}
#nav-04 a:hover {background:url("http://www.cammonline.org/images/nav.gif") -305px -31px no-repeat;}
#nav-05 a:hover {background:url("http://www.cammonline.org/images/nav.gif") -360px -31px no-repeat;}
#nav-06 a:hover {background:url("http://www.cammonline.org/images/nav.gif") -435px -31px no-repeat;}
#nav-07 a:hover {background:url("http://www.cammonline.org/images/nav.gif") -570px -31px no-repeat;}


#nav li ul {position:absolute; left:-9999px; background-color:#CDDFEC; z-index:9999; margin-left: 3px;}
/*#nav-03 li {margin-left:-3px;}*/
#nav-07 li, #nav-01 li, #nav-06 li {margin-left:-1px;}
#nav li ul li {height:32px; background:#CDDFEC;}
#nav li ul li a {width:100%; height:32px; line-height:32px;}
#nav li ul li a span {display:block; padding:1px 12px 14px 12px; }


/* Hover styles for drop down items */
#nav li ul a:hover {color:#000;	text-decoration:none; background:#9CBFDA;}


/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {font-size:13px; color:#000; text-decoration:none;}
#nav li:hover ul, #nav li.sfHover ul { left: auto; }


/* width of drop down nav - choose width that allows items to display on one line */

#nav-01 ul, #nav-01 li { width:224px; }
#nav-02 ul, #nav-02 li { width:198px; }
#nav-03 ul, #nav-03 li { width:181px; }
#nav-04 ul, #nav-04 li { width:170px; }
#nav-05 ul, #nav-05 li { width:266px; }
#nav-06 ul, #nav-06 li { width:176px; }
#nav-07 ul, #nav-07 li { width:171px; }

#nav-07 ul {right: 0px; position:relative;}

.nav-border {border-bottom: #CDDFEC solid 8px;}



/* Sub Navigation */

#subnav {font-size: 1.1em;}
#subnav li a {text-decoration: none; color: #000; display:block; padding: 10px 16px;}
li#subnav-title {padding: 12px 0 12px 17px;}
#subnav a:hover {background-color: #B2C7E2;}


body.who-we-are a#who-we-are,
body.directors-message a#directors-message,
body.mission-statement a#mission-statement,
body.our-stewardship a#our-stewardship,
body.st-vincent-de-paul a#st-vincent-de-paul,
body.help-the-poor a#help-the-poor,
body.our-founder a#our-founder,
body.priests-and-brothers a#priests-and-brothers,
body.our-staff a#our-staff,
body.contact-information a#contact-information,
body.driving-directions-and-map a#driving-directions-and-map, 
body.considering-a-vocation a#considering-a-vocation,
body.story-of-the-shrine a#story-of-the-shrine, 
body.tour-of-shrine a#tour-of-shrine,
body.art-museum a#art-museum,
body.pilgrimages a#pilgrimages,
body.free-miraculous-medal a#free-miraculous-medal,
body.the-story-of-the-miraculous-medal a#the-story-of-the-miraculous-medal,
body.st-catherine-laboure a#st-catherine-laboure, 
body.the-apparition-chapel-at-paris a#the-apparition-chapel-at-paris,
body.prayer-requests a#prayer-requests,
body.favors-received a#favors-received,
body.prayers-and-novenas a#prayers-and-novenas,
body.sermons-and-novenas-videos a#sermons-and-novenas-videos, 
body.spanish-sermons-and-novenas-videos a#spanish-sermons-and-novenas-videos,
body.light-a-vigil-candle a#light-a-vigil-candle,
body.how-you-can-help a#how-you-can-help,
body.donate-now a#donate-now,
body.membership a#membership, 
body.charitable-gift-annuity a#charitable-gift-annuity,
body.wills-and-estate-planning a#wills-and-estate-planning,
body.monthly-giving a#monthly-giving,
body.shop-home a#gift-shop-home,
body.miraculous-medals a#miraculous-medals,
body.rosaries a#rosaries, 
body.mass-enrollment-cards a#mass-enrollment-cards,
body.communion-confirmation a#communion-confirmation,
body.babies-and-youth a#babies-and-youth,
body.bracelets a#bracelets,
body.specialty-items a#specialty-items,
body.newsletters a#newsletters, 
body.press-releases a#press-releases,
body.whats-new a#whats-new,
body.join-our-school-programs a#join-our-school-programs,
body.novena-and-mass-schedule a#novena-and-mass-schedule,
body.sign-up-for-newsletter a#sign-up-for-newsletter,
body.training-overview a#training-overview,
body.edit-a-page a#edit-a-page,
body.add-an-item a#add-an-item,
body.edit-an-item a#edit-an-item,
body.edit-featured a#edit-featured,
body.edit-a-pop-up a#edit-a-pop-up,
body.insert-a-video a#insert-a-video,
body.edit-priests-and-brothers a#edit-priests-and-brothers,
body.insert-an-image a#insert-an-image,
body.home-links a#insert-home-links,
body.add-music a#add-music,
body.cancel-monthly a#cancel-monthly,
body.galleries a#galleries,
body.insert-a-pdf a#insert-a-pdf {background-color: #B2C7E2;}



/* Forms */

div.inline { width:396px; margin-bottom:2px; overflow: auto;}
div.inline.space { margin-bottom:40px; }
div.inline label { float:left; width:85px; margin-right:10px; margin-top:3px; }
div.inline input { width: 150px; height: 15px;}
div.inline select { width: 150px;}
div.pilg-form { width:696px; margin-bottom:2px; overflow: auto;}
div.pilg-form label { float:left; width:385px; margin-right:10px; margin-top:6px; }
.form-small {font-size: .85em; margin-bottom: 5px;color:#595959;}
.radio_b {padding-top: 3px;}
.red-text {color: red;}
.btn-right {float: right;}
.pn-labels {font-size: 1.1em; margin-bottom: 7px; margin-left: 2px;}
#submit, #vigil-button {cursor: pointer; background: url(http://www.cammonline.org/images/button.gif) no-repeat; border: none; width: 138px; height: 28px; font-size: 1em; padding-bottom: 4px;  }
#vigil-button {display: block; text-decoration: none; color: #000; text-align: center; padding-top: 5px; float: right;}
textarea#contact-ta {width: 250px; height: 145px;}
textarea#prayer-ta {width: 200px; height: 145px;}
textarea#vigil-ta {width: 200px; height: 58px;}
input#numField {width: 20px; text-align: center; font-size: 12px;}
input#amount {width: 80px;}
#dn-small {font-size: 11px;}



/* Gift Shop */

#shop-item {position: relative;}
#item-cat {width: 455px; float: left;}
#store-cat {position: relative;}
.mini-cart-wrap {width: 150px; height: 229px; position: absolute; right:0; top: 15px;}
.mini-cart-wrap-mem {width: 150px; height: 229px; float:right;}
.mini-cart-ec {text-align: right; margin: 7px 25px 0 0;}
.mini-cart {position: relative; width: 150px; height: 229px; float: right; font-size: .9em; padding: 33px 11px 0; background: url(http://www.cammonline.org/images/mc-bg.jpg) no-repeat;}
.cart-wrap input, .cart-wrap p, .cart-wrap-store input, .cart-wrap-store p {font-size: 1.1em;}
.cart-wrap {clear: left; position: relative; width: 104px; height: 50px; padding-top: 3px;}
.cart-wrap-store {clear: left; position: relative; width: 104px; height: 18px; padding-top: 3px;}
.cart-btn {position: absolute; bottom: 0; left: -1px; border: none;}
.cart-img {position: absolute; top: 0; right: 0; display: none;}
.qty {float: left; padding-top: 2px;}
.shop-item-img {float: left; margin-right: 10px;}
#shop-item .shop-item-img img {width:257px;}
.img-enlarge {color: gray; font-size: 12px; padding: 4px 13px;}
.price-text {color: red;}
.shop-store-desc {position: absolute; left: 137px; top: 25px; width: 300px;}
.shop-store-text {position: absolute; left: 137px; top: 105px; width: 300px;}
.shop-item-text {position: absolute; left: 265px; top: 47px; width: 170px;}
#mem-wrap {position: relative; width: 141px; height: 31px;}
.mini-cart-wrap-mem .mini-cart {float: none;}
.mem-box {width: 465px;}
#fc_tb_closeWindowButtonBot {font-weight: bold; position: relative; bottom: 30px; color: #ff0000;}


.mini-cart-chk {position: absolute; top: 200px;}
#fc_cart_label {font-weight: bold; color: red;}
#fc_total_label {position: absolute; font-weight: bold; top: 150px; font-size: 1.3em;}
#fc_total_label {left: 28px;}
#fc_minicart_qty {font-size: 1.3em; color: #2C7FB6;	font-weight: bold;}


.post {position: relative; margin-bottom: 50px; clear: both;width: 455px;}
.post .cart-btn {left: 75px}
.paginate {border-top:1px solid #2C7FB6;font-size:15px;padding-top:5px;}
.paginate-links {letter-spacing:2px; font-weight:bold;}


.shop-home-right {width: 309px; height: 160px; float: right; margin-bottom: 10px;}
.shop-home-left {width: 309px; height: 160px; float: left; margin-bottom: 10px;}
#shop-home-featured {clear:both; width: 623px; height: 313px; position: relative; background: url(http://www.cammonline.org/images/featured-bg.png) no-repeat;}
#featured-item-img {position: absolute; width: 250px; height: 274px; top: 39px; right: 26px;}
#featured-item-img img {width:250px;}
#featured-text {position: absolute; width: 318px; height: 250px; top: 75px; left: 20px;}
#featured-link {float: right; margin-right: 25px; font-size: 14px;}



/* Gallery */
#gallery-single {text-align: center;}
div.caption {width: 410px; margin: 0 auto; text-align: left;}



/* Training */
.training {margin-left: 0; margin-right: 0;}