@charset "utf-8";
/* St. Joseph's Church CSS Document */

body {
	background-color: #6696a3;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;	
}
td th tr table div{margin: 0; padding:0;}
form{margin: 0; padding:0;}
input {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;}
img {border: 0; margin:0; padding:0;}
hr {margin:0;}
a:link{color:#649EA7; text-decoration:underline;}
a:hover{color:#649EA7; text-decoration:none;}
a:visited{color:#649EA7; text-decoration:underline;}
a:active{color:#649EA7; text-decoration:underline;}
.clear_float{clear: both;}
#gradient-top-container{
	background-image: url(../images/bg-gradient-top.gif);
	height: 266px;
	background-repeat: repeat-x;
}
#gradient-top-container-wrapper{
	width: 775px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
#masthead-container {
	background-image: url(../images/masthead.jpg);
	background-repeat: no-repeat;
	height: 198px;
	width: 775px;
}
#logo{float:left; width:270px; margin-left:40px; margin-top:30px; height:140px;}
#logo img{width:270px; height:140px;}
#masthead-nav{
	float:right;
	margin-top: 35px;
	padding-right: 115px;
}
#masthead-nav img{
	margin-bottom: 2px;
	
}
#masthead-nav input{
	font-size: 9px;
	color: #999999;
}
#nav-container{
	height: 40px;
	background-image: url(../images/bg-nav.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
}
#gradient-btm-container{}
#content-container-bg{
	background-image: url(../images/bg-gradient-btm.gif);
	background-repeat: repeat-x;
}
#content-container{
	width: 761px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg-container.gif);
	background-repeat: repeat-y;
}
#content-container-wrapper{
	width: 745px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#content-container-right{
	width: 557px;
}
#content-container-right h1{
	color: #32525F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 0px;
	padding-right: 12px;
	padding-bottom: 4px;
	background-image: url(../images/bg-vines.gif);
	background-repeat: no-repeat;
	margin-top: 8px;
	padding-top: 70px;
	letter-spacing: 1px;
}
#content-container-right h2{
	color: #32525F;
	font-size: 12px;
	line-height: 12px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-top: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#content-container-right h3{
	color: #666666;
	font-size: 11px;
	line-height: 11px;
	margin-right: 12px;
	margin-bottom: 12px;
	font-weight:normal;
}
#content-container-right hr{
	background-color: #649EA7;
	height:1px;
}
#content-container-right p{
	font-size: 12px;
	line-height: 21px;
	margin-top: 0px;
	margin-right: 12px;
	margin-top: 4px;
	margin-bottom: 12px;
	color: #333333;

}
#content-container-right p{
	font-size: 12px;
	line-height: 21px;
	margin-top: 0px;
	margin-right: 12px;
	margin-top: 4px;
	margin-bottom: 12px;
	color: #333333;

}
#content-container-right ul{
	margin-top: 0;
	margin-right: 12px;
	margin-top: 0;
	margin-bottom: 12px;

}
#content-container-right li{
	font-size: 12px;
	line-height: 15px;
	margin-top: 0;
	margin-top: 0;
	margin-bottom: 6px;
	color: #666666;

}
#welcome-container{
	float: left;
	width: 452px;
	height: 231px;
	background-image: url(../images/bg-welcome.gif);
	background-repeat: no-repeat;
}
#welcome-container img{
	margin-left:25px;
	margin-top: 25px;
}
#welcome-container h1{
	margin-left:25px;
	margin-top: 10px;
	color: #6596A3;
	font-weight: bold;
	font-size: 12px;
	line-height: 21px;
	margin-bottom: 0px;
	margin-right: 25px;
	word-spacing: 1px;
}
#welcome-container p{
	margin-left:25px;
	margin-top: 0;
	color: #666666;
	font-size: 12px;
	line-height: 21px;
	margin-bottom: 10px;
	margin-right: 25px;
}
/******************************* News Scroller *********************************/
#news-container{
	float: left;
	width: 293px;
	height: 231px;
	background-image: url(../images/bg-news.jpg);
	background-repeat: no-repeat;
}
#news_sign-container{
	position: absolute;
	height: 282px;
	width: 302px;
	top: 248px;
	background-image: url(../images/bg-news_sign.png);
	background-repeat: no-repeat;
	left: 438px;
}
img, #news_sign-container { behavior: url(iepngfix.htc); }
#news-scroller{
	position: absolute;
	height: 154px;
	width:233px;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
	left: 474px;
	top: 315px;
}
#news-scroller h3{
	font-size: 11px;
	line-height: 12px;
	font-weight:bold;
}
.handcursor{
cursor:hand;
cursor:pointer;
}
/**********************************************************************************/
#bdr-btm{
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#breadcrumb{
	background-color: #649EA7;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 11px;
	text-transform: lowercase;
	letter-spacing: 1px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 1px;
}
#breadcrumb a{color: #FFFFFF; text-decoration: none;}
#breadcrumb a:hover{color: #FFFFFF; text-decoration: underline;}
#footer-container{
	margin-left: auto;
	margin-right: auto;
	width: 761px;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#footer-container a{
	color: #FFFFFF;
	text-decoration: underline;
}
#footer-container a:hover{
	text-decoration: none;
}
#sub_nav-container{
	width: 180px;
	background-image: url(../images/bg-sub_nav.gif);
	background-repeat: no-repeat;
	border-right-width: 8px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	vertical-align: top;
	height: 200px;
}
#sub_nav-container h1{
	color: #FFFFFF;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 7px;
	margin-bottom: 15px;
	line-height: 12px;
	margin-left: 24px;
	font-weight: bold;
}
#sub_nav-container p{
	font-size: 11px;
	color: #508187;
	margin-left: 24px;
	margin-top: -2px;
	line-height: 13px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
#sub_nav-container a{
	color: #508187;
	text-decoration: none;
}
#sub_nav-container a:hover{
	text-decoration: none;
	color: #0D1B1B;
}
.bulletin-container{
	background-image: url(../images/bg-bulletin-container.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 112px;
	margin-top: 8px;
	position:relative;
}
.bulletin-container h1{
	font-size: 11px;
	line-height: 11px;
	color: #FFFFFF;
	background-image: url(../images/bg-pink_title.gif);
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 16px;
	margin: 0px;
	padding-right: 16px;
}
.bulletin-container p{
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	margin-top: 8px;
	padding-right: 16px;
	padding-left: 16px;
	margin-bottom: 0px;
}
.bulletin-container h3{
	position:absolute;
	bottom: 13px;
	right: 16px;
	margin: 0;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
}
.bulletin-container h3 img{
	height:13px;
	width:13px;
	margin-right:3px;
	margin-top:0;
	float: none;
	margin-left: 10px;
	margin-bottom: -2px;
}
.bulletin-container img{
	float:left;
	margin-right:16px;
	margin-top: 4px;
	height: 86px;
	width: 84px;
}
.bulletin-container a:link{
	color: #666666;
	text-decoration: underline;
}
.bulletin-container a:visited{
	color: #666666;
	text-decoration: underline;
}
.bulletin-container a:active{
	color: #666666;
	text-decoration: underline;
}
.bulletin-container a:hover{
	text-decoration: none;
}
.blue-bdr-btm{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A7CED9;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
.font11-upper{
	font-weight: bold;
	font-size: 11px;
}
.blue-bdr-right{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A7CED9;
}
#less_line_height{}
#less_line_height p{line-height:18px;}
#gallery{
	margin-top: -4px;
}
#gallery img{
	margin-right: 8px;
	border: 1px solid #A7CED9;
	height: 62px;
	width: 82px;
}
