/*
Blessed Sacrament Parish, Hollywood, California
*/
@import "sacramentcss.css";
a.external     { background: url(css-2009/external.gif) no-repeat right center; padding-right: 17px }
a.email   { background: url(css-2009/email.gif) no-repeat left center; padding-left: 16px }
a.highlight     { text-decoration: none }
strong { font-weight: bold; }
em  { font-style: italic }
#cleartop    { line-height: 0px; margin: 0; padding: 0; border: 0px; height: 0px }
#clearbot    { line-height: 1px; clear: both; margin: 0; padding: 0; width: 100%; height: 1px }
.clearbot    { line-height: 1px; clear: both; margin: 0; padding: 0; width: 100%; height: 1px }
#frontpage                     { background-color: #fff; text-align: left; clear: both; margin: 0px auto; padding: 0px; border-right: 10px solid #0c3a5e; border-bottom: 10px solid #0c3a5e; border-left: 10px solid #0c3a5e; width: 980px }
#frontcon                       { background-color: white; text-align: left; margin: 0px auto 10px; padding: 20px 0px 0px; width: 980px }
#frontpray                 { float: right; margin: 0px; padding: 0px; border: 0px; width: 410px; height: 300px }
/* Cu3er style */
#myslide   { background-color: #fff; margin: 0px 0px 0px 20px; padding: 0px; width: 940px }
#slideshow      { width:940px; margin:0 auto; padding:10px 0 40px 0; background: url(images/slider_bg_bottom.gif) no-repeat bottom;}
#cu3er-container  { width: 940px; outline: 0 }
/* Announcements */
div.announce { margin: 10px 0px 20px 20px; }
div.announce3 { float: left; width: 575px; }
div.announce2 { float: left; width: 383px; }
div.announce img { float: left; margin: 15px 18px 0px 0px; }
body.front div.announce h5 { background:url("csspics/css-2009/bg-menu.jpg") repeat-x scroll left top #0C3A5E; color:#FFFFFF; font-family:Georgia,Times,serif; font-size:12px; font-weight:normal; height:2em; line-height:2em; margin:0; margin-bottom:3px; margin-right: 20px; padding:0 0 5px 17px; }

div.videostuff   { margin: 0px auto; padding: 0px 0px 20px; width: 940px; height: 200px }
div.videoframe    { float: left; margin: 0px 20px 0px 0px; padding: 0px; width: 300px; height: 200px }
div.videolast  { float: left; padding: 0px; width: 300px; height: 200px; margin: 0px; }
div.videoframe object, div.videolast object { padding: 0px; width: 300px; height: 200px; margin: 0px; }

.clear { clear: both; }
body.front a.homehid  { width: 100%; display: none }
body.front #toplinks     { width: 370px }

body.front div.special     { text-align: left; clear: both; margin: 30px auto 20px; width: 940px }
body.front div.special h2 { text-align: left; margin-top: -20px; margin-right: auto; margin-left: auto }
body.front div.third { display:inline; float:left; width:312px; }
body.front div.mypad  { padding: 20px }

body.front #frontpage #topright                   { color: #0c3a5e; text-align: left; clear: both; margin: 0px auto; width: 940px }
body.front #frontpage #topright #news           { float: left; width: 100% }
body.front #frontpage #topright #news h5                  { color: #fff; font-weight: normal; font-size: 12px; line-height: 2em; font-family: Georgia, Times, serif; background: #0c3a5e url(css-2009/bg-menu.jpg) repeat-x left top; text-align: center; margin-bottom: 3px; height: 2em }
body.front #frontpage #topright #news ul       { list-style-type: none; margin-top: 20px; width: 100% }
body.front #frontpage #topright #news ul li                { list-style-type: none; float: left; width: 312px; display: inline }
body.front #frontpage #topright #news ul li a                { color: #0c3a5e; line-height: 25px; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; background-color: #e9f3f2; text-indent: 0px; list-style-type: none; margin-bottom: 10px; padding-left: 90px; height: 80px; display: block }
body.front #frontpage #topright #news ul li.pn a:link, body.front #frontpage #topright #news ul li.pn a:visited      { background: #e9f3f2 url(avatars/castilho.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.pn a:hover, body.front #frontpage #topright #news ul li.pn a:active      { background: #ffffff url(avatars/castilho.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.pc a:link, body.front #frontpage #topright #news ul li.pc a:visited      { background: #e9f3f2 url(avatars/mandala.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.pc a:hover, body.front #frontpage #topright #news ul li.pc a:active      { background: #ffffff url(avatars/mandala.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.sl a:link, body.front #frontpage #topright #news ul li.sl a:visited     { background: #e9f3f2 url(avatars/liturgy.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.sl a:hover, body.front #frontpage #topright #news ul li.sl a:active      { background: #ffffff url(avatars/liturgy.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.sch a:link, body.front #frontpage #topright #news ul li.sch a:visited     { background: #e9f3f2 url(avatars/jones.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.sch a:hover, body.front #frontpage #topright #news ul li.sch a:active       { background: #ffffff url(avatars/jones.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.por a:link, body.front #frontpage #topright #news ul li.por a:visited     { background: #e9f3f2 url(avatars/doogan.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.por a:hover, body.front #frontpage #topright #news ul li.por a:active      { background: #ffffff url(avatars/doogan.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.is a:link, body.front #frontpage #topright #news ul li.is a:visited        { background: #e9f3f2 url(avatars/negrete.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.is a:hover, body.front #frontpage #topright #news ul li.is a:active      { background: #ffffff url(avatars/negrete.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.ls a:link, body.front #frontpage #topright #news ul li.ls a:visited         { background: #e9f3f2 url(avatars/avelar.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.ls a:hover, body.front #frontpage #topright #news ul li.ls a:active      { background: #ffffff url(avatars/avelar.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.le a:link, body.front #frontpage #topright #news ul li.le a:visited         { background: #e9f3f2 url(avatars/milano.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.le a:hover, body.front #frontpage #topright #news ul li.le a:active      { background: #ffffff url(avatars/milano.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.sb a:link          { }
body.front #frontpage #topright #news ul li.ym a:link, body.front #frontpage #topright #news ul li.ym a:visited         { background: #e9f3f2 url(avatars/marroquin.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.ym a:hover, body.front #frontpage #topright #news ul li.ym a:active      { background: #ffffff url(avatars/marroquin.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.em a:link, body.front #frontpage #topright #news ul li.em a:visited          { background: #e9f3f2 url(avatars/medina.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.em a:hover, body.front #frontpage #topright #news ul li.em a:active       { background: #ffffff url(avatars/medina.jpg) no-repeat left top; }
body.front #frontpage #topright #news ul li.car { width: 470px; }
body.front #frontpage #topright #news ul li.car a { padding-left:170px; }
body.front #frontpage #topright #news ul li.car a:link, body.front #frontpage #topright #news ul li.car a:visited          { background: #e9f3f2 url(avatars/carnival.jpg) no-repeat left top }
body.front #frontpage #topright #news ul li.car a:hover, body.front #frontpage #topright #news ul li.car a:active       { background: #ffffff url(avatars/carnival.jpg) no-repeat left top }
body.front #frontpage #topright #roman, body.front #frontpage #topright #quick, body.front #frontpage #topright #site               { text-decoration: none; float: left; margin-
top: 5px; margin-right: 20px; width: 303px }
body.front #frontpage #topright #roman h5, body.front #frontpage #topright #quick h5, body.front #frontpage #topright #site h5               { color: #fff; font-weight: normal; font-size: 12px; line-height: 2em; height: 2em }
body.front #frontpage #topright #roman ul, body.front #frontpage #topright #quick ul, body.front #frontpage #topright #site ul   { }
body.front #frontpage #topright #roman li, body.front #frontpage #topright #quick li, body.front #frontpage #topright #site li    { list-style-type: square; list-style-position: inside }
body.front #frontpage #topright #roman a, body.front #frontpage #topright #quick a, body.front #frontpage #topright #site a           { text-decoration: none }
body.front #frontpage #topright #roman a:link, body.front #frontpage #topright #quick a:link, body.front #frontpage #topright #site a:link         { }
body.front #frontpage #topright #roman a:visited, body.front #frontpage #topright #quick a:visited, body.front #frontpage #topright #site a:visited         { }
body.front #frontpage #topright #roman a:hover, body.front #frontpage #topright #quick a:hover, body.front #frontpage #topright #site a:hover           { color: #333; text-decoration: none }
body.front #frontpage #topright #site      { margin-right: 0px; width: 290px }
#roman h5, #quick h5, #site h5           { font-weight: normal; font-size: 12px; font-family: Georgia, Times, serif; background: #0c3a5e url(css-2009/bg-menu.jpg) repeat-x left top; margin-bottom: 3px; padding-left: 17px }
#roman ul, #quick ul, #site ul   { }
#roman ul li, #quick ul li, #site ul li   { }
#roman ul li a, #quick ul li a, #site ul li a       { text-decoration: none }
#roman ul li a:hover, #quick ul li a:hover, #site ul li a:hover      { color: #333; text-decoration: none; background-color: #fff }
.rightman   { }
.strike { text-decoration: line-through }
.strongbold { font-weight: bold; text-decoration: none }
.italicslant { font-style: italic; text-decoration: none }
.centeralign { text-align: center }
.rightalign { text-align: right }
li.ell   { text-align: left; list-style-position: inside }
#ellleft   { float: left; clear: left; margin-bottom: 10px; width: 100% }
.boxedin { border: dotted 2px #c0c0c0 }
.imgalone      { color: silver; background: silver url(imagesite/01image/backpic.jpg) no-repeat center; margin: 0px; padding: 5px; border: solid 1px black }
.imgleft    { color: silver; background: silver url(imagesite/01image/backpic.jpg) no-repeat left top; margin: 0px 10px 0px 0px; padding: 5px; border: solid 1px black }
.imgright    { color: silver; background: silver url(imagesite/01image/backpic.jpg) no-repeat right top; margin: 0px 0px 0px 10px; padding: 5px; border: solid 1px black }