body {background-image: url(../images/bg.jpg); background-repeat: repeat-x;}
.grey {background-color: #FFF;font-family: Times, Helvetica, Sans-serif, Serif;font-size: 10px; color: #000;}
.button {background-color: #003882; font-weight: bold;font-family: Times, Helvetica, Sans-serif, Serif;font-size: 10px; color: #fff;}
.footer {position: relative; float:right;top:320px;}
.footer p {padding:0 0 0 0;margin:0 0 0 0;}

table.tab_pag td.red {border: 1px solid rgb(255,0,0);}	 
table.tab_pag td {     margin: 0;
         padding: 0.3em 0.3em 0 0.3em;
         font-family: helvetica,arial,serif;
	 font-style: normal;
	 font-size: 12px;
	 text-indent: 0;
	 /* text-align: center; */
	 width: auto;}
table.tab_pag td a {text-decoration: none;color: #000;background-color:#fff;}
table.tab_pag td a:hover{color: #0075ef;background-color:#fff;}

.cap {float:left;
width: 22px;
font-size: 34px;
line-height: 31px;
font-weight: normal;
color:#444444;
background-color:#fff;
font-family: Helvetica, Sans-serif;
}
div.main{
position:relative;
clear:both;
top:-30px;
width:265px;
padding:0px;
float:left;
/* text-align:left; */
}
div.main2{
 width:65%;
 position:relative;
 top:-25px;
 padding:0px;
 margin:0px;
 float:left;
 /* text-align:left; */
 color:#000;
 background-color:#fff;
 font-family: Times, Helvetica, Sans-serif, Serif;
 font-size: 12pt;
 vertical-align:top;}
div.main ul {
	position: relative;
	list-style: none;
	margin: 10px;
	padding: 10px;
	border: none;
	}
div.main ul li {
	margin: 0px;
	padding: 0px;
	font-family: Times, Helvetica, Sans-serif, Serif;
	font-size: 12pt;
	list-style: circle;
	}
div.main ul.inner {
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 2px;
	left: 15px;
	border: none;
	}
div.main ul.inner li {
	margin: 0px;
	padding: 0px;
	font-family: Times, Helvetica, Sans-serif, Serif;
	font-size: 12pt;
	}	
div.main ul li.first {
	position: relative;
	font-family: Palatino, Sans-serif;
	font-size: 14pt;
	font-weight: bold;
	padding-top: 5px;
	margin: 0px;
	left: -20px;
	}
	
.table-row-cat {background: none #FFF; 
                color:#000;
		border:0px;
		margin:0px;
		padding:2px;
		/* text-align:left; */
		font-family: Times, Helvetica, Sans-serif, Serif; 
		font-size: 14pt;
		vertical-align:top;}
.table-row-black {background: none #FFF; 
                color:#000;
		border:0px;
		margin:0px;
		padding:2px;
		/* text-align:left; */
		font-family: Times, Helvetica, Sans-serif, Serif;
		font-size: 12pt;
		vertical-align:top;}
.table-row-black a {text-decoration: none; color: #00F; background-color: #fff;}
.table-row-black a:hover {text-decoration: none; color: #F00;  background-color: #fff;}
.table-row-blue a {text-decoration: none; color: #00F;  background-color: #fff;}
.table-row-blue a:hover {text-decoration: none; color: #F00;  background-color: #fff;}
.table-row-blue {background: none #E5E7E7; 
                color:#000;
		border:0px;
		margin:0px;
		padding:2px;
		text-align:left;
		font-family: Times, Helvetica, Sans-serif, Serif;
		font-size: 12pt;
		height: 15px;
		vertical-align:top;}
.table-row-black ul {
	position: relative;
	list-style: none;
	margin: 10px;
	padding: 10px;
	border: none;
	}
.table-row-black ul li {
	margin: 0px;
	padding: 0px;
	font-family: Times, Helvetica, Sans-serif, Serif;
	font-size: 12pt;
	}
.table-row-black ul.inner {
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 2px;
	left: 15px;
	border: none;
	}
.table-row-black ul.inner li {
	margin: 0px;
	padding: 0px;
	font-family: Times, Helvetica, Sans-serif, Serif;
	font-size: 12pt;
	}
.table-row-blue ul {
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.table-row-blue ul li {
	margin: 0px;
	padding: 0px;
	font-family: Times, Helvetica, Sans-serif, Serif;
	font-size: 12pt;
	}
.table-row-blackc {background: none #FFF; 
                color:#000;
		border:0px;
		margin:0px;
		padding:2px;
		text-align:center;
		vertical-align:top;}
.table-row-black img {border: 1px solid #000; padding: 3px;margin-left:0;float:left;}
.table-row-blackc img {border: 1px solid #000; padding: 3px;margin: 2px;}
.contactUscont{position:relative;float:right;border: 1px solid #003882;}
.contactUs {
	/*line-height: 1;
	 margin-left: 5px; */
	background-repeat: no-repeat;
	font-family: Verdana, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003882;
}
.contactUs a {
	color: #003882;
	text-decoration: none;
}
.contactUs a:hover {
	color: #557BAD;
	cursor: pointer;
}

.menu {left: 0px;top: 0px;}
.text p {float:left;
	top:-25px;
	font-family: Times, Helvetica, Sans-serif, Serif;
	font-size: 12pt;
}
.logo a img {padding-left:5px;padding-top:5px; border:none 0px;}

.text ul {
	position: relative;
	top: -30px;
        width: 200px;
	list-style: none;
	margin: 10px;
	padding: 10px;
	border: none;
	}
.text ul li {
	margin: 0px;
	padding: 0px;
	font-family: Times, Helvetica, Sans-serif, Serif;
	font-size: 12pt;
	}
.table-row-black ul li.first {
	position: relative;
	font-family: Palatino, Sans-serif;
	font-size: 14pt;
	font-weight: bold;
	padding-top: 5px;
	margin: 0px;
	left: -20px;
	}
.cal {
    float:left;
	position:relative;
	top:20px;
	left: 0px;
	width: 200px;
	padding-left: 10px;
	padding-top: 2px;
/*	
	height:200px;
	font-family: Verdana, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003882;
	border: 1px solid #003882;
*/
	clear:  both;
	z-index: 1;
	vertical-align:top;
}
.calHead {
	left:0px;
	padding-top: 0px;
	width:100%;
	position:relative;  
	float:left;
	/* 
	clear:  both;
	background-color:rgb(230,230,230); 
	*/
	font-family: Verdana, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #003882;
	color: #003882;
	
}
.calFoot a {
	left:0px;
	padding-top: 0px;
	width:100%;
	position:relative;  
	float:left;
	/* 
	clear:  both;
	*/
	background-color:rgb(230,230,230); 
	font-family: Verdana, Sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #003882;
	color: #003882;
	text-decoration:none;
	
}

.calHead a:hover {text-decoration:none;}
.calFoot a:hover {text-decoration:none;}


.calDate {
	left:0px;
	padding-top: 3px;
	width:100%;
	position:relative;  
	float:left;
	/* 
	clear:  both;
	*/
	font-family: Verdana, Sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #003882;
	
}
.calItem a {
	position:relative; 
	/* 
	clear:  both;
	*/
	font-family: Verdana, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003882;
	vertical-align:top;
	line-height:1em;
	text-decoration:none;
}

.navBar {
	height: 28px;
	background-image: url(../images/bg600.jpg); 
	width: 600px;  
	/*
	width: 660px;  
	background-image: url(../images/bg660.jpg);  
	background-image: url(../images/bg600.jpg); 
	width: 790px;  
	background-image: url(../images/bg.gif); 
	 width: 550px;
	background-repeat: no-repeat;
	*/
	z-index: 1000;
	font-family: Verdana, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	clear:  both;
	position: relative;
	top: -30px;
	left: 145px;
}

.collapsed, .expanded, .form {
	float: left;
	display: inline;
}

.collapsed .dropContainer {
	visibility: hidden;
}

.form .fi {
    padding-top: 5px;
    padding-left: 10px;
}

.form .fi2 {
    padding-top: 5px;
    padding-left: 10px;
}

.expanded .dropContainer {
	visibility: visible;
}

.collapsed .navItem {
	color:  #003882;
}

.expanded .navItem {
	color: #557BAD;
	cursor: pointer;
}

.navItem, .anchorItem {
    position: relative;
    display: inline;
    /* added */
    height: 28px;
    top: 7px;
    padding-top: 7px; 
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 4px;
    /* added */
} 

.anchorItem {
	width: 68px;
}

.navItem a {
	color: #003882;
	text-decoration: none;
}

.navItem a:hover {
	color: #D70900;
}


.dropContainer {
	position: relative;
	width: 10px;
	top: 12px;
	overflow: visible;
}

.dropMenu, .anchorDropMenu, .dropMenu2 {
	position: absolute;
	left: 10px;
	/* changed */
	top: 5px;
	/* changed */
	width: 190px;
	clear: both;
	/* DO NOT REMOVE THIS BACKGROUND COLOR IE FLIPS OUT */
	/* background-image: url(images/trans.png);	
	background-repeat: repeat;	*/
	background-color: #FFF; 
	padding-top: 2px;
	padding-bottom: 6px;
	padding-left: 1px;
	padding-right: 1px;
	z-index: 800;
}

.anchorDropMenu, .anchorDropMenu .dropMenu2 {
	background-color: #CCC;
	border-bottom: 1px solid #999;
	border-right: 1px solid #AAA;
	border-left: none;
	width: 166px;
}

.dropMenu .dropItem, .dropMenu .dropItemHi, .anchorDropMenu .dropItem, .anchorDropMenu .dropItemHi {
	position: relative;
	padding-left: 3px;
	padding-right: 3px;
	/*
	padding-top: 2px;
	padding-bottom: 2px;
	*/
	color: #003882;
	cursor: default;
	voice-family: "\"}\"";
	voice-family: inherit;
	/* remove on final */
	cursor: pointer;
	/* remove on final */
}

.dropMenu .dropItem_s, .dropMenu .dropItemHi_s {
	position: relative;
	padding-left: 3px;
	padding-right: 5px;
	/*
	padding-top: 2px;
	padding-bottom: 2px;
	*/
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	color: #e9e9e9;
	cursor: default;
}

.dropMenu .dropItemHi a, .dropMenu .dropItem a, .dropMenu .dropItemHi_s a, .dropMenu .dropItem_s a {
	display: block;
	padding: 2px 0px 2px 0px;
	color: #003882;
	width: 100%;
}
.dropMenu .dropItemHi a:hover, .dropMenu .dropItem a:hover, .dropMenu .dropItemHi_s a:hover, .dropMenu .dropItem_s a:hover {
	display: block;
	padding: 2px 0px 2px 0px;
	color: #557BAD;
	width: 100%;
}

.anchorDropMenu .dropItem {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	/*cursor: pointer;*/
	color: #F00;
}

.dropContainer .dropItemHi {
	/* background-color: #FFF; */
	/* border-top: 1px solid #555;
	border-left: 1px solid #555;
	cursor: pointer;*/
	border: 1px solid #003882;
	color: #557BAD;
}
.anchorDropMenu .dropItemHi {
	background-color: #E5E5E5;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	color: #880000;
}

.dropContainer a {
	color: #CCC;
	text-decoration: none;
}

.dropContainer a:hover {
	color: #FFF;
}

.anchorDropMenu a, .anchorDropMenu a:link {
	display: block;
	padding: 2px 0px 2px 0px;
	width:100%;
	color: #F00;
	text-decoration: none;
}

.anchorDropMenu a:hover {
	color: #880000;
}

.rule {
	height: 2px;
	line-height: 1px;
	border-top: 1px solid #aaa;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 5px;
}



/* specific tier 2 classes */

.dropMenu2 {
	top: -2px;
	left: 186px;
	visibility: hidden;
	z-index: 799;
}

.dropMenu .dropItemHi .dropMenu2 {
	visibility: visible;
}

.anchorDropMenu .dropItemHi .dropMenu2 {
	visibility: visible;
}


.dropMenu .dropItem .dropMenu2 {
	visibility: hidden;
}

.anchorDropMenu .dropItem .dropMenu2 {
	visibility: hidden;
}


.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:rgb(230,230,230); border-left:1px solid #003882; border-right:1px solid #003882;}
.xb1 {margin:0 5px; background:#003882;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.churchbox {display:block; background:transparent; border:0 solid #003882; border-width:0 1px;
		padding:5px;text-align:left;font-family: Verdana, Sans-serif;font-size: 14px;vertical-align:top;}
		
.xboxcontent {display:block; background:rgb(230,230,230); border:0 solid #003882; border-width:0 1px;}

.xtopc, .xbottomc {display:block; background:transparent; font-size:1px;}
.xb1c, .xb2c, .xb3c, .xb4c {display:block; overflow:hidden;}
.xb1c, .xb2c, .xb3c {height:1px;}
.xb2c, .xb3c, .xb4c {background:transparent; border-left:1px solid #003882; border-right:1px solid #003882;}
.xb1c {margin:0 5px; background:#003882;}
.xb2c {margin:0 3px; border-width:0 2px;}
.xb3c {margin:0 2px;}
.xb4c {height:2px; margin:0 1px;}

.xboxcontentc {display:block; background:transparent; border:0 solid #003882; border-width:0 1px;}

.link {clear:both;}
.link a {text-decoration:none;}
.link a:hover {text-decoration:none;}

.churchtext {background: none #FFF; 
                color:#000;
		border:0px;
		margin:0px;
		padding:5px;
		text-align:left;
		font-family: Times, Helvetica, Sans-serif, Serif;
		font-size: 12pt;
		vertical-align:top;}
.churchbox ul,ol {
	position: relative;
	list-style: none;
	margin: 0px;
	padding-top: 10px;
	border: none;
	}
.churchbox ul,ol li {
	margin-left: 5px;
	padding: 1px;
	font-family: Verdana, Sans-serif;font-size: 14px;
	}

.churchtext ul, ol {
	position: relative;
	list-style: none;
	margin: 5px;
	padding: 10px;
	border: none;
	}
.churchtext ul,ol li {
	margin: 0px;
	padding: 0px;
	font-family: Times, Helvetica, Sans-serif, Serif;
	font-size: 12pt;
	}
.churchtext ul.inner {
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 2px;
	left: 15px;
	border: none;
	}
.churchtext ul.inner li {
	margin: 0px;
	padding: 0px;
	font-family: Times, Helvetica, Sans-serif, Serif;
	font-size: 12pt;
	}
		

.churchbox p { margin: 0; padding: 0; line-height:1em;}
.churchtext p {margin: 0; padding: 0; line-height:1em;}

div.tt{
width:100%;
 padding:0px;
 margin:5px;
 position:relative;
 float:left;
 text-align:left;
 color:#000;
 text-align:left;
 font-family: Times, Helvetica, Sans-serif, Serif;
 font-size: 12pt;
 vertical-align:top;
 clear:both;
 }
div.tt ul {
	list-style: none;
	margin: 10px;
	padding: 10px;
	border: none;
	}

 img.tempimgleft {border: 1px solid #003882; padding: 5px; float: left; position: relative;}
 img.tempimgright {border: 1px solid #003882; padding: 5px; float: right; position: relative;}
 
/* Photogallery Code */
/* needed for IE to make :active state work first time 
a, a:visited {color:#080;} */

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../photogal/thumb1.jpg);}
a.slideb {background:url(../photogal/thumb2.jpg);}
a.slidec {background:url(../photogal/thumb3.jpg);}
a.slided {background:url(../photogal/thumb4.jpg);}
a.slidee {background:url(../photogal/thumb5.jpg);}
a.slidef {background:url(../photogal/thumb6.jpg);}
a.slideg {background:url(../photogal/thumb7.jpg);}
a.slideh {background:url(../photogal/thumb8.jpg);}
a.slidei {background:url(../photogal/thumb9.jpg);}
a.slidej {background:url(../photogal/thumb10.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

#container_left {position:relative;float:left; width:600px; height:310px; background:rgb(230,230,230); border:1px solid #a49188;margin:5px;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:265px; left:175px; padding:5px; font-style:italic; color:#003882;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_left h1 {margin:0; padding-top:20px; padding-left:160px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#003882;}
#container_left h1 em {font-size:0.6em; color:#000;}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox{cursor: default;list-style: none;}
.hoverbox a{cursor: default;}
.hoverbox a .preview{display: none;}
.hoverbox a:hover .preview{
	display: block;
	position: absolute;
	top: -45px;
	left: -65px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: transparent;
	border:0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height: 300px;
}

/* =Internet Explorer Hacks
----------------------------------------------------------------------*/

* html .hoverbox a
{
	position: relative;
}

* html .hoverbox a:hover
{
	font-size: 100%;
	z-index: 1;
}

* html .hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

* html .hoverbox li
{
	position: static;
}