?* { margin:0; padding:0 }
div { margin:0; padding:0 }
html { height:100.1%; line-height:.9em}
/* IMAGE IN BODY	background: #265174 url(images/cross-background.png) repeat-x; */
body {
	font-size: 13px;
	background: url(images/cross-background.png); 
	font-family: Verdana, Tahoma, Arial, Geneva;
	color: #516c82;
	margin:0px auto 0 auto;
	text-align:left;
	line-height:1.1em;
}
.clr {clear:both; padding:0;}
a { color:#a83130; text-decoration:underline}
a:hover  { color:#ed1311} 

h1 {font-family:"monotype corsiva", "times New Roman", times; color:#890909; font-size:2.6em; font-weight:bold; text-align:center; padding:0px 0 0px 0px; border-bottom:5px; border-bottom-width:50px; solid #534e4e;}
h2 {font-family:Arial, Helvetica, san-serif; color:#890909; font-size:1.2em; font-weight:bold; align:left; padding:0px 0 0px 80px; }


#wrapper { width:1033px; background:gray; margin:0 auto; overflow:hidden}

#top-bar {background:url(images/top-bar.png) no-repeat; width:1033px; height:38px}
.top-links { color:#626262; padding:9px 15px; 0 25px; line-height:1.2em; text-align:right}

#container1 {width:1033px; height:176px}
#banner {background:url(images/banner.jpg) no-repeat; width:1034px; height:176px; float:left; border-width: 0px;}
/* div id info-box, and class top-info are the church name/image on right of banner */
/* #info-box {background:url(images/banner-right.png) no-repeat; width:303px; height:176px; float:right} */
#top-info {background:url(images/anniversary-logo.png) no-repeat; width:111px; height:140px;  padding:15px 0 15px 15px; }

#nav-bar {background:url(images/nav-bar.png) no-repeat; width:1033px; height:78px}

/* menu */
#centeredmenu {
   float:left;
   width:100%;
padding-top:27px; 

   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
/* CHANGE FONT SIZE IN BOTH PLACES BELOW */
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
 
   position:relative;
   right:50%;
   padding:0 9px 0 9px; font:bold 1.2em Verdana, Arial, Helvetica; color:#534e4e;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
 
   padding:0 9px 0 9px; font:bold 1.2em Verdana, Arial, Helvetica; color:#534e4e;

   text-decoration:none;
   line-height:1.3em;
}
#centeredmenu ul li a:hover {

   color:#890909;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#B6600D;

   font-weight:bold;
}


#container2 {width:1033px; height:331px}

#photo-section {background:url(images/photo-section.png) no-repeat; width:517px; height:331px; float:left}

#buttons {background:url(images/buttons.png) no-repeat; width:516px; height:331px; float:right}

#content-box {width:1033px; height:434px}

.home-content1 {color:#516c82; padding-right:20px; padding-bottom:2px; padding-left:27px; width:310px; float:left}
.home-content2 {color:#516c82; padding-right:8px; padding-bottom:2px; padding-left:8px; width:310px; float:left; position:relative}
.home-content3 {color:#516c82; padding-left:18px; padding-bottom:2px; width:310px; float:left; position:relative}

#footer2 {width:1033px; height:26px}

.events-date {color:#961e1c}

.events-title {color:#784615}

.events-details {color:#516c82}

a.nav-link:link{color:#626262; text-decoration:none; font-size:18px; font-weight:bold; line-height:24px}
a.nav-link:visited{color:#626262; text-decoration:none; font-size:18x; font-weight:bold; line-height:24px}
a.nav-link:hover{color:#890909; text-decoration:none; font-size:18px; font-weight:bold; line-height:24px}


a.top-link:link{color:#626262; text-decoration:none}
a.top-link:visited{color:#626262; text-decoration:none}
a.top-link:hover{color:#890909; text-decoration:underline}

a.grey:link{color:#585858; text-decoration:underline}
a.grey:visited{color:#585858; text-decoration:underline}
a.grey:hover{color:#777777; text-decoration:underline}

.footer-text2 {color:#585858; font-size:.85em; padding-left:28px}


#top-buttons {width:516px; height:163px}

#focus1 {width:271px; height:163px; float:left}
#focus2 {width:245px; height:163px; float:right}

#bottom-buttons {width:516px; height:168px}

#focus3 {width:271px; height:168px; float:left}
#focus4 {width:245px; height:168px; float:right}

.int-content {color:#516c82; padding-top:4px; padding-bottom:3px; padding-left:27px; width:968px}

#int-stretch-slice {background:url(images/int-stretch-slice.png) repeat-y; width:1033px; height:100%}
#int-bottom-slice {background:url(images/int-bottom-slice.png) no-repeat; width:1033px; height:26px}

#content-wrapper img {border: 1px solid #666666;} 
.headline {color:#516c82; font-size:1.4em; font-weight:bold}


.alt-text {color:#f4f3ea}
.alt-text2 {color:#c98025}


a.alter-link1:link{color:#fef393; text-decoration:underline}
a.alter-link1:visited{color:#fef393; text-decoration:underline}
a.alter-link1:hover{color:#fff; text-decoration:underline}



a.alter-link2:link{color:#607f5a; text-decoration:underline}
a.alter-link2:visited{color:#607f5a; text-decoration:underline}
a.alter-link2:hover{color:#147d09; text-decoration:underline}

.resources {background:#e0edf7; color:#275275; padding:10px; width:700px; border:#1f3c54 2px solid}
.resources2 {background:#244b6b; color:#275275; padding:10px; width:700px; border:#1f3c54 2px solid}

.left { float:left; position:relative }

#photoGallery { 
	 
	height:478px;
	width:575px;
	background:url(images/photo-bg.jpg) repeat-x;  
	overflow:auto; 
}
#photoGallery img { margin:0 2px 0 0; border:1px solid #CCC }
.mainPic { border:1px solid #000 }
.photoScroll { padding:35px 8px 0 22px; width:540px; height:70px } 

.black-space {height:450px}
/* CHANGE INNER MARGINS BY CHANGING .TEXT P PADDING */
.text {font-size:1.2em; line-height:1.5em; 	margin:10px auto 5px auto;
	padding: 10px 15px 20px 15px; background:#f7f7f7; width:942px; border:#3e7eb1 double; height:100%; color:#1e1d1d}
.text p {margin:5px auto 10px auto; padding:0 20px 0 15px;}

.category3 {background:#29567a; padding:10px; width:942px; border:#555 double; height:103px; color:#f2f2f2}
.category-left {background:#f7f7f7; padding:10px; width:460px; border:#cccbc9 1px solid; height:100%; color:#555; float:left}
.category-right {background:#f7f7f7; padding:10px; width:460px; border:#cccbc9 1px solid; height:100%; color:#555; float:right}

#container1-section {width:1000px; height:316px}

#right-box {background:url(images/right-box.png) no-repeat; width:378px; height:316px; float:right}

#container2-section {width:1000px; height:350px}
#home-content-box {background:url(images/home-content-box.png) no-repeat; width:640px; height:350px; float:left}


.image-outer-right {border:2px solid #626262; margin-left:6px; margin-bottom:2px;}
.image-outer-left {border:2px solid #275275; margin-right:6px; margin-bottom:2px;}
.image-outer-left2 {border:2px solid #9ca5ac; margin-right:6px; margin-bottom:2px;}

.image-outer {border:1px solid #b1b1b1; margin-left:4px; margin-bottom:2px;}
.image-outer2 {border:2px solid #fff; margin-right:4px; margin-bottom:2px}
.image-outer3 {background:#fff; border:1px solid #9d9d9d; padding:2px; margin-right:4px;}

.left { float:left; position:relative }

.show { float:right; position:relative;  display:block !important; display:inline   } 

.spacer
{background:url(images/spacer.png) no-repeat; width:901px; height:14px}


#pic-right-top {
	width: 251px;
	float: right;
	padding-top: 15px;
	padding-left: 1em;
	padding-right: 10px;
	padding-bottom: 1em;
	display: inline;
	border: 0px; /* IE MUST have a border set for slideshow to work */
}


#pic-right {

	float: right;
	padding-top: 6px;
	padding-left: 1em;
	padding-right: 10px;
	padding-bottom: 1em;
}
#pic-left {
float: left; 
padding-top: 6px; 
padding-left: 15px; 
padding-right: 1em; 
padding-bottom: 1em; 
border-width: 3px;
}

#pic-center {
text-align:center; 
padding-top: 2px; 
padding-left: 1px; 
padding-right: 1px; 
padding-bottom: 2px; 
border-width: 3px;
}	


/* footer */

#footer { text-align:center; width:934px;   margin:0px auto 5px auto; padding:18px 29px 12px 15px;  font: normal 11px  Georgia, "Times New Roman" serif; color:#FFCC66; text-decoration: none; background-color: #4c4c4c; 
}
#footer a {font: bold 13px  Arial, Helvetica, sans-serif; color:#FFFF33; text-decoration: none;
}
#footer a:hover {color: #FFFF99;	text-decoration: underline;
}
#footer2 { width:959px;   margin:0px auto 0px auto; padding:0px;  background-color:transparent;
}


.copyright { float:left; position:relative; color:#FFFFFF; font: normal Georgia, "Times New Roman" serif; font-size: 12px; width:369px; text-align:left;  left: 2px; top: -10px; }

.botmenu  { float:right; position:relative; font-weight:bold; text-align:right; left: 2px; top: -12px; height: 8px}
.counter { float:right; text-align:right; width:959px; margin:-10px auto 5px auto; padding:0px;}

#tfc {  margin-left: auto;
  margin-right: auto;
  width: 976px;
}
.treefrog {
        background-color: #000000;
        color: #FFFF00;
	font: 0.9em "Trebuchet MS", arial, sans-serif;
	font-weight: bold;
	height: 12px;
	text-align: left;
	padding: 2px 0px 8px 17px;
}
.treefrog a {

	color: #33FF33;
	text-decoration: none;
}

.treefrog a:hover {
	color: #99FF00;
	text-decoration: underline;
}

.contactwebmaster {
        position:relative; left: 170px; top: -22px; 
        color: #FFFF00;
	font: 0.9em "Trebuchet MS", arial, sans-serif;
	font-weight: normal;
	height: 12px;
	text-align: left;
	padding: 2px 0px 8px 50px;
}
.contactwebmaster a {

	color: #33FF33;
	text-decoration: none;
}

.contactwebmaster a:hover {
	color: #99FF00;
	text-decoration: underline;
}