body { text-align: center; margin: 0px; padding: 0px; background: url(../images/bg/bg.jpg) repeat-x; }


/**********************************************************/
/*****************        Shaddow        *****************/
/********************************************************/
#outshaddow { background: url(../images/bg/mainbg.png) repeat-y; margin: 0 auto; width: 870px; }
#botshad { background: url(../images/bg/botshad.png) repeat-y; margin: 0 auto; height: 35px; width: 870px; }
#wrapper { position: static; padding: 13px 0 0 0; width: 820px; margin: 0 auto; text-align: left; }


/*********************************************************/
/*****************        Header        *****************/
/*******************************************************/
#header { position: static; width: 793px; margin: 0 auto; background: url(../images/bg/headerbg.png); padding: 2px; }
#banner { width: 793px; background-color: #FFFFFF; }
#navmen { height: 31px; margin: 1px 0 0 0; background: url(../images/bg/navbg.png) repeat-x; }


/*********************************************************/
/*****************        TOP NAV       *****************/
/*******************************************************/
#topnav { width: 793px; background: url(../images/bg/navbg.png) repeat-x; margin: 1px 0 0 0; height: 31px; }
	#topnav li.spacer { margin: 0 16px 0 13px; }
	#topnav ul { width: 793px; list-style: none; padding: 0; margin: 0 0 0 3px; }
	#topnav li { display: block; float: left; height: 31px; margin: 0 0px 0 0; }
		#topnav li a { float: left; display: block; text-decoration: none; }
		#topnav li.lihome { background: url(../images/nav/home.png) no-repeat left; }
			#topnav li.lihome a { background: url(../images/nav/home.png) no-repeat left; height: 31px; text-indent: -5000px; width: 98px; }
				#topnav li.lihome a:hover { background: url(../images/nav/home_over.png) no-repeat right; text-indent: -5000px; }
		#topnav li.lipar { background: url(../images/nav/parish-information.png) no-repeat left; }
			#topnav li.lipar a { background: url(../images/nav/parish-information.png) no-repeat left; height: 31px; text-indent: -5000px; width: 234px; }
				#topnav li.lipar a:hover { background: url(../images/nav/parish-information_over.png) no-repeat right; text-indent: -5000px; }
		#topnav li.lidir { background: url(../images/nav/directions.png) no-repeat left; }
			#topnav li.lidir a { background: url(../images/nav/directions.png) no-repeat left; height: 31px; text-indent: -5000px; width: 149px; }
				#topnav li.lidir a:hover { background: url(../images/nav/directions_over.png) no-repeat right; text-indent: -5000px; }
		#topnav li.lical { background: url(../images/nav/calendar.png) no-repeat left; }
			#topnav li.lical a { background: url(../images/nav/calendar.png) no-repeat left; height: 31px; text-indent: -5000px; width: 136px; }
				#topnav li.lical a:hover { background: url(../images/nav/calendar_over.png) no-repeat right; text-indent: -5000px; }
		#topnav li.linews { background: url(../images/nav/news.png) no-repeat left; }
			#topnav li.linews a { background: url(../images/nav/news.png) no-repeat left; height: 31px; text-indent: -5000px; width: 108px; }
				#topnav li.linews a:hover { background: url(../images/nav/news_over.png) no-repeat right; text-indent: -5000px; }
#navmen ul { width: 793px; float: left; list-style: none; padding: 0; margin: 0 0 0 3px; }
#navmen li { float: left; cursor: pointer; margin: 0px; display: block; text-align: center; }
.spacernav { cursor: default!important; padding: 0 2px 0 2px; }


/************************************************************/
/*****************        Container        *****************/
/**********************************************************/
#innerContainer { background-image: url(../images/bg/contentbg2.gif); margin: 7px 12px 0 13px; height: 100%; }
#content { background-image: url(../images/bg/homebg.gif); width: 627px; float: right; margin: 0 0 0 11px; padding: 3px 0 3px; }
	#content a { color: #5c4ca4!important; text-decoration: none!important; font-weight: normal!important; font-size: 11px; }
		#content a:hover { color: #5c4ca4!important; text-decoration: underline!important; }
	#content p {  }
	#content ul { list-style-type: none; }
	#content li { line-height: 20px; font-size: 12px; padding-left: 14px; }
#clear { height: 0px; clear: both; }


/************************************************************/
/*****************        Homepage         *****************/
/**********************************************************/
.mod_placehere { width: 309px; background-image: url(../images/bg/homebg.gif); }
.rightdiv { margin-left: 3px; }
.welcnew { width: 304px; height: 275px; background-color: #FFFFFF; padding: 1px; }
.welchead { background: url(../images/bg/topheadbg.png) repeat-x; margin: 0 1px 1px 1px; height: 26px; padding: 8px; }
.caldown { width: 304px; height: 222px; background-color: #FFFFFF; padding: 1px; }
.txttop { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 8px 0 8px; clear: both; }
	.txttop table { padding-left: 10px; }
	.txttop p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin-bottom: 10px; color: #333333; }
		.txttop p.last { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin-bottom: 0px!important; color: #333333; }
.caldownhead { background: url(../images/bg/botheadbg.png) repeat-x; margin: 0 1px 1px 1px; height: 26px; padding: 8px; }
.bull { color: #978ac3; }
.txtbot { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 8px 0 8px; }
	.txtbot p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; margin-bottom: 10px; color: #333333; }
#content .article_separator { display: none; visibility: hidden; }
#content .module { float: left; margin: 0 0 0 2px; }


/************************************************************/
/*****************        Left Nav         *****************/
/**********************************************************/
#left { background: url(../images/bg/leftbg.gif); float: left; width: 157px; position: relative; }
#leftInner { font: 90% Arial,sans-serif; text-align: center; }
.module_menu, #left .module { list-style-type: none; margin: 0 0 0 10px; }
ul.menu, #form-login ul { list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 25px 0; }
ul.menu a, #form-login a { font-family: Verdana, Arial, Helvetica, sans-serif; display: block; font-weight: normal; padding: 7px 0 7px 0; color: #000000; text-decoration: none; }
ul.menu a:link,  ul.menu a:visited { color: #000000; text-decoration: none; font-weight: normal; }
ul.menu a:hover,  #form-login a:hover { color: 000000FFF; font-weight: normal; }
#left ul.menu .active a { color: #000000; font-weight: normal; }


/*************************************************************/
/******************         Footer         ******************/
/***********************************************************/
#footer { background: url(../images/bg/footerbg.png); height: 68px; clear: both; margin: 10px 13px 0 13px; text-align: center; font: 10px Verdana, Arial, Helvetica, sans-serif; line-height: 20px; color: #666666; }
	#footer #footm { padding: 15px 0px 0px; }
		#footer #footm p { font: 10px Verdana, Arial, Helvetica, sans-serif; margin: 0px; line-height: 18px; color: #666666; }
		#footer #footm a { text-decoration: none!important; font-weight: normal!important; color: #666666; }
			#footer #footm a:hover { text-decoration: underline!important; color: #666666; }


/************************************************************/
/********************        End        ********************/
/**********************************************************/
#Menu { position: static; width: 877px; /*background-image:url(../images/menu.png);*/ height: 28px; }
h1, h2, h3, h4, p, ul, li { margin: 0px; padding: 0px; font: 12px Arial,sans-serif; }
h1,h2,h3,.componentheading, .contentheading { font: normal normal 200% "Trebuchet MS",Arial,sans-serif; font-weight: bold; color: #66B5FF; }
h2 { font-size: 160% }
h3 { font-size: 120% }
html, body { height: 100%; width: 100%; }
a:link ,  a:visited { text-decoration: underline; color: #66B5FF; font-weight: bold; }
a:hover { text-decoration: none; color: #FFF; font-weight: bold; }
.bs_contentdiv {  }
#FlashHeadpiece { text-align: center; margin-left: auto; margin-right: auto; background-color: #000000; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #333333; border-left-color: #CCCCCC; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; }
.latestnews, .mostread, .popular { font: 11px Arial,sans-serif; list-style-type: none; }
ul.mostread, ul.latestnews { list-style: none; margin-left: 0; padding-left: 1.5em; text-indent: -1.3em; }
li.mostread, li.latestnews { padding-bottom: 4px; list-style-type: none; }
li.mostread a:link, li.latestnews a:link { padding-left: 14px; background-image: url(../images/starbullet.png); background-repeat: no-repeat; background-position: left 2px; }
li.mostread a:hover, li.latestnews a:hover { background-image: url(../images/starbullet-hover.png); background-repeat: no-repeat; background-position: left 2px; }
.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0; }
/*Horizontal Nav*/
#nav { float: right; }
div#nav,div#nav li { list-style-type: none; margin: 0; }
div#nav { position: static; margin-right: 36px; font-size: 12px; }
	div#nav li { float: left; margin-right: 1px; font-size: 12px; text-align: center; display: inline; vertical-align: middle; }
	div#nav a { float: left; height: 26px; line-height: 26px; text-decoration: none; color: #FFF; font-weight: bold; padding-left: 15px; padding-right: 15px; }
		div#nav a:hover { color: #fff; }
	div#nav li.activelink a,div#nav li.activelink a:hover { color: #fff; }
#nav a:link#active_menu-nav, #nav a:visited#active_menu-nav { color: #fff; }
/*Vertical Nav*/
.componentheading { font-family: "Trebuchet MS",Tahoma, Verdana, Arial; font-size: 20px; font-weight: bold; color: #66B5FF; padding-top: 5px; padding-bottom: 10px; }
.contentheading { font-family: "Trebuchet MS".Tahoma, Verdana, Arial; font-size: 20px; font-weight: bold; color: #66B5FF; }
#leftInner .moduletable { padding-bottom: 5px; }
.search { padding-top: 10px; padding-bottom: 5px; }
h3 { font-family: "Trebuchet MS",Tahoma, Verdana, Arial; font-size: 18px; font-weight: bold; color: #66B5FF; padding-top: 5px; padding-bottom: 5px; }
h2 { font-family: "Trebuchet MS",Tahoma, Verdana, Arial; font-size: 20px; font-weight: bold; color: #66B5FF; padding-top: 5px; padding-bottom: 5px; }
#mod_login_password, #mod_login_username, #mod_search_searchword { width: 145px; color: #FFF; }
form { margin: 0; padding: 0; }
input, select { font: 12px "Lucida Grande", Arial,sans-serif; }
select, .inputbox { padding: 2px; }
textarea { padding-left: 2px; }
.button { border: 1px solid #2F2F2F; padding: 1px 10px!important; padding: 1px 5px; background: url(../images/button-bg.gif)!important repeat-x top #333; color: #FFFFFF; }
	.button:hover { background: url(../images/button-bg.gif) repeat-x top #66B5FF; color: #fff; }
	.button:active, .button:focus { border: 1px solid #222222; }
.buttonheading img, .hasTip img, .bs_contentdiv img { border: 0px; }
.inputbox { border: 1px solid #3F3F3F; background: #2F2F2F; color: #FFFFFF; margin-left: 5px; }
	.inputbox:hover, .inputbox:focus { border: 1px solid #606060; }
fieldset.js_loginflat { border: 0px; padding: 8px; margin-left: 12px; margin-right: 12px; font: 11px Arial,sans-serif; text-align: center; vertical-align: top; }
	fieldset.js_loginflat .inputbox { width: 145px; }
	fieldset.js_loginflat legend { display: none }
.moduletableflat { text-align: center; vertical-align: top; }
.bearright { top: 25px; right: 15px; position: absolute; }
.line { color: #CCCCCC; }
#colorfield-border { float: left; position: relative; top: 158px; left: 138px; }
#colorfield-link { float: left; position: relative; top: 180px; left: 76px; }
a.divlink, a.divlink:link, a.divlink:visited { display: block; width: 100%; /*width needs to be specified to work in IE*/ height: 100%; /*height needs to be specified to work in IE*/ line-height: 0px; /*Other browsers expand the link to full width and height.*/ font-size: 0px; color: #222222; }
fieldset.input { border: none; }
input.button { margin-left: 10px; }
#form-login-password, #form-login-username {  }
.small, .createdate { font-size: 90%; font-style: italic; }