*{
margin:0px;
padding:0px;
}
img{border:0px}
html{
width:100%;
height:100%;
}
body{
width:880px;
height:100%;
margin:0 auto;
position:relative;
}
html > body{
min-height:100%;
height:auto;
}

body a{
color:#CC0000;
text-decoration:underline;
}
body a:visited{text-decoration:underline}
body a:hover{text-decoration:none}


#header{
background-image:url(images/headerbg.gif);
background-position:top left;
background-repeat:repeat-x;
padding:1px 0 0 15px;
height:78px;
}
#header img{float:left}
#small{
float:right;
display:inline;
margin:7px 30px 0 0;
}
#small a{
display:block;
float:left;
margin:0 0 0 11px;
}
#menu{
background-image:url(images/menubg.gif);
background-position:top left;
background-repeat:repeat-x;
height:29px;
border-bottom:1px solid #2B2B2B;
border-left:2px solid #2B2B2B;
border-right:1px solid #2B2B2B;
}
#menu li{
list-style-type:none;
float:left;
width:94px;
height:29px;
background-image:url(images/last-button.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}
#menu img{
float:left;
border-right:1px solid #2B2B2B;
}
#below-header{
height:215px;
margin:0;
padding:0;
}

.lefttd{
width:599px;
}

.righttd{
width:281px;
}

.rightmenus{
width:281px;
background-image:url(images/back1.jpg);
background-position:top right;
background-repeat:no-repeat;
margin:0;
padding:0;
}

#below-header img{
float:left;
}

h2.headline{
width: auto;
padding:4px 0 0px 0px;
margin:4px 0 0px 0px;
font-size:19px;
color:#656565;
background:url(images/titleback.jpg) no-repeat left bottom;
}

h3.subheadline{
width: auto;
padding:4px 0 0px 0px;
margin:4px 0 0px 0px;
font-size:18px;
color:#639266;
background:url(images/titleback.jpg) no-repeat left bottom;
}

#slogan{
width:281px;
height:197px;
float:left;
font-family:Arial;
font-size:11px;
color:#FDFFFA;
background-image:url(images/slogan1.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0;
padding:0;
}

#sloganrosary{
width:281px;
height:197px;
float:left;
font-family:Arial;
font-size:11px;
color:#FDFFFA;
background-image:url(images/slogan-rosary.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0;
padding:0;
}

#slogan p, #slogan-white, #sloganrosary p{
display:block;
margin:125px 20px 0 0px;
width:230px;
float:right;
text-align:right;
}

#big-column{
width:550px;
min-height:350px;
background-image:url(images/back.jpg);
background-position:top left;
background-repeat:no-repeat;
float:left;
display:inline;
padding:0 0 80px 20px;
margin:0px 20px 0 0px;
font-family:Arial;
font-size:11px;
color:#333333;
}

#big-column p, .about p{
font-size:12px;
line-height:20px;
padding:17px 0 0 0;
}
.title{
padding:0px 0 0 0;
}
#big-column img{
float:left;
padding:5px 5px 5px 0;
margin:0;
}

#big-column .gallery{
padding:30px 5px 2px 0px;
}

#big-column .gallery img{
float:left;
margin: 4px;
padding:3px;
border: 1px solid #CCCCCC;
background-color:#F2F2F2;
}

#small-column{
padding:0;
margin:0;
font-family:Arial;
font-size:11px;
color:#333333;
width:271px;
min-height:450px;
overflow:visible;
float:left;
border-left:1px dotted #C2E2CA;
}
#special{
width:281px;
float:left;
background-image:url(images/rosary-elevation.gif);
background-position:bottom right;
background-repeat:no-repeat;
background-color:#D7E1C9;
padding:0 0 25px 0;
margin:0;
}
#special p{
width:220px;
display:block;
margin:-20px 0 10px 108px;
}
#special a{
display:block;
color:#FFFFFF;
text-decoration:none;
padding:1px 4px;
background-color:#678E33;
float:right;
display:inline;
margin:0 30px 0 30px;
}
.offer{
margin:0 0 10px 0px;
padding:10px 0 0px 10px;
float:left;
display:inline;
width:270px;
}
.offer ul{
margin:5px 0 0 0;
}
.offer li, .services #big-column li{
list-style-type:none;
background-image:url(images/arrow.gif);
background-position:0px 3px;
background-repeat:no-repeat;
line-height:20px;
padding:0 25px 0 28px;
width:270px;
float:left;
}

#big-column ul{
margin:5px 0 20px 20px;
}
#big-column ul li{
list-style-type:none;
background-image:url(images/arrow.gif);
background-position:0px 3px;
background-repeat:no-repeat;
line-height:20px;
padding:0 25px 0 28px;
margin:0;
width:470px;
float:left;
}

#big-column ul.content{
margin:15px 0 20px 20px;
padding:0;
}
#big-column ul.content li{
list-style-type:none;
background-image:url(images/bullet.gif);
background-position:0px 3px;
background-repeat:no-repeat;
line-height:20px;
padding:0 25px 0 28px;
margin:0;
width:470px;
float:left;
}

.offer a, .services a{
color:#666666;
text-decoration:underline;
}
.offer a:visited, .services a:visited{text-decoration:underline}
.offer a:hover, .services a:hover{text-decoration:none}

#footer{
width:880px;
background-image:url(images/headerbg.gif);
background-position:top left;
background-repeat:repeat-x;
font-family:Arial;
font-size:11px;
color:#333333;
text-align:center;
padding:10px 0;
line-height:18px;
position:absolute;
bottom:0px;
left:0px;
}
#footer a{
color:#006666;
text-decoration:none;
margin:0 7px;
}
#footer a:visited{text-decoration:none; color:#006666;}
#footer a:hover{text-decoration:underline}

#footer .tbwa{
color:#333333;
text-decoration:none;
margin:0 2px;
}
#footer .tbwa:visited{text-decoration:none;color:#333333;}
#footer .tbwa:hover{text-decoration:underline;color:#333333;}

.news{
width:193px;
float:left;
margin:18px 0 0 21px;
display:inline;
}
.news p{
display:block;
padding:19px 0 0 0;
}
.news span{
display:block;
width:68px;
text-align:center;
color:#ffffff;
font-weight:bold;
background-color:#6C9538;
padding:2px 0;
margin:0 0 5px 0;
}
.news a{
display:block;
color:#1C5574;
text-decoration:underline;
margin:5px 0 0 0;
}
.news a:visited{text-decoration:underline}
.news a:hover{text-decoration:none}
.about{
width:452px;
float:left;
margin:18px 0 0 51px;
display:inline;
}
.services{
width:203px;
float:left;
margin:18px 0 0 60px;
display:inline;
}
.services ul{
width:203px;
margin:25px 0 0 0;
}
.services li{
padding:0 0 0 28px;
}

span.red{
color:#DF0000;
}