/* In this CSS
site, header, navigation, content, footer, forms, global, extra
*/

/*/////// site /////////////////////////////////////////////////////////////*/

* { margin:0; padding:0;}
a {outline:expression(blur()); outline: 0;} /* may be bad for accessability */
table { empty-cells:show;}

html {
	/*site wide inherited attributes*/
	color : #999999;
	font: 13px/20px Arial, Verdana, Tahoma, sans-serif;
}
body {
	margin:0;
	padding:0;
	background: #968a6d url(/Images/MiniSiteParish/bg-body.gif) repeat-x top;
}
.wrapper {
	margin: 0 auto;
	width:960px;
	background: #ffffff;
}
.wrapper_padding { padding: 0; }


/*/////// header /////////////////////////////////////////////////////////////*/

.header { 
	color: white;
	background: #01789a url(/Images/MiniSiteParish2/bg-header.gif) repeat-x bottom;
}

.logo { padding: 0px 25px; height: 160px; vertical-align: top; }
.parish_name {
	font-size: 25px;
	line-height: 28px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 20px;
	margin-bottom: 13px;
}
.parish_location {
	font-size: 13px;
	line-height: 18px;
}
.parish_location a.email {
	color:#FFFFFF;
}

.parish_photos { text-align: right; vertical-align:top; padding: 2px 12px; }
.parish_photos img { border: 2px solid #478da1; }

/*/////// navigation  /////////////////////////////////////////////////////////////*/

.main_nav { background: url(/Images/MiniSiteParish2/bg-nav.gif) repeat-x;  padding-left: 35px; }
.main_nav td { vertical-align: middle; height: 35px; padding-right: 40px; }
.main_nav a { color: #ffffff; text-decoration: none; }
.main_nav a:link { color: #ffffff; text-decoration: none; }
.main_nav a:visited { color: #ffffff; text-decoration: none; }
.main_nav a:active { color: #ffffff; text-decoration: none; }
.main_nav a:hover { color: #ffffff; text-decoration: underline; }

/*/////// content  /////////////////////////////////////////////////////////////*/

.content { clear: both; }
.content_padding { padding: 30px 35px 15px 35px; }

.col_content { vertical-align:top; height: 300px; }
.col_content_padding { padding: 0 ; }

.col_ads { vertical-align:top; width: 210px; }
.col_ads_padding { padding-left: 50px; }

.intro { margin-bottom: 30px; }

.schedule_head { margin-bottom: 20px; }
.schedule_head td {
	background: url(/Images/MiniSiteParish2/bg-mass.gif) repeat-x bottom;
	color: #006b8a;
	padding: 10px;
}

td.schedule_image { width: 10px; background: white; padding: 0; }
.schedule_image img { border: 1px solid #006e8e; margin-right: 10px; }

.schedule_head .holy_days { text-align: right; font-size: 11px; line-height: 15px; vertical-align:bottom; }
.schedule_head .holy_days b { display: block; margin-bottom: 5px; }


.schedule_container { margin-bottom: 20px; color: #006b8a; font-size: 12px; line-height: 20px; }

.schedule_container td {vertical-align: top; padding: 0 9px; }
.schedule_container td.time { background: url(/Images/MiniSiteParish2/bg-schedule.gif) repeat-x 0 21px; border-left: 1px solid #dae0e2; }
.schedule_container td b { display: block; height: 23px; }

.times_spacer { height: 5px; }

.times_confession td.time { background: white; border-color: #DAE0E2; }
.times_confession td b { color: #727272; }

.mission { color: #006b8a; margin-bottom: 50px; }
.mission_name { font-weight: bold; margin-bottom: 10px; }
.mission_mass { margin-bottom: 10px; }

.staff_listing { color: #006b8a; font-size: 14px; margin-bottom: 20px; } 
.staff_listing td { padding-bottom: 20px; padding-right: 150px } 
.staff_listing a { font-size: 12px; } 
.staff_title { font-weight: bold; }
.staff_name {}

.advertising { color: #999999; font-size: 10px; line-height: 13px;}
.col_ads a { display: block; margin-bottom: 10px; }


/*/////// footer /////////////////////////////////////////////////////////////*/

.footer {
	background: #afa78c;
	color: #fbf8e5;
	font-size: 15px;
	margin: 17px;
	margin-bottom: 0 ;
}
.footer_padding { padding: 10px 20px 0px 20px;}
.footer_left { vertical-align: top; padding-bottom: 10px; }
.footer_left .parish_name {
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 7px;
	color: white;
}
.footer_left .parish_location {
	font-size: 13px;
	line-height: 18px;
	color: #2b2b2b;
}

.footer_right { text-align: right; vertical-align:bottom }


/*/////// forms /////////////////////////////////////////////////////////////*/

form { display:inline }

.form {margin-top:25px;}

.form input,.form  select,.form  textarea {
	color : #000000;
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	margin:0;
	border-top: 1px solid #7C7C7C;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
}

.form label {
	color:#666666;
	font-size:9px;
	line-height:12px;
	padding-top:2px;
	display:block;
}

.form .form_req .formcell { background-color: #DEE8EA; font-weight:bold;}
.form .form_err .formcell{ color:#FF0000; border-right: 1px solid #FF0000;}
.form .form_err .errmessage { color:#FF0000;font: normal 11px/14px  Arial, Helvetica, sans-serif;}
.form .form_err input, .form .form_err select, .form .form_err textarea { border:1px solid red !important;}
.form .form_err label { display:block; color:#FF0000; font: 10px/14px "Trebuchet MS", Helvetica, sans-serif;}

.form input { width:200px; padding: 2px 3px;}
.form textarea { width:300px; height:100px; padding: 2px 3px;}
.form select {}
input, textarea, select, option { font-size:11px; color:#797979; }
input, textarea {}
option { padding-right:5px;}

.no_border { border:none !important; width:auto !important;}
.no_border input { border:none !important; }
input[type='checkbox'] { border: none !important; }
input[type='radio'] { border: none !important; }

.tiny { width:40px !important;}
.short { width:75px !important;}
.medium { width:100px !important;}
.long { width:150px !important;}
.xlong { width:220px !important;}
.xxlong { width:250px !important;}
.xxxlong { width:350px !important;}

textarea.xxlong {height:150px !important;}

.formcell {
	color : #666666;
	text-align: right;
	background-color: #CCCCCC;
	padding-right: 5px;
	font: 11px Tahoma, Verdana, Arial, sans-serif;
}
.formcell a {color: #CCCCCC; text-decoration: underline;}
.formcell a:link {color: #CCCCCC; text-decoration: underline;}
.formcell a:visited {color: #CCCCCC; text-decoration: underline;}
.formcell a:active {color: #CCCCCC; text-decoration: underline;}
.formcell a:hover {color: #FF9900; text-decoration: underline;}

input.button { 
	/*use to make a button-like element on a button*/
	color:#5C6BCA !important; 
	font: bold 12px/16px "Trebuchet MS", Helvetica, sans-serif;
	padding: 3px;
	background:#ffffff url() left repeat-x;
	border: none;
	margin: 0 15px 5px 0;
	width:auto;
	cursor:pointer;
}


/*/////// global /////////////////////////////////////////////////////////////*/

a {color: #006b8a; text-decoration: underline;}
a:link {color: #006b8a; text-decoration: underline;}
a:visited {color: #006b8a; text-decoration: underline;}
a:active {color: #006b8a; text-decoration: underline;}
a:hover {color: #6193c4; text-decoration: underline;}

p {margin:0 0 8px 0; padding: 0 0 7px 0 ;}
p.indent { text-indent:30px;}
blockquote{font-style:italic}

h1 {
	color: #17324f;
	font-size: 22px;
	margin-bottom: 3px;
	font-weight: normal;
}

h2 {
	font-size:20px;
	padding: 3px 0 3px 0;
	color: #006b8a;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
	padding: 7px 0 10px 0;
	color: #006b8a;
	font-size: 14px;
}

h4, h5, h6 {
	font-size:13px;
	padding: 7px 0 4px 0;
	color: #006b8a;
}

table.basic {
	/*table class to have padding=0 border=0 spacing=0 width=100% valign=top*/
	border:none;
	width:100%;
	padding:0;
	margin:0;
	border-spacing:0px;
	border-collapse:collapse;
}
table.basic td {
	padding:0;
	vertical-align:top;
}

.tablegrid { border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; color: #666666;}
.tablegrid td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}

.float_left {
	float:left;
	position:relative;
}
.float_right {
	float:right;
	position:relative;
}
.clear { clear:both;}

.odd { background-color:#CCCCCC;}
.even { background-color:;}

.hr {
	background: url(/Images/MiniSiteParish2/bg-hr.gif) no-repeat center center;
	height:18px;
	margin: 0px 0 3px 0;
	overflow:hidden;
}

ol { 
	margin: 2px 0px 7px 15px;
	padding: 2px 0px 7px 15px;
}

ul { 
	margin: 2px 0px 7px 15px;
	padding: 2px 0px 7px 15px;
} 
li { margin-bottom: 3px; }

ul ul { 
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
} 

img { border: 0px; }
.icon { 
	/*aligns img/input/text so they all have verticle centering - all elements need to be the same height*/
	vertical-align:middle;
}
img.icon {
	margin:0 5px 0 5px;
	display:inline;
}

.img_mask {
	position:absolute;
	z-index:100;
}

.button { 
	/*use to make a button-like element on a link*/
	color:#333333; 
	font-size: 11px;
	line-height: 22px; 
	background:#CCCCCC; 
	border-top:2px solid #E5E4E4; 
	border-right:2px solid #B2B1B1; 
	border-bottom:2px solid #B2B1B1; 
	border-left:2px solid #E5E4E4; 
	margin: 3px 0;
}
.button a {color: #666666; text-decoration: none; padding:3px 5px; }
.button a:link {color: #666666; text-decoration: none;}
.button a:visited {color: #666666; text-decoration: none;}
.button a:active {color: #666666; text-decoration: none;}
.button a:hover {color: #AF7215; text-decoration: none;}


/*/////// extra /////////////////////////////////////////////////////////////*/


@media print {
	
}