/* --------------------------------------------------------------
  
   Screen Stylesheet
   * imports reset.css & global.css
   * defines site specific styles for screen
   
   Copyright Fusionary Media
   
-------------------------------------------------------------- */

@import "reset.css";
@import "global.css";


/* Layout
-------------------------------------------------------------- */

body{
  background: white;
}
#container{
  /*background: url(/images/ui/bg-noise-light.gif) repeat-y center;*/
  width: 600px;
  background-image:none;
  margin: 0;
}
#container-inner{
  /*background: url(/images/ui/bg-top-decor.gif) no-repeat center -62px;
  padding-top: 1.5em;
  width: 816px;
  padding: 1.5em 72px 0;*/
}
body.store #container-inner{
	/*background-position: center 0;
	padding-top: 34px;*/
	display:none;
}
#header-global{
  /*background: #4a2000 url(/images/ui/bg-header-global.gif) left top;*/
	background-image:none; 
	display:none;
}
#wrapper{
	/*background: url(/images/ui/bg-top-gradient.png) repeat-x;*/
	background-image:none;
}
#branding-logo{
  /*background: url(/images/ui/bg-header-logo.gif) no-repeat;
  width: 960px;
  height: 88px;
  margin: 0 auto;*/
  display:none;
}
#branding-logo a{
	/*background: url(/images/ui/logo-cantius.gif) no-repeat;
	display: block;
	margin: 26px auto 0;
	width: 546px;
	height: 41px;
	background-image:none;*/ 
	display:none;
	  
}
body.store #branding-logo a{
	/*background-image: url(/images/ui/logo-store.gif);
	width: 436px;
	height: 32px;*/
	display:none;
}
#header{
  /*padding-top: 18px;*/ 
	background-image:none;
	display:none;
}
body.store #header{
  	padding-top: 18px;
	background-image: none;
}
#header{
	/*background: url(/images/ui/bg-top-gradient.png) repeat-x;
	padding-top: 18px;*/
	display:none;
}
#footer{
  /*background: url(/images/ui/bg-noise-dark.gif);
  text-align: center;
  width:960px;
  margin: 0 auto;
  position: relative;
  font-size: 12px;*/
  display:none;
}
#footer-inner{
	/*background: url(/images/ui/bg-noise-light.gif) repeat-y center;
	padding-top: 3em;*/
	display:none;
}
#sidebar{
	/*width: 186px;
	float:left;
	padding-left: 18px;
	background: url(/images/ui/bg-sidebar.gif) right bottom no-repeat;
	padding-bottom: 143px;*/
	display:none;
}
#content{
	width: 600px;
	float:none;
	padding-right: 0px;
}
body.home #sidebar{
  /*width: 318px;
  float: right;
  margin: 0 18px 0 0;
	padding: 0;
	background: none;*/
	visibility:hidden;
}
body.home #content{
  width: 426px;
  padding: 0 0 0 12px;
  margin: 0 0 0 18px;
  float: left;
}
body.search #content{
	float:none;
	margin:0 18px;
	padding:0;
	width: 780px;
}
#section-header{
	/*margin-bottom: 1.5em;*/
	visibility:hidden;
}

/* override global.css
-------------------------------------------------------------- */ 

#content h3 {
	font-family:Times, serif;
	font-style:normal;
	color:#000;   
}




/* Global Navigation
-------------------------------------------------------------- */

#nav-global{
  /*list-style: none;
  text-align: center;
  margin: 0 auto;
  background: url(/images/ui/bg-header-global-gradient.gif) repeat-x bottom left;
  min-height: 36px;
  white-space: nowrap;*/ 
  visibility: hidden;
	
}
#nav-global li{
  display: inline;
  background: url(/images/ui/decor-separator-red.gif) no-repeat right center;
  padding: 0 1.2em 0 0;
  margin: 0 .4em 0 0;
}
#nav-global a{
  color: #ffda99;
  line-height: 36px;
}
#nav-global a:hover{
  color: #fff2bf;
  text-decoration: underline;
  background: none;
}

#nav-global li.last{
  margin: 0;
  padding: 0;
  background: 0;
}

/*store global header*/
body.store #nav-global ul{
	width: 880px;
	margin: 0 auto;
	padding: 0 40px;
	list-style: none;
}
body.store #nav-global li{
	background: none;
	margin:0;
	padding:0;
}
body.store #nav-global li.return{
	float:left;
}
body.store #nav-global a{
	color: #ffda99;
}
body.store #nav-global li.secure{
	float:right;
}
body.store #nav-global em{
	color: #e5a12a;
	font-style: normal;
}
body.store #nav-global p{
	margin: 0;
}

/*global search*/
#search-global,
#search-global .hiddenFields{
	display:inline;
}

#input-search-global{
	width: 114px;
}





/* Main Navigation
-------------------------------------------------------------- */

#nav-main, #nav-main li{
  /*margin: 0;
  padding: 0;
  list-style: none;*/
  visibility:hidden;
}
#nav-main{
  /*width: 816px;
  padding: 15px 72px 0;
  margin: 0 auto;
  background: url(/images/ui/bg-top-decor.gif) no-repeat center top;*/ 
  visibility:hidden;
}
body.slideshow #nav-main{
	/*padding-top: 0;*/
	visibility:hidden;
}

#nav-main li{
  float: left;
}
#nav-main li a{
  display: block;
  height: 48px;
  background: url(/images/ui/bg-nav-main.png) no-repeat;
}
#nav-main li.home a{
  width: 71px;
}
#nav-main li.home a:hover{
  background-position: 0 -48px;
}
#nav-main li.home a.active{
  background-position: 0 -96px;
}
#nav-main li.lit-dev a{
  width: 182px;
  background-position: -71px 0;
}
#nav-main li.lit-dev a:hover{
  background-position: -71px -48px;
}
#nav-main li.lit-dev a.active{
  background-position: -71px -96px;
}
#nav-main li.sacraments a{
  width: 115px;
  background-position: -253px 0;
}
#nav-main li.sacraments a:hover{
  background-position: -253px -48px;
}
#nav-main li.sacraments a.active{
  background-position: -253px -96px;
}
#nav-main li.music a{
  width: 73px;
  background-position: -368px 0;
}
#nav-main li.music a:hover{
  background-position: -368px -48px;
}
#nav-main li.music a.active{
  background-position: -368px -96px;
}
#nav-main li.calendar a{
  width: 100px;
  background-position: -441px 0;
}
#nav-main li.calendar a:hover{
  background-position: -441px -48px;
}
#nav-main li.calendar a.active{
  background-position: -441px -96px;
}
#nav-main li.art a{
  width: 55px;
  background-position: -541px 0;
}
#nav-main li.art a:hover{
  background-position: -541px -48px;
}
#nav-main li.art a.active{
  background-position: -541px -96px;
}
#nav-main li.organizations a{
  width: 138px;
  background-position: -596px 0;
}
#nav-main li.organizations a:hover{
  background-position: -596px -48px;
}
#nav-main li.organizations a.active{
  background-position: -596px -96px;
}
#nav-main li.classes a{
  width: 82px;
  background-position: -734px 0;
}
#nav-main li.classes a:hover{
  background-position: -734px -48px;
}
#nav-main li.classes a.active{
  background-position: -734px -96px;
}



/* Section Navigation
-------------------------------------------------------------- */

.nav-section, .nav-section li{
	/*margin: 0;
	padding: 0;
	list-style: none;*/
	visibility:hidden;
}
.nav-section{
	background: url(/images/ui/bg-nav-section-divider.gif) no-repeat bottom right;
	padding-bottom: 1px;
}
.nav-section li{
	background: url(/images/ui/bg-nav-section.gif) repeat-y;
}
.nav-section li a{
	display:block;
	border-right: 1px solid #dec49e;
	border-left: 1px solid transparent;
	background: url(/images/ui/bg-nav-section-divider.gif) no-repeat top right;
	padding: .75em;
}
.nav-section li.subnav{
	color: #AF792B;
}
.nav-section li.subnav span{
	display:block;
	border-right: 1px solid #dec49e;
	border-left: 1px solid transparent;
	background: url(/images/ui/bg-nav-section-divider.gif) no-repeat top right;
	padding: .75em;
}
.nav-section li a:hover,
.nav-section li.active a{
	background: url(/images/ui/bg-nav-section.gif) repeat-y -180px 0;
}
/*.nav-section li.active a{
	border: 1px solid #dec49e;
	border-right-color: transparent;
	background: url(/images/ui/bg-noise-light.gif) -25px 0;
	color: #57230a;
}*/
.nav-section li ul{
	margin: 0;
}
.nav-section li ul li{
	background: none;
}
.nav-section li ul a{
	padding: .25em 1.5em;
}
body.store #sidebar a.frame{
	padding: 2px;
	width: 155px;
	margin: 0 auto 10px;
}
#sidebar-links{
	/*background: url(/images/ui/bg-nav-section.gif) repeat-y;
	padding-top: 20px;
	border-right: 1px solid #DEC49E;*/
	visibility:hidden;
}
/*.nav-section li ul ul a{
	color: #AF792B;
	background: none;
	padding: 0 3em;
}*/



/* Slideshow Header
-------------------------------------------------------------- */

#slideshow-outer{
  /*width: 960px;
  background: url(/images/ui/bg-top-decor.gif) no-repeat center top;
  margin: 0 auto;*/
  visibility:hidden;
}
#slideshow{
  /*display: block;
  background: url(/images/ui/bg-top-decor-slideshow.gif) no-repeat center 48px;
  height: 242px;
  width: 816px;
  padding: 0 72px;*/
  visibility:hidden;
}
body.slideshow #nav-main{
  /*background: url(/images/ui/bg-top-decor-slideshow.gif) no-repeat center -195px;*/ 
  visibility:hidden;
}
body.slideshow #container-inner{
  /*background: url(/images/ui/bg-top-decor-slideshow.gif) no-repeat center -242px;*/ 
  visibility:hidden;
}



/* Secondary Navigation
-------------------------------------------------------------- */

#nav-secondary, #nav-secondary li,
#nav-global-secondary, #nav-global-secondary li{
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav-secondary li,
#nav-global-secondary li{
  display:inline;
  background: url(/images/ui/decor-separator-tan.gif) no-repeat right center;
  padding: 0 1.2em 0 0;
  margin: 0 .4em 0 0;
}
#nav-secondary,
#nav-global-secondary{
  width: 816px;
  padding: 0 72px;
}
#nav-secondary{
  font-size: 14px;
	margin-bottom: .3em;
}
body.store #nav-secondary{
	margin-bottom: 0;
}
#nav-secondary li a,
#nav-global-secondary li a{
  padding: .2em;
}
#nav-secondary li.last,
#nav-global-secondary li.last{
  margin-right: 0;
  padding-right: 0;
  background: none;
}



/* Footer
-------------------------------------------------------------- */

#decor-footer{
  /*text-align: left;
  background: url(/images/ui/bg-footer-decor.gif) no-repeat left top;
  width: 844px;
  height: 145px;
  margin: 0 auto;
  position: relative;*/
  visibility: hidden;
}
#decor-footer span{
  background: url(/images/ui/decor-rays.png) no-repeat;
  position:absolute;
  width: 197px;
  height: 93px;
  left: 50%;
  margin-left: -98px;
  top: 68px;
}
#site-info{
	line-height: 1.8;
}
#site-info span{
	color: #8d4819;
}


/* Home
-------------------------------------------------------------- */

#featured-store-home, #featured-store-home li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#featured-store-home li{
	float:left;
	margin: 0 12px 0 0;
	width: 134px;
}
#featured-store-home li.last{
	margin-right: 0;
}
#featured-store-home{
	margin-bottom: 1em;
}
#featured-store-home a.frame{
	height: 126px;
	background: #fff;
}
#news-home, #news-home li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#news-home li{
	margin-bottom: 1.5em;
}
#news-home h3{
	font-style: normal;
	margin-bottom: .25em;
}
#news-home a.frame{
	float:left;
	margin-right: .75em;
}
#news-home p{
	margin: 0;
}


#address-home .box-section {
	background: #fff url(/images/ui/bg-address-box.gif) no-repeat scroll bottom left;
	min-height: 124px;
	padding: .75em 0 0 0;
}
#address-home ul, #address-home li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#address-home ul{
	margin: 0 0 0 80px;
}
#address-home address{
	font-style: normal;
	margin: 0 0 0 80px;
}



/* Common Elements
-------------------------------------------------------------- */
a.more-link{
	float:right;
	margin-bottom: 1.5em;
}


a.zoom{
	background: url(/images/ui/icon-zoom.gif) no-repeat left center;
	padding-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a.zoom:hover{
	text-decoration: underline;
}

.note{
	color: #8A522E;
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
}

/* section headings */

#section-header h2{
	/*margin: 0 0 -10px 40px;*/
	visibility:hidden;
}
#section-header h2 a{
	display:block;
	height: 37px;
}
#section-header a.sacred_music{
	background: url(/images/ui/heading-music.gif) no-repeat;
	width: 75px;
}
#section-header a.sacraments{
	background: url(/images/ui/heading-sacraments.gif) no-repeat;
	width: 115px;
}
#section-header a.liturgy_devotions{
	background: url(/images/ui/heading-liturgy-devotions.gif) no-repeat;
	width: 210px;
}
#section-header a.sacred_art{
	background: url(/images/ui/heading-art.gif) no-repeat;
	width: 55px;
}
#section-header a.organizations{
	background: url(/images/ui/heading-organizations.gif) no-repeat;
	width: 135px;
}
#section-header a.classes{
	background: url(/images/ui/heading-classes.gif) no-repeat;
	width: 72px;
}
#section-header a.calendar{
	background: url(/images/ui/heading-calendar.gif) no-repeat;
	width: 90px;
}
#section-header a:hover{
	background-color: none;
}

/* framed boxes */
/*.box-framed{
  background: url(/images/ui/bg-box-framed-side.gif) no-repeat left top;
  padding: 13px 0 0 0;
	margin-bottom: .5em;
}
.box-framed.no-border{
  padding: 11px 0 0 0;
}
.box-framed .box-wrap{
  background: url(/images/ui/bg-box-framed-side.gif) no-repeat left bottom;
  min-height: 104px;
  padding: 0 13px 13px;
}
.box-framed.no-border .box-wrap{
	padding: 0 11px 11px;
}
.box-framed .box-body{
  background-color: #f8e8b8;
}
.box-framed .hr {
	background: url(../images/ui/hr-box-framed.gif) repeat-x scroll top left;
	height: 12px;
	clear: both;
}
.box-framed .box-body h3{
	margin: .75em .5em .5em;
}
.box-framed .box-body ul{
	margin: 0 1em .5em;
}
.box-framed a.more{
	float: right;
	margin: 0 1em 0;
}
.box-framed a.bottom{
	margin-bottom: .75em;
}
.box-framed a img{
	display: block;
}*/
.box-framed{
	background: #f8e8b8 url(/images/ui/bg-framed-side.gif) repeat-y;
	margin-bottom: .5em;
}
.box-wrap{
	background: url(/images/ui/bg-framed-top.gif) no-repeat;
}
.box-body{
	background: url(/images/ui/bg-framed-bottom.gif) no-repeat left bottom;
	padding: 13px;
	min-height: 104px;
}
.box-framed.no-border .box-body{
	padding: 11px;
}
.box-section{
	background: url(/images/ui/hr-box-framed.gif) repeat-x scroll left bottom;
	padding: .75em 1em;
}
.box-section.last{
	background: none;
}
.box-section h3{
	margin-bottom: .5em;
}
.box-section p{
	text-align: right;
	margin-bottom: .75em;
}


/*image frames*/
img.frame,
.image-caption-box img{
	border: 2px solid #ddcca3;
	padding: 2px;
	background: #f8e8b8;
	margin: 0;
	float: none;
}
a.frame:hover{
	border-color: #b80000;
}
a.frame{
	border: 2px solid #ddcca3;
	padding: 2px;
	background: #f8e8b8;
	margin: 0;
	text-align: center;
	display:block;
}




.image-caption-box{
	background: #f1e6c4 url(/images/ui/bg-caption-rounded.gif) no-repeat left bottom;
	width: 248px;
	float:right;
	margin: 0 0 .75em .75em;
}
.image-caption-box span{
	display: block;
	background:  url(/images/ui/bg-caption-rounded.gif) no-repeat right bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #a16238;
	padding: .75em 1.5em;
}



/* Events */
.event{
	clear: both;
}

div.event_photo{
	float: left;
	width: 100px;
}
		
div.event_description{
	float: right;
	width: 300px;
}


/* schedule (homepage) */
.schedule,
.schedule li{
  clear: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.schedule{
	margin-bottom: .75em;
}
.schedule li{
  border-bottom: dashed 1px #dcc99d;
  padding: .2em 0;
}
.schedule dt{
  float: left;
  clear: both;
  color: #937d5c;
  font-weight: bold;
  font-size: 12px;
}
.schedule dd{
  float: right;
  margin: 0;
  color: #2f1301;
	width: 70%;
}
.schedule em{
  color: #8a522e;
}
.schedule dl{
  margin: 0;
}
/*general table*/
table.schedule th,
table#search-results thead th{
	font-size: 11px;
	color: #af792b;
	text-transform: uppercase;
	padding: 0 1em .75em;
}
table.schedule th,table.schedule td,
table#search-results th, table#search-results td{
	border-bottom: dashed 1px #dcc99d;	
}
table.schedule td,
table#search-results td{
	padding: .3em 1em;
}

/*schedule table*/
table.schedule td.date{
	color: #937d5c;
  font-weight: bold;
  font-size: 12px;
	white-space: nowrap;
	width: 9%;
}
table.schedule td.event{
	width: 50%;
}
table.schedule td.category{
	width: 40%;
}

/* banners */
.banner{
  background: url(/images/ui/bg-banner.gif) no-repeat;
  padding-left: 18px;
  color: #1c0b00;
  font-size: 14px;
  text-align: center;
  font-style: normal;
  line-height: 24px;
  float: left;
  margin-bottom: .5em;
}
.banner *{
	float:left;
  background: #f8e8b8 url(/images/ui/bg-banner.gif) no-repeat right top;
  height: 26px;
  padding-right: 18px;
}

/* horizontal rulers */
div.hr-decor{
  background: url(/images/ui/hr-decor.gif) no-repeat center center;
  height: 4px;
  margin: 1.5em auto;
  clear: both;
}
div.hr-decor-full{
  background: url(/images/ui/hr-decor-full.gif) no-repeat center center;
  height: 15px;
  margin: 0 auto;
  clear: both;
}
div.hr-decor-gold-full{
  background: url(/images/ui/hr-decor-gold-full.gif) no-repeat center center;
  height: 18px;
  margin: 0 auto;
  clear: both;
}

/*dropcaps*/
.dropcap{
  width: 66px;
  height: 66px;
  float: left;
  background: no-repeat;
  padding: 0 .25em 0;
}
.a  { background-image: url(/images/ui/dropcaps/a.gif); }
.b  { background-image: url(/images/ui/dropcaps/b.gif); }
.c  { background-image: url(/images/ui/dropcaps/c.gif); }
.d  { background-image: url(/images/ui/dropcaps/d.gif); }
.e  { background-image: url(/images/ui/dropcaps/e.gif); }
.f  { background-image: url(/images/ui/dropcaps/f.gif); }
.g  { background-image: url(/images/ui/dropcaps/g.gif); }
.h  { background-image: url(/images/ui/dropcaps/h.gif); }
.i  { background-image: url(/images/ui/dropcaps/i.gif); }
.j  { background-image: url(/images/ui/dropcaps/j.gif); }
.k  { background-image: url(/images/ui/dropcaps/k.gif); }
.l  { background-image: url(/images/ui/dropcaps/l.gif); }
.m  { background-image: url(/images/ui/dropcaps/m.gif); }
.n  { background-image: url(/images/ui/dropcaps/n.gif); }
.o  { background-image: url(/images/ui/dropcaps/o.gif); }
.p  { background-image: url(/images/ui/dropcaps/p.gif); }
.q  { background-image: url(/images/ui/dropcaps/q.gif); }
.r  { background-image: url(/images/ui/dropcaps/r.gif); }
.s  { background-image: url(/images/ui/dropcaps/s.gif); }
.t  { background-image: url(/images/ui/dropcaps/t.gif); }
.u  { background-image: url(/images/ui/dropcaps/u.gif); }
.v  { background-image: url(/images/ui/dropcaps/v.gif); }
.w  { background-image: url(/images/ui/dropcaps/w.gif); }
.x  { background-image: url(/images/ui/dropcaps/x.gif); }
.y  { background-image: url(/images/ui/dropcaps/y.gif); }
.z  { background-image: url(/images/ui/dropcaps/z.gif); }



.featured-box{
	background: url(/images/ui/bg-product-featured.gif) no-repeat;
	width: 176px;
	height: 259px;
	padding: 50px 50px 11px;
	position: relative;
	float: left;
}

.featured-box a.frame{
	display: block;
	margin: 0 auto;
	text-align: center;
	background: #fff;
	border: 2px solid #DDCCA3;
	margin-bottom: 10px;
	min-height: 166px;
}
.featured-box a.frame:hover{
	border-color: #b80000;
}
.featured-box a.frame img{
	background: none;
	border: none;
	padding: 0;
}
.featured-box a.frame span{
	position: absolute;
	top: 39px;
	right: 39px;
	height: 68px;
	width: 68px;
}
.featured-box .exclusive{
	background: url(/images/ui/badge-exclusive.gif);
}
.featured-box .special{
	background: url(/images/ui/badge-special.gif);
}



/* Calendar
-------------------------------------------------------------- */

.calendar .today{
	background-color: #7e0091;
}
.calendar .weekendDay{
	background-color: #f1e3db;
}
.calendar .otherMonth,
.calendar .day,
.calendar .specialDay{
  padding: 0;
	width: 26px;
	line-height: 26px;
}
td.day, td.otherMonth{
  border-bottom: 1px dotted #bbbbbb;
}


/* EE calendar */
.calendarBG{
	width: 162px;
	float:left;
	margin: 0 15px;
	color: #2f1301;
	border-collapse: collapse;
}
.calendars{
	margin-bottom: 1.5em;
}
.calendarHeader th{
	border-bottom: 1px solid #dec49e;
}
.calendarCell{
	color: #99691d;
	border: 1px solid #F8E3CD;
}
.calendarBlank{
	visibility: hidden;
}
.calendarDayHeading{
	font-size: 11px;
}
.calendarBG td,
.calendarBG th{
	width: 14%;
	text-align: center;
	line-height: 1.5;
}
.calendarBG .caldendarHeader th{
	width: auto;
	text-align: left;
}
.calendarCell a{
	background: #f8e3cd;
	display:block;
}
.calendarToday a{
	background: #b80000;
	display:block;
	color: #fdf9df;
}
.calendarCell a:hover{
	background: #E6C9BB;
}
.calendarToday{
	background: #D5BC7F;
	color: #fdf9df;

}

/* WEBSTORE styles
-------------------------------------------*/

#products ul li {
	margin-left:20px;
}

.product_box {
	position:relative;
	display:block;
	height:auto;
	width:450px;
	float:left;
	border:1px solid #AF792B;
	padding: 20px;
	margin-bottom:20px;
}

.product_left {
	display:block;
	float:left;
	padding:0px 10px 10px 0px;
}

.product_detail_image {
	padding: 0px 10px 10px 0px;
}



/* EE Webstore Styles
-------------------------------------------------------------- */

.products-featured, .products-featured li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.products-featured{
	clear: left;
}
.products-featured li a.frame{
	width: 166px;
	height: 166px;
	background: #fff;
}
.products-featured li{
	margin: 0 9px;
	float:left;
	width: 176px;
}
.product-list, .product-list li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.product-list li{
	margin-bottom: 3em;
	padding-bottom: 3em;
	background: url(/images/ui/hr-decor.gif) center bottom no-repeat;
}
.product-list a.frame{
	float:left;
	margin: 0 20px 0 0;
	width: 126px;
	background: #fff;
}

/*product list view - jh*/

/*.product-list li a.frame{
  	margin-bottom:50px;
}*/

.product-list li .title{
	display:block;
	font-style:italic;
	font-size: 18px;
}

.product-list li .subtitle{
	display:block;
	font-size: 14px;
}
.product-list li .description{
	display:block;
	color: #af792b;
	font-style: italic;
	font-size: 13px;
	margin-bottom: .5em;
}
.product-list li .physical{
	color: #a16238;
	font-size: 12px;
	margin-bottom: .5em;
}
.product-list li .price{
	display:block;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: .5em;
}


body.store #sidebar a.frame{
	display:block;
	text-align: center;
}
body.store #sidebar a.frame:hover{
	background: none;
}

dl.product dd.image{
	text-align:center;
	width: 172px;
	position: absolute;
	top: 0;
	left: 0;
}
dl.product.list dd.image{
	text-align:center;
	width: 172px;
	position: static;
	float:left;
}
dl.product.list dd.image{
	width: 132px;
}
dl.product dd.image a.frame{
	width: 166px;
	background: #fff;
	display:block;
}
dl.product.list dd.image a.frame{
	width: 126px;
}
/*dl.product dd.image a.frame{
	border: 2px solid #DDCCA3;
}*/
dl.product dd.image a.frame:hover{
	border-color: #b80000;
}
dl.product dd.image a.frame img{
	border:none;
	padding: 0;
}

dl.product dt,
dl.product dd.subtitle,
dl.product dd.physical,
dl.product dd.price,
dl.product dd.description,
dl.product dd.order,
dl.product dd.pbs{
	width: 390px;
	float: right;
}
dl.product.list dt,
dl.product.list dd.subtitle,
dl.product.list dd.physical,
dl.product.list dd.price,
dl.product.list dd.description,
dl.product.list dd.order,
dl.product.list dd.pbs{
	width: 380px;
	float: right;
	padding-right: 40px;
}
dl.product.list dd.price{
	margin-bottom:0 ;
}
.product-description{
	clear: both;
	margin-top: 1.5em;
}
dl.product dd{
	margin: 0;
}

/*product detail page*/
dl.product{
	color: #784a2d;
	line-height: 1.2;
	position: relative;
	min-height: 174px;
	margin: 0 0 1.5em 0;
}
dl.product.list{
	margin-bottom: 2em;
	padding-bottom: 2.3em;
	background: url(/images/ui/hr-decor.gif) center bottom no-repeat;
	min-height: 126px;
}
dl.product.list p{
	margin-bottom:0;
}
dl.product dt{
	font-size: 18px;
	font-weight:bold;
}
dl.product dd.subtitle{
	font-size: 14px;
}
dl.product.list dd.subtitle{
	margin-bottom:.5em;
}
dl.product dd.description{
	color: #af792b;
	font-style: italic;
	font-size: 13px;
	margin-bottom: .5em;
}
dl.product dd.physical{
	color: #a16238;
	font-size: 12px;
	margin-bottom: .5em;
}
dl.product dd.price{
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: .5em;
}
dl.product dd.pbs{
	color: #a16238;
	font-size: 12px;
	margin-bottom: .5em;
}


body.store #footer h2{
	color: #7e3f16;
	font-size: 21px;
	font-weight: bold;
	font-style: italic;
	margin: .5em 0 1em;
}
#order, #order li{
	margin:0;
	padding: 0;
	list-style: none;
}
#order{
	width: 726px;
	margin: 0 auto;
	text-align: left;
	border-bottom: 1px solid #e5d7a8;
	padding: 0 0 15px 0;
	margin-bottom: 15px;
}
#order li{
	width: 20%;
	float: left;
	margin: 0 2.5%;
}

#order h3{
	background-repeat: no-repeat;
	padding-left: 25px;
}
#order .step1 h3{
	background-image: url(/images/ui/icon-number-1.gif)
}
#order .step2 h3{
	background-image: url(/images/ui/icon-number-2.gif)
}
#order .step3 h3{
	background-image: url(/images/ui/icon-number-3.gif)
}
#order .step4 h3{
	background-image: url(/images/ui/icon-number-4.gif)
}

ul.credit{
	margin: 0;
}
ul.credit li{
	margin-right: 5px;
	width: auto !important;
}

/* Image Gallery
-------------------------------------------------------------- */

.gallery-list, .gallery-list li{
	margin:0;
	padding: 0;
	list-style: none;
}
.gallery-list li a.img{
	float:left;
	padding-right: 10px;
}
.gallery-list li a.img:hover{
	background: none;
}
.gallery-list li{
	margin-bottom: 20px;
}


/* DEVELOPMENT styles
-------------------------------------------*/
.fusionary_note {
	font-style:italic;
	color:#999999;
	background:#ffff33;
}


/* Event Detail
-------------------------------------------------------------- */

/*product detail page*/
.event-detail h3{
	font-size: 18px;
	font-weight:bold;
	margin: 0;
}
.event-detail p.subtitle{
	font-size: 15px;
	font-style: italic;
	margin-bottom: .75em;
}

.event-detail dl{
	color: #784a2d;
	line-height: 1.2;
}
.event-detail dl dt{
	display: none;
}
.event-detail dl dd{
	margin: 0;
}
.event-detail dl dd.subtitle{
	font-size: 15px;
	font-style: italic;
	color: #af792b;
}
.event-detail dd.date{
	font-size: 14px;
	font-weight: bold;
	margin: .75em 0 0;
}
.event-detail span.liturgical-date{
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
}
.event-detail dd.short-description{
	color: #af792b;
	font-style: italic;
	font-size: 13px;
}

.event-detail dl dd.description{
	color: #af792b;
	font-style: italic;
	font-size: 13px;
	margin-bottom: .5em;
}
.event-detail dl dd.physical{
	color: #a16238;
	font-size: 12px;
	margin-bottom: .5em;
}
.event-detail dl dd.price{
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: .5em;
}
.event-detail dl dd.pbs{
	color: #a16238;
	font-size: 12px;
	margin-bottom: .5em;
}


/* Featured Events
-------------------------------------------------------------- */

.events-featured, .events-featured li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.events-featured li{
	clear:left;
	margin: 0 0 18px 0;
}
.events-featured div.info{
	margin-left: 175px;
	float:left;
	width: 407px;
}
.events-featured a.frame{
	float:left;
	margin: 0 0 0 -582px;
	width: 154px;
}
.events-featured h3{
	font-size: 16px;
	font-style: normal;
	margin-bottom: 5px;
	font-weight: bold;
}
.events-featured p{
	font-size: 14px;
	margin-bottom: 0;
}
.events-featured h3 em{
	color: #937d5c;
  font-weight: bold;
  font-size: 12px;
	margin-left: 10px;
}

.composer { /*style for composer in Music Program body */
	margin:0 0 0 1.5em;
	color:#666666;
	font-style:italic;
}