@charset "UTF-8";
/* CSS Document */
/*standard colors: dark blue:174d79 dark orange:C87A03 red:e61202 light blue:5986b3 dark gray:bfbfbf */
* {
	padding:0;
	margin:0;
	border:0;
	outline:0;
} 
body {
	behavior: url("csshover3.htc"); /*for fixing IE6 hover on all elements */
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#333333;
	background:#CDCDCD url(images/bodybkg.jpg) top left repeat-x;
}
html, body {
	height:100%;
	min-height:100%;
}
p {
	padding:3px 10px 15px 10px;
	font-size:13px;
	line-height:18px;
}
a {
	color:#174d79;
	text-decoration:none;
}
a:hover {
	color:#e61202;
}
ul, ol {
	padding-left:40px;
	list-style-position:outside;
	font-size:12px;
}
blockquote {
	padding-left:40px;
	font-size:.9em;
}
h1 {
	color:#174d79;
	font-size:28px;
	padding:20px 0 10px 10px;
	line-height:28px;
}
h2 {
	color:#174d79;
	font-size:16px;
	padding:8px 0 2px 10px;
	line-height:16px;
}
h3 {
	color:#174d79;
	font-size:13px;
	padding:8px 0 2px 10px;
}
/**************** layout stuff ********************/
#outer {
	width:974px;
	margin:0 auto;
	background:#CDCDCD url(images/outerbkg.jpg) top left repeat-x;
}
#header {
	width:914px;
	height:125px;
	padding:4px 0 0 60px;
	display:block;
}
#newsletter {
	width:240px;
	height:20px;
	background:transparent url(images/newsletterbkg.jpg) top center no-repeat;
	text-align:center;
	float:right;
	margin-right:50px;
	padding-top:105px;
	display:inline; /* so IE 6 doesn't double the right margin value since this is float:right */
	font-weight: bold;
	font-variant: small-caps;
	letter-spacing: -.05em;
}
#newsletterform {
	width:817px; height:40px; margin:0 auto; padding-top:20px; background-color:#e9e9e9; border:1px solid #dddddd; display:none;
}
#nav {
	width:817px;
	height:32px;
	margin:0 auto;
	display:block;
}
#inner {
	width:817px;
	margin:0 auto;
	background:#FFFFFF url(images/innerbkg.jpg) top left repeat-y;
}
#contenthome {
	width:100%;
	background: url(images/innertop.jpg) top left no-repeat;
	padding:10px 0;
	overflow:hidden;
}
#content {
	width:797px;
	background: url(images/innertop.jpg) top left no-repeat;
	padding:10px;
	overflow:hidden;
}
#footer {
	width:100%;
	height:158px;
	background:#CDCDCD url(images/footerbkg.jpg) top left repeat-x;
	text-align:center;
	font-size:9px;
}
#footerouter {
	width:974px;
	margin:0 auto;
}
#footerinner {
	width:817px;
	height:111px;
	margin:0 auto;
	background:#FFFFFF url(images/footerinnerbkg.jpg) top left no-repeat;
	text-align:center;
	font-size:9px;
}
#column210 {
	width:210px; margin:4px 0 0 0; float:left; display:inline;
}
#column580 {
	width:580px; margin:4px 0 0 7px; float:left; display:inline;
}
.floatrightcol {
	float:right; padding:5px; margin-left:5px; text-align:center;
}

/********************** top navigation *********************/
ul#navbar {
	list-style:none;
	padding:0;
	margin:0:
}
#navbar li {
    list-style:none;
    display:inline;
}
#navbar a i {
	display:none;
}
#navbar a {
    background:url("images/navigation.jpg") no-repeat;
    float:left;
	height:32px;
	outline:0;
}
li#home a {
	width:73px;
	background-position:0 0;
}
li#about a {
	width:80px;
	background-position:-73px 0;
}
li#testimonials a {
	width:107px;
	background-position:-153px 0;
}
li#calendar a {
	width:82px;
	background-position:-260px 0;
}
li#support a {
	width:95px;
	background-position:-342px 0;
}
li#store a {
	width:107px;
	background-position:-437px 0;
}
li#prayer a {
	width:138px;
	background-position:-544px 0;
}
li#contact a {
	width:131px;
	background-position:-686px 0;
}
li#home a:hover, li#home a:active, li#home a.current { 
    background-position:0 -32px;
}
li#about a:hover, li#about a:active, li#about a.current { 
    background-position:-73px -32px;
}
li#testimonials a:hover, li#testimonials a:active, li#testimonials a.current { 
    background-position:-153px -32px;
}
li#calendar a:hover, li#calendar a:active, li#calendar a.current { 
    background-position:-260px -32px;
}
li#support a:hover, li#support a:active, li#support a.current { 
    background-position:-342px -32px;
}
li#store a:hover, li#store a:active, li#store a.current { 
    background-position:-437px -32px;
}
li#prayer a:hover, li#prayer a:active, li#prayer a.current { 
    background-position:-544px -32px;
}
li#contact a:hover, li#contact a:active, li#contact a.current { 
    background-position:-686px -32px;
}

/***************** buttons *************************/
ul#donatebutton {
	list-style:none;
	padding:0;
	margin:0:
}
#donatebutton li {
    list-style:none;
    display:inline;
}
#donatebutton a i {
	display:none;
}
#donatebutton a {
    background:url("images/donatebutton.jpg") no-repeat;
    float:left;
	height:70px;
	outline:0;
}
li#donate a {
	width:170px;
	background-position:0 0;
}
li#donate a:hover { 
    background-position:0 -70px;
}

ul#parishmissionbutton {
	list-style:none;
	padding:0;
	margin:0:
}
#parishmissionbutton li {
    list-style:none;
    display:inline;
}
#parishmissionbutton a i {
	display:none;
}
#parishmissionbutton a {
    background:url("images/parishinfobutton.jpg") no-repeat;
    float:left;
	height:70px;
	outline:0;
}
li#parishinfo a {
	width:170px;
	background-position:0 0;
}
li#parishinfo a:hover { 
    background-position:0 -70px;
}

ul#feedbackbutton {
	list-style:none;
	padding:0;
	margin:0:
}
#feedbackbutton li {
    list-style:none;
    display:inline;
}
#feedbackbutton a i {
	display:none;
}
#feedbackbutton a {
    background:url("images/feedbackbutton.jpg") no-repeat;
    float:left;
	height:70px;
	outline:0;
}
li#feedback a {
	width:170px;
	background-position:0 0;
}
li#feedback a:hover { 
    background-position:0 -70px;
}

/**************** box components *************************/
.bannerbox {
	background: url(images/bannerbkg.jpg) top left no-repeat; float:left; width:500px; height:230px; margin:0 0 5px 10px; padding:5px; display:inline;
}
.calltoactionbox {
	float:left; width:282px; height:240px; margin:0 0 0 5px; display:inline; background: url(images/parish_mission.jpg) top left no-repeat;
}
.webtvbox {
	background:url(images/webtvbox.jpg) top left no-repeat; float:left; width:400px; height:310px; margin:0 0 0 10px; display:inline;
}
.eventlist {
	width:390px; height:434px; margin:4px 8px 0 0; float:right; background:transparent url(images/eventbkg.jpg) top left no-repeat; padding:50px 0 0 0; display:inline;
}
#eventscroll {
	width: 386px;
	height: 424px;
	overflow: auto;
	position: relative;
}
.shopcartbox {
	float:left; width:400px; height:180px; margin:4px 0 0 10px; display:inline;
}
.staffbox {
	width:580px; margin:4px 0 0 10px; float:left; display:inline;
}
.donatebox {
	width:210px; margin:4px 10px 0 0; float:right; display:inline;
}
/******************* 210 wide box ***************************/
.box210top{
	width:210px;
	height:40px;
	background:transparent url(images/boxtop_210.jpg) top left no-repeat;
}
.box210topcontent{
	color:#174d79;
	font-weight: bold;
	font-size:12px;
	line-height:20px;
	text-align:center; 
	padding-top:6px;
}
.box210topcontent a {
	color:#FFFFFF; 
	text-decoration:none; 
	cursor:pointer
}
.box210bottom{
	width:210px;
	background:transparent url(images/boxbot_210.jpg) bottom left no-repeat;
}
.box210content{
	padding:1px 5px 16px 5px;
	height:auto;
	overflow:auto;
}
.box210content p {
	padding:5px 10px;
	font-size:11px;
	line-height:13px;
}
/******************* 580 wide box ***************************/
.box580top{
	width:580px;
	height:40px;
	background:transparent url(images/boxtop_580.jpg) top left no-repeat;
}
.box580topcontent{
	color:#174d79;
	font-weight: bold;
	font-size:12px;
	line-height:20px;
	text-align:center; 
	padding-top:6px;
}
.box580topcontent a {
	color:#FFFFFF; 
	text-decoration:none; 
	cursor:pointer
}
.box580bottom{
	width:580px;
	background:transparent url(images/boxbot_580.jpg) bottom left no-repeat;
}
.box580content{
	padding:1px 5px 16px 5px;
	height:auto;
	overflow:auto;
}
.box580content p {
	padding:5px 10px;
	font-size:11px;
	line-height:13px;
}

/******************** staff *******************************/
.staff {
	width:85px; height:110px; margin:2px 4px; padding:4px 0; border:1px solid #bfbfbf; float:left; background-color:#FFFFFF; text-align:center; display:inline; overflow:hidden;
}
.staff p {
	padding:0; font-size:10px;
}
/******************** testimonials *******************************/
.testimonial {
	width:757px;
	padding:10px 20px;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
}
/***************** contact form ********************/
#contactform {
	margin:0;
	padding:0 20px 0 40px;
	font-size:10px;
}
.formlabel {
	font-size:11px;
	padding:2px;
	height:40px;
}
input, textarea, select {
	border:1px solid #CCCCCC;
	background-color:#f3f3f3;
	padding:2px;
	margin:0 5px 0 0;
	line-height:12px;
}
.controlset label, 
.controlset input { 
	font-size:11px;
	display: inline; 
	float: none; 
}
.controlset { 
	margin-left: 40px; 
}
input#email_button {
	background-color:#5986b3;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	border:0px;
	padding:4px;	
}
input#email_button:hover {
	background-color:#333333;
}
.reqd {
	color:#CC0000;
}
div.errors {
	width:300px;
	padding:5px 20px;
	color:#FF0000;
	font-size:20px;
	font-weight:bold;
}
div.messages {
	width:300px;
	border:3px solid #339933;
	padding:5px 20px;
	color:#339933;
	font-size:20px;
	font-weight:bold;
}
/******************* slideshow styles *******************/
.sidebarpics { height: 412px; width: 312px; padding:0; margin:0; overflow: hidden; }
.sidebarpics img { height: 400px; width: 300px; padding: 5px; border:1px solid #CCCCCC; background-color: #f9f9f9; top:0; left:0 }
/****************** staff contact styles ***************/
.staffcontact {
	width:330px; height:100px; margin-bottom:4px;
}
.staffcontact img {
	float:left; padding:6px; border:1px solid #CCCCCC; margin-right:10px; background-color:#fefefe;
}
.staffcontact p {
	margin:0 10px 8px 10px;
	padding:0;
}
.email {
	display:inline-block;
	text-align:left;
	padding-left:20px;
	margin-bottom:3px;
	font-size:11px;
	background:transparent url(images/iconemail.png) bottom left no-repeat;
}
.phone {
	display:inline-block;
	padding-left:20px;
	font-size:11px;
	margin-bottom:3px;
	text-align:left;
	background:transparent url(images/iconphone.png) no-repeat;
}
.photopic {
	 padding: 5px; border:1px solid #CCCCCC; background-color: #f9f9f9;
}
/******************* events styles *******************/
.eventtitle {
	display:block; font-size:14px; font-weight:bold; background-color:#5986b3; color:#ffffff; padding:3px;
}
.anevent {
	background-color:#eeeeee; margin-bottom:10px;
}
.anevent p {
	padding:3px 3px 0 70px;
	font-size:10px;
}
.outdent {
	margin-left:-60px;
}