/* CSS Document Irasburg Chruch Fair*/
a img, a:active { text-decoration: none;
}



body{
background-image:url(../images/starBodyRepeat.jpg);
background-repeat:repeat;

 }
#wrapper {
width:800px;
/*height:625px;*/
background-image:url(../images/textBkRepeat.jpg);
background-repeat:repeat-y;
margin:0px auto;
color:#000000;
}
#container{

}


/*--------------------------HEADERS STARTS---------------------------------------*/
 #header{
 background-image:url(../images/header2.jpg);
  width:800px;
 height:446px;
  margin:0px auto;
  color:#000000;
 }
 
 
 
/*--------------------------HEADERS ENDS---------------------------------------*/


/*--------------------------NAV STARTS---------------------------------------*/

#nav{
width:800px;
height:31px;
margin:0 0 0 0;
padding:395px 0 0 0;
color:#000000;
}


#nav ul{
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
width:800px;
border-width: 1px 0;
padding:4px 0 0 0;

}

#nav ul li{
display: inline;
color:#ffffff;
}

#nav ul li a{
color:#000000;
float: left;
text-align:center;
 margin:5px 0 0 43px;
  padding:2px 0 0 5px;
  text-decoration: none;
/*border-right: 1px solid #000000; dark green divider between menu items
width:110px;*/
height:15px;
}

#nav ul li a:visited{
color: #000000;
}

#nav ul li a:active{
color: red;
}


#nav ul li a:hover, .indentmenu ul li .current{
text-decoration:underline;
color: #000000;/*!important; text color of selected and active item*/
}
/*--------------NAV ENDS---------------------*/

#content{
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
width:834px;
/*height:625px;
background-image:url(../images/contentBk.jpg)*/
background-color:#f7f4ef;
margin:0px auto;
}

/*---------IndexPageStarts---------*/
#indexContent{
}
#indexContent img{
 width:800px;
margin:0 0 0 0;
padding:0 0 0 0;
} 
#indexContent p{
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
text-align:left;
padding:0 0 0 70px;
text-indent:15px;
}
#indexContent h1{
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
padding:20px 0 0  0;
text-align:center;
font-weight:bold;
font-size: 30px;
}
#indexContent h3{
padding:5px 0 0  0;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;

}

 #image1 {
 width:652px;
 height:151px;
 background-image:url(../images/homePage.jpg);
 margin:20px 0 0 75px;
  }
  #image2 {
 width:652px;
 height:151px;
 background-image:url(../images/joinImage.jpg);
 margin:0 0 0 75px;
  }
   #image3 {
 width:652px;
 height:151px;
 background-image:url(../images/events.jpg);
 margin:20px 0 0 75px;
  }
  #image4 {
 width:652px;
 height:151px;
 background-image:url(../images/joinImage.jpg);
 margin:0 0 0 75px;
  }
   #image5 {
 width:652px;
 height:151px;
 background-image:url(../images/donations/image1.jpg);
 margin:20px 0 0 75px;
  }
  #image6 {
 width:652px;
 height:151px;
 background-image:url(../images/joinImage.jpg);
 margin:0 0 0 75px;
  }
   #image7 {
 width:652px;
 height:151px;
 background-image:url(../images/donations/donations.jpg);
 margin:20px 0 0 75px;
  }
  /*---------IndexPageEnds---------*/
  #gallery {
  width:751px;
  height:450px;
  padding:20px 0 20px 0;
  margin:0px auto;
  }
   #gallery p{
   font-size:22px;
   text-align:center;
   }
  #galleryLink img{
  width:250px;
  height:337px;
  float:right;
  margin:0 25px 0 0;
  border-style:none;
  }
/*-------------JoinIndesStarts------------------*/
  #joinContent{
}
#joinContent img{
 width:800px;
margin:0 0 0 0;
padding:0 0 0 0;
} 
#joinContent p{
width:650px;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
text-align:left;
padding:0 0 0 70px;
text-indent:15px;
}
#joinContent h1{
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
padding:20px 0 0  0;
text-align:center;
font-weight:bold;
font-size: 30px;
}
#joinContent h3{
padding:5px 0 0  0;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}
/*------------------------------joinContent ENDS-----------------------------*/
/*-----History PageStarts------*/
#historyContent{
padding:0 0 0 0; 
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
}
#historyContent p{
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align:left;
width:750px;
padding:0 0 0 20px;
text-indent:15px;
}
#historyContent h1{
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
padding:5px 0 0  0;
text-align:center;
font-weight: bold;
}
#historyContent img{
padding:0 10px 0 15px;
}

/*-----ABOUT PageEnds------*/

#massText h1{
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
padding:5px 0 0  0;
text-align:center;
font-weight: bold;
}


#massText p{
text-align:left;
color:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;

margin:0 0 10px 215px;
}
/*-----ContactPageStarts------*/
#contactDiv {
width:800px;
height:290px;
background-color:#f7f4ef;
color:#000000;
}
#contentContact1 {
width:417px;
float:left;
}
#contentContact1 img{
width:287px;
height:226px;
padding:20px 0 0 50px;
border-style:none;
}

#contentContact2{
width:300px;
float:right;
padding:40px 30px 0 0;
}


</style>



/*-----ContactPageEnds------*/

/*--------MapStarts--------------*/

#map{
background-position:center;
}
#map h3{
text-align:center;
}
#directions {

width:540px;
margin:10px 0 10px 120px;
padding:0 0 0 0;
background-position:center;
border:1px solid #000000;

}
/*------------MapEnds--------------*/

/*------------------------GALLERY STARTS-----------------------*/

h1 {	

	font-size: 22px; 

	font-style:italic;

	font-weight: lighter;

	margin-bottom: 16px;

}

h2 {

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 10px;

}


.clear_fix {

	clear: both;

	line-height: 0px;

}

.gallery_pics {

	text-align: center;

	width: 815px;

	padding: 2px 1px 1px 2px;;

	border: 3px #60471F solid;

	background-color: #64614e; /*darkerGreen*/

}

.gallery_pics img {

	border: 3px #ffffff solid; /*white*/
width:150px;
	height: 90px;

}

.photo_box {

	background-color: #c9ba91; /*dkCream*/

	border: 1px #60471F solid;

	margin: 0px 1px 1px 0px;

	padding: 5px 0px 5px 0px;

	height: 96px;

	width: 160px;

	float: left;

}

.photo_box_over {

	background-color: #64614e;/*lightGreen*/

	border: 1px #c9ba91 solid;

	margin: 0px 1px 1px 0px;

	padding: 5px 0px 5px 0px;

	height: 96px;

	width: 160px;

	float: left;

}

.content_container {
width:834px;
	background-color:#f7f4ef;/*OffWhite*/
 	padding: 25px 5px 20px 24px;
/*	background-image:url(/images/content_bg_bottom.jpg);*/
	background-repeat:repeat-x;
	background-position:bottom;
	/*	border-bottom: 1px solid #60471F;*/
	clear: both;
margin:0px auto;
color:#000000;
/*	_margin-right: -15px;*/
}


/*makes slide enlarge on hover starts*/
.ienlarger {
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 50px; /* means the pop-up's top is 50px away from thumb's top */
	left: 90px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 150px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */

/*------------------------GALLERY ENDS-----------------------*/
#weather{
margin:10px 0 0 40px;
}

#footer{
margin:0px auto;
width:800px;
height:18px;
background-image:url(../images/footer.jpg);
color:#000000;
text-align:center;
clear:both;
}
#footer img{
padding:0 0 10px 0;

}

#footer a{
padding:0 0 0 0;
}
#footer a:link {
	color: #f7f4ef;/*red*/
	text-decoration: underline;
}

#footer a:visited {
	color: #f7f4ef;/*orange*/
	text-decoration: none;
}

#footer a:hover {
	color: #f7f4ef;/*yellow*/
	text-decoration: underline;
}


#footer a:active {
	color: #f7f4ef;/*red*/
	text-decoration: none;
} 

 #designer{
 text-align:center;
 margin:0px auto;
 width:800px;
 color:#ffffff;
 padding:10px 0 0 0;
 } 
 
 #designer a{
 text-align:center;
 margin:0px auto;
 color:#ffffff;
 padding:0 0 0 0;
 }
 .event1 {
 width:800px;
 font-weight:bold;
 margin:0 0 0 50px;
 
 }
.event2 {
 width:800px;
 font-weight:bold;
 margin:0 0 5px 60px;

 } 
.event3 {
 width:400px;
 font-weight:bold;
 margin:0 0 5px 270px;
 font-size:18px;
 text-decoration:underline;
 color:#FF0000;
 }