@charset "utf-8";
/* carmelmission.org styles */

html, body, ul, ol, li, p, table,
h1, h2, h3, h4, h5, h6, div, td, tr,
form, fieldset, a, img, iframe{margin:0; padding:0; border:0;}
body{
	background-repeat: repeat-x;
	background-position: center top;
	color: #3C2415;
	background-color: #F0E5C7;
}
.clear_float{clear:both;}
#container{
	width: 100%;
	background-image: url(../images/bg-mission_wall.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #CEB479;
}
.wrapper{
	width: 892px;
	margin-right: auto;
	margin-left: auto;
}
.float_left{float:left;}
.float_right{float:right;}
.tranOFF {opacity:.50;filter: alpha(opacity=50);-moz-opacity: 0.50;}
.tranOFF-less {opacity:.75;filter: alpha(opacity=75);-moz-opacity: 0.75;}
.tranON {}
.font-tel_fax{
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
}
/*************** portal **********************/
#portal-top{
	text-align: center;
	color: #6E2405;
}
#portal-top h1{padding-top: 25px;}
#portal-top p{padding-top: 25px;}
#portal-logo{padding-top: 100px;}
#portal-nav-container{
	background-image: url(../images/portal-nav-border.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 190px;
	margin-top: 15px;
}
#portal-footer{
	height: 55px;
	background-image: url(../images/bg-portal-footer.gif);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
}
#portal-footer p{
	padding-top: 24px;
	text-align: center;
}
#portal-footer-border{
	background-image: url(../images/portal-nav-border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 10px;
}
/*********************************************/



/*************** secondary pages **********************/
#masthead-container{
	background-image: url(../images/portal-nav-border.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 140px;
	padding-top: 10px;
}
#masthead-wrapper{
	width: 892px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
#masthead-nav{
	position: absolute;
	left: 25px;
}
#masthead-logo{
	position: absolute;
	right: 0px;
	top: 9px;
	width: 403px;
}
#masthead-sub_nav{
	position: absolute;
	top: 85px;
	left: 20px;
}
#content-container{
	width: 892px;
	margin-right: auto;
	margin-left: auto;
}
#content-left_column{
	width: 481px;
	height: 332px;
	background-image: url(../images/bg-left_column.gif);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
	color: #3C2415;
	background-color: #ebdeb8;
}
#content-left_column-wrapper{
	width: 401px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#content-left_column h1{
	font-size: 20px;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 5px;
}
#content-left_column p{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
}
#content-left_column h3{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 20px;
	font-weight: normal;
	text-transform: lowercase;
	margin-top: -20px;
	color: #8B5D3B;
}
#content-left_column h4{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 20px;
	font-weight: normal;
	margin-top: -15px;
}
#content-left_column a{
	text-decoration: underline;
	color: #8B5D3B;
}
#content-left_column a:hover{
	color: #8B5D3B;
	text-decoration: none;
}
#content-left_column h3 a{
	text-decoration: none;
	color: #8B5D3B;
}
#content-left_column h3 a:hover{
	color: #8B5D3B;
	text-decoration: underline;
}
#content-left_column ul{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: -15px;
}
#content-left_column ol{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
	margin-left: 40px;
	margin-top: -15px;
}
#content-left_column li{
	margin-bottom: 5px;
}
#content-left_column select{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #3C2415;
}
#content-right_column{
	height: 332px;
	vertical-align: top;
	width: 411px;
}
#content-right_column h1{
	color: #3C2415;
	font-size: 14px;
	line-height: 18px;
	margin-left: 23px;
	margin-right: 20px;
}
#content-right_column p{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
	margin-left: 23px;
	color: #3C2415;
	margin-right: 20px;
}
#content-right_column ul{
	margin-left: 23px;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 15px;
	padding-left: 23px;
	margin-top: -15px;
	color: #3C2415;
}
#content-right_column li{
	margin-bottom: 5px;
}
#content-right_column a{
	text-decoration: underline;
	color: #8B5D3B;
}
#content-right_column a:hover{
	color: #8B5D3B;
	text-decoration: none;
}
#sub_sub_nav{
	width: 155px;
	background-image: url(../images/bg-sub_sub_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 332px;
	float:left;
}
#sub_sub_nav p{
	margin-top: 20px;
	background-image: url(../images/nav/sub_sub_nav-bullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left 2px;
	margin-left: 3px;
	color: #efe5c5;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 10px;
	letter-spacing: 1px;
}
#sub_sub_nav a{
	color: #efe5c5;
	text-decoration: none;
}
#sub_sub_nav a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
#content-right_photo{
	height: 332px;
	width: 256px;
	float:left;
}
#content-right_photo-home{
	height: 332px;
	width: 411px;
	float:left;
}
#footer-nav{
	width: 892px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}
#footer-nav-press{
	float: right;
	width: 419px;
	border: 1px solid #FFFFFF;
	height: 125px;
	color: #8B5D3B;
}
#footer-nav-press a{color: #8B5D3B; text-decoration: underline;}
#footer-nav-press a:hover{text-decoration: none;}
#footer-nav-press h1{
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 15px;
}
#footer-nav-press p{
	font-size: 12px;
	line-height: 14px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
	background-image: url(../images/bg-press_border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
	margin-top: 10px;
}
#footer-nav-left{float: right;}
#footer-nav-left img{
	margin-right: 5px;
	border: 1px solid #FFFFFF;
}
#footer-border{
	background-image: url(../images/bg-footer-border.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top:7px;
	color: #603913;
}
#footer-border a{color: #8B5D3B; text-decoration: none;}
#footer-border a:hover{text-decoration: underline; color: #8B5D3B;}
#footer-border p{
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 1px;
}
#footer-border-wrapper{
	width: 892px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.left-content-bdr{
	background-image: url(../images/bg-footer-border.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 2px;
	margin-top: -10px;
	margin-bottom: 10px;
}
#content-left_column-wider{
	width: 636px;
	height: 332px;
	background-image: url(../images/bg-left_column-wider.gif);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: top;
	color: #3C2415;
	background-color: #ebdeb8;
}
#content-left_column-wider-wrapper{
	width: 556px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#content-left_column-wider h1{
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
}
#content-left_column-wider p{
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 20px;
}
#content-right_column-narrow{
	height: 332px;
	vertical-align: top;
	width: 256px;
}
#right_column-photo-bdr{
	background-image: url(../images/bg-right_column-photo-bdr.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 3px;
	padding-top: 20px;
}
.vendors-bdr{
	background-image: url(../images/bg-footer-border.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 20px;
}
.vendors-bdr img{
	margin-bottom: 20px;
	border: 1px solid #8B5D3B;
}
#clergy_staff{
	margin-top: -10px;
	padding-bottom: 10px;
}
#clergy_staff p{
	line-height: 16px;
	margin-bottom: 10px;
}
#clergy_staff h2{
	font-size: 14px;
	text-transform: uppercase;
	background-image: url(../images/bg-footer-border.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	line-height: 16px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
}
#faith_formation{
	margin-bottom: 20px;
}
#faith_formation img{
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
.form-titles{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	letter-spacing: 1px;
	padding-bottom: 5px;
	vertical-align: top;
}
.form-titles-required{
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #990000;
	letter-spacing: 1px;
	padding-bottom: 5px;
	vertical-align: top;
}
.form-input{
	font-size: 12px;
	vertical-align: top;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 150px;
	font-family: "Times New Roman", Times, serif;
	border: 1px solid #C8AB8B;
	color: #3C2415;
}
.form-textarea{
	font-size: 12px;
	vertical-align: top;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 225px;
	font-family: "Times New Roman", Times, serif;
	border: 1px solid #C8AB8B;
	color: #3C2415;
}
.form-btn{
	margin-left: 5px;
	font-family: "Times New Roman", Times, serif;
	color: #3C2415;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
}
.press-img{
	margin-left: 20px;
	margin-bottom: 10px;
	border: 1px solid #8B5D3B;
	float: right;
	width: 114px;
}
#map{
	border: 1px solid #C8AB8B;
}
#photo-gallery{}
#photo-gallery p{
	margin-bottom: 5px;
}
#photo-gallery img{
	height: 55px;
	width: 73px;
	border: 1px solid #FFFFFF;
	margin-right: 5px;
	margin-bottom: 5px;
}
.photo-gallery-bdr-btm{
	margin-bottom: 20px;
}
/*********************************************/



/*************** lightbox **********************/
#lightbox{
	background-color:#F0E5C7;
	padding: 10px;
	border-bottom: 3px solid #6E2405;
	border-right: 3px solid #6E2405;
	}
#lightboxDetails{
	font-size: 12px;
	padding-top: 10px;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#lightbox a{
	color: #6E2405;
	text-decoration: underline;
}
#lightbox a:hover{
	color: #6E2405;
	text-decoration: none;
}
#overlay img{ border: none; }



#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #F0E5C7;
	/*back\ground-color: transparent;*/
	background-image: url(/*../images/blank.gif*/);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
/*********************************************/



/*************** museum secondary pages **********************/
#masthead-museum-sub_nav{
	position: absolute;
	top: 83px;
	left: 18px;
}
#sub_sub_nav-museum{
	width: 155px;
	background-image: url(../images/bg-sub_sub_nav-museum.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 332px;
	float:left;
}
#sub_sub_nav-museum p{
	margin-top: 20px;
	background-image: url(../images/nav/sub_sub_nav-bullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left 2px;
	margin-left: 3px;
	color: #efe5c5;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 10px;
	letter-spacing: 1px;
}
#sub_sub_nav-museum a{
	color: #efe5c5;
	text-decoration: none;
}
#sub_sub_nav-museum a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
#right_column-photo-bdr-museum{
	background-image: url(../images/bg-right_column-photo-bdr-musuem.gif);
	background-repeat: repeat-x;
	height: 2px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 3px;
}
#exhibition-image-container{
	margin-left: 3px;
	margin-top: -20px;
	margin-bottom: 20px;
}
#exhibition-image-container img{
	border: 1px solid #9F5909;
	margin-bottom:7px;
	width: 254px;
}
#exhibition-image-container p{
	font-size: 12px;
	line-height: 18px;
	color: #8B5D3B;
	margin-bottom: 12px;
	margin-right: 10px;
	margin-left: 12px;
	text-align: right;
}
.exhibition-bdr{
	vertical-align: bottom;
	background-image: url(../images/bg-right_column-photo-bdr-musuem.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 20px;
}
.img-bdr-brwn{	margin-bottom: 20px; border: 1px solid #8B5D3B;}
#three-d-table{}
#three-d-table h1{
	font-size: 14px;
	font-weight: bold;
}
#three-d-table ul{
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 14px;
}
#three-d-table li{}
#three-d-table img{
	float: right;
	margin-left: 5px;
	margin-bottom: 20px;
}
#three-d-table td{
	background-image: url(../images/bg-footer-border.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 20px;
}
.events-bdr{
	background-image: url(../images/bg-footer-border.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	vertical-align: top;
}
.events-bdr p{
	padding-top: 12px;
}
.events-bdr img{
	margin-top: 12px;
}
/*********************************************/
#masthead-store-sub_nav{
	position: absolute;
	top: 83px;
	left: 45px;
}
#content-right-store{
	min-height: 480px;
	/*float:right;*/
	background-color: #FFFFFF;
	background-image: url(../images/bg-right-column-store.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width:206px;
}
#sub_sub_nav-store{
	background-image: url(../images/bg-sub_sub_nav-store.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 480px;
	/*float:left;*/
	background-color: #603913;
	/*margin-left: 3px;*/
	width:202px;
}
#sub_sub_nav-store h2{
	padding-left: 20px;
	padding-top: 20px;
}
#sub_sub_nav-store p{
	margin-top: 20px;
	background-image: url(../images/nav/sub_sub_nav-bullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left 2px;
	color: #efe5c5;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 10px;
	letter-spacing: 1px;
	margin-left: 0;
}
#sub_sub_nav-store a{
	color: #efe5c5;
	text-decoration: none;
}
#sub_sub_nav-store a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
/*********************************************/
#top-sellers{
	margin-right: 6px;
	margin-left: 6px;
}
#top-sellers h2{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 12px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #E8D9AE;
}
#top-sellers p{
	font-size:11px;
	margin-bottom: 5px;
	line-height: 15px;
	color: #231F20;
}
#top-sellers a{color:#6E2405; text-decoration:none;}
#top-sellers a:hover{color:#6E2405; text-decoration:none;}
.top-sellers-bdr{
	padding-bottom: 12px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #E8D9AE;
	padding-top: 20px;
}
.content-right_column-store{
	background-color: #FF0000;
}
/*********************************************/
#search{
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #8B5D3B;
	margin-right: 6px;
	margin-left: 6px;
	margin-top: 40px;
	padding-top: 10px;
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 10px;
}
#search input{font-size: 10px; margin:0; padding:0; border:0; background-color:transparent; font-family:"Times New Roman", Times, serif; color:#EFE5C5;}
/*********************************************/
#cart{
	float:right;
	padding-top: 27px;
}
#my-shopping-cart{
	text-align: left;
	padding-bottom: 5px;
}
#cart-contents{
	text-align: right;
	padding-bottom: 5px;
}
#cart-content-tbl{
	text-align: right;
	background-image: url(../images/bg-cart-content.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 43px;
	vertical-align: bottom;
}
#price{
	width: 115px;
	padding-left: 10px;
	color: #231F20;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 13px;
	padding-bottom: 8px;
	text-align: left;
}
/*********************************************/
#content-left_column-store{
	width: 451px;
	margin-top: 10px;
	margin-left: 20px;
}
/*********************************************/
#breadcrumb{
	font-size: 12px;
	color: #6E2405;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 14px;
	margin-bottom: 10px;
	margin-right: 10px;
}
/*********************************************/
.product-thumbs{
	text-align: left;
	vertical-align: top;
	padding-bottom: 30px;
}
.product-thumbs img{
	width: 100px;
	border: 1px solid #603913;
}
/*********************************************/
#products-info{
	text-align: left;
	vertical-align: top;
}
#products-info p{
	font-size: 12px;
	line-height: 14px;
	padding-left: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
}
#products-info p a{
	color: #6E2405;
	text-decoration: none;
}
#products-info p a:hover{text-decoration: underline;}
/*********************************************/
.products-cart{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}
.products-cart-qty{
	width: 17px;
	background-image: url(../images/bg-products-cart-qty.gif);
	background-repeat: no-repeat;
	height: 15px;
	font-size: 11px;
	font-family: "Times New Roman", Times, serif;
	color: #231F20;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
/*********************************************/
#product{
	text-align: left;
	vertical-align: top;
}
#product h1{
	font-size: 18px;
	line-height: 20px;
	padding-left: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	color: #6E2405;
	font-weight: normal;
}
#product p{
	font-size: 12px;
	line-height: 14px;
	padding-left: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
}
#product p a{
	color: #6E2405;
	text-decoration: none;
}
#product p a:hover{text-decoration: underline;}
/*********************************************/
.product-enlarged{
	text-align: left;
	vertical-align: top;
	padding-bottom: 30px;
}
.product-enlarged img{
	width: 270px;
	border: 1px solid #603913;
}
