﻿body {font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; text-align: center; background: #425A4A;}

p {font-size: 12px; margin: 0em 0.5em 0.5em 0.5em; margin-top: 8px; color: #000000;}
a {color: #653c42; text-decoration: underline;}
h2 {margin: 0; padding: 0;}
h3 {font-size: 12px; margin: 1em 0.5em 0.5em 0.5em;}
img {border: 0;}

#subright ul a {text-decoration: underline;}
#submain ul a {text-decoration: underline;}

#wrapper {margin: auto; text-align: left; width: 950px; background: white;}
#wrapperi {padding: 0px 0px;background: url(images/dot.gif) 400px 0px repeat-y;}

#header {margin: 0;padding: 0;}
#footnav {margin: 0; padding: 0;}

.clear {clear: both; font-size: 1px; height: 5px; margin: 0 0 -4px 0;}

#left {float: left; width: 155px;}

#center {float: left; width: 250px;	z-index: 22;}

#right {float: right; width: 540px; margin-right: 4px;}

#main {float: right; width: 790px; margin-right: 4px; z-index: 22;}

* html #nav li { /* IE 5.x hack */
        padding-left: 20px;
        padd\ing-left: 36px;}

#keywords_container {position:relative; z-index:501;}
#keywords {margin:0; padding: 0; height:39px; width:148px; background: #653C42; border: 2px solid #653C42; color: #FFFFFF;}
#keywords .text {width: 100px; padding:1px;}
#keywords a {text-decoration:none;}
#keywords .submit {background: #653C42; color: #fff; border: 1px solid #e5e4e2; padding:0; margin:0;}
#keywords input {color: #14452F; background: #ECF0F1; border: 1px solid #fff; text-align: left;}
#keywords_form {margin:0;}
#search_suggest {z-index:inherit; position: absolute; background-color: #FFFFFF; text-align: left; border: 1px solid #000000;  color:black;}
.suggest_link {background-color: #FFFFFF; padding: 2px 6px 2px 6px; z-index:inherit;}
.suggest_link_over {background-color: #3366CC;	padding: 2px 6px 2px 6px; z-index:inherit;}
#loginMsg {z-index:100; position:absolute; margin:-17px 0px 0px 12px; padding:1px 3px 1px 3px; font-size:x-small; height: 12px; color:green; background-color:white;}



#quikpics {border-top: 2px; margin-left: -3px; float: left; clear: left;}

#banner {border-top: 5px; float: left; clear: left; width: 150px; margin: 0; border-top-style: solid; border-top-color: #FFFFFF;}

#left_text {border-top: 5px; text-align: left; height: 100px; float: left; clear: left; margin: 0; border-top-style: solid; border-top-color: #FFFFFF;}

#mission {background: url(/images/gradient_bg_250h.jpg) bottom repeat-x; float: right; width: 234px; text-align: center; font-family: tahoma, helvetica, arial, sans-serif; 
	font-size: small; letter-spacing: 1px; line-height: 24px; padding-left: 4px; padding-top: 4px; margin: 0px 5px 5px 0px;}

#romanmissal {background: url(/images/gradient_bg_250h.jpg) bottom repeat-x; float: right; width: 234px; text-align: center; font-size: small; letter-spacing: 1px; line-height: 24px; padding-top: 4px; margin: 0px 5px 5px 0px;}
	
#mission h2 {background: url(/images/title_bg.gif) repeat-x; font-size: 14px; font-weight: bold; height: 35px; margin-left: -4px; color: #FFFFFF; text-align: left;}

#masstimes {background: url(/images/gradient_bg_250h.jpg) bottom repeat-x; float: right; width: 234px; text-align: left; font-size: 9px; border: 1px;
	letter-spacing: 1px; line-height: 18px; padding-left: 4px; margin-left: 0px; margin-right: 5px;}

#masstimes h2 {background: url(/images/title_bg.gif) repeat-x; font-size: 14px; font-weight: bold;	height: 35px; margin-left: -4px; color: #FFFFFF;}

#masstimes li {background: url('/mobile/images/bullet_sq.gif') no-repeat left; margin-left: -35px; color: #000; list-style-type:none; padding: 4px 0px 4px 12px;}

#events {font: small Tahoma; background: url(/images/gradient_bg_250h.jpg) bottom repeat-x; padding-bottom: 0.5em; border-top: 4px solid #fff;}
#events h2 {background: url(/images/title_bg.gif) repeat-x; font-size: 14px; font-weight: bold;	height: 35px; color: #FFFFFF;}
#events h2 a {text-decoration:underline;}
#events li {background: url('/mobile/images/bullet_sq.gif') no-repeat left; color: #FFFFFF; list-style-type:none; padding-left:12px; padding-top:4px; padding-bottom:4px}

#news {font: small Tahoma; background: url(/images/gradient_bg_250h.jpg) bottom repeat-x; padding-bottom: 0.5em; border-top: 5px solid #fff;}
#news h2 {background: url(/images/title_bg.gif) repeat-x; font-size: 14px; font-weight: bold; height: 35px; color: #FFFFFF;}
#news li {background: url('/mobile/images/bullet_sq.gif') no-repeat left; margin-left: 0; color: #FFFFFF; list-style-type:none; padding-left:12px; padding-right:0px; padding-top:4px; padding-bottom:4px}

#content {font: small Tahoma; padding-bottom: 0.5em; height: 400px; border-top: 4px solid #fff;}
#content h2 {background: url(/images/title_bg.gif) repeat-x; font-size: 14px; font-weight: bold; height: 35px; color: #FFFFFF;}
#content h3 {background: url(/images/h3_bg.gif) repeat-x; font-size: 14px; font-weight:normal; height: 35px; color:white;}
#content h3 a {font-size: 14px; font-weight:normal; text-decoration:none; color:white;}
#content li {background: url('/mobile/images/bullet_sq.gif') no-repeat left; margin-left: 0; color: #FFFFFF; list-style-type:none; padding-left:12px; padding-right:0px; padding-top:4px; padding-bottom:4px}

#subright {margin-top: 0px;}

#footer {text-align: right;	background: #d5d5c9; color: #666; border-top: 2px solid #fff;}
* html #footer {height: 1.7em;}
#footeri {padding: 2px 3px 4px 9px; font-family: Arial, Helvetica, sans-serif; font-size: small;}
#footer .copyright {float: left;}
#footeri a {color: #666; text-decoration:underline;}


/* darker grey #BCBCA8      lighter grey #D5D5C9     maroon #653C42 */

#pmenu { width:155px; position:relative; z-index:99;}
#pmenu ul {margin:0;padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px;}
#pmenu li {margin:0; padding:0; list-style:none;}
#pmenu li {display:inline-block; display:inline;}
#pmenu ul ul {position:absolute; left:-9999px;}
#pmenu ul#toplevel {position:absolute; left:0; top:0;}
 
#pmenu a {height:26px;width:140px; display:block; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; background: #D5D5C9; 
line-height:22px; text-decoration:none; padding:0 5px 0 5px; border:1px #fff solid;} 
 
#pmenu ul li:hover > ul {left:100%; margin-top:-29px; margin-left:-2px;	background: #fff ; color: #000;}
 
#pmenu a:hover ul,
#pmenu a:hover a:hover ul, 
#pmenu a:hover a:hover a:hover ul {width:137px; left:100%;color:#000; background: #D5D5C9; }
#pmenu a:hover ul ul, 
#pmenu a:hover a:hover ul ul {width:137px; left:-9999px;color:#000; background: #D5D5C9; }
 
#pmenu li a:hover {background:#BCBCA8; color:#000;} 
#pmenu li:hover > a {background: #BCBCA8; color: #000}
#pmenu li a.fly {color:#000; background: #D5D5C9;}
#pmenu li a.fly:hover {background:#BCBCA8;} 
#pmenu li:hover > a.fly {background:#BCBCA8;}
 
#pmenu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

.pdfIcon {background-image:url('images/icons/pdficon_small.gif');background-repeat:no-repeat;height: 17px;width: 17px;}



