@import url(reset.css);
@import url(base.css);
 
/* Mid Header ================================================== */

body { 
  background:url(../images/img_main_bg.jpg) repeat-y top center;
  font: 12px Verdana, sans-serif; 
  z-index: 2;
  background-color: #ffffff;
}

#saran_wrap { 
  height: 129px;
  z-index: 1;
}




/* C O N T E N T ===================== */

#left {
  float: left;
  display: inline;
  width: 700px;
  position: relative;
}

#comments {
  float: left;
  display: inline;
  width: 700px;
  position: relative;
}

#comments p {
  padding-left: 10px;

}

#left p {
  padding-left: 10px;

}


a {
  color:#996600;
  text-decoration: none;
}

a:hover {
  color:#232323;
}

#content_body {
  margin:0 auto;
  margin-top: 0px;
  padding-left: 0px;
  width: 750px;
  position: static;
  z-index: 3;
}

#index_content {
  margin:0 auto;
  margin-top: 360px;
  padding: 6px;
  width: 740px;
  position: relative;
  z-index: 1;
  background-color: #ffffff;
}

#content_body p {
  margin-left: 6px;
}
 
#lower_right p {
  margin: 2px 10px 5px 20px;
  text-align:left;
}

/* H E A D E R ================================================ */

#header_wrap {
  width: 100%;

}

#header_index {
  background:url(../images/img_header_index.jpg) no-repeat top center;
  width: 808px;
  height: 165px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

#header {
  background:url(../images/img_header.jpg) no-repeat top center;
  width: 808px;
  height: 165px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

#title {
  width: 740px;
  height: 50px;
  margin-top: 3px;	
  margin-left: -19px;
  margin-right: 0px;
  position: relative;
}
 
/* lower left segment ===========================================*/


#img_index1 {
  position: absolute;
  margin-left: 10px;
  margin-top: 10px;
  width: 133px;
  height: 156px;

}

#img_index2 {
  position: absolute;
  margin-left: 143px;
  margin-top: 21px;
  width: 368px;
  height: 114px;

}

#img_index3 {
  position: absolute;
  margin-left: 530px;
  margin-top: 0px;
  width: 211px;
  height: 167px;

}

#img_simple {
  position: absolute;
  margin-left: -4px;
  margin-top: 170px;
  width: 211px;
  height: 267px;

}

#img_index_step1 {
  position: absolute;
  margin-left: 55px;
  margin-top: 205px;
  width: 211px;
  height: 267px;

}

#img_index_step2 {
  position: absolute;
  margin-left: 248px;
  margin-top: 205px;
  width: 211px;
  height: 267px;

}

#img_index_step3 {
  position: absolute;
  margin-left: 466px;
  margin-top: 205px;
  width: 211px;
  height: 267px;

}

#img_home {
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  width: 211px;
  height: 100px;

}

#img_donate1 {
  position: absolute;
  margin-left: 230px;
  margin-top: 0px;
  width: 119px;
  height: 83px;
  z-index: 2;
}

#img_donate2 {
  position: absolute;
  margin-left: 360px;
  margin-top: 0px;
  width: 119px;
  height: 83px;
  z-index: 2;
}

#img_donate3 {
  position: absolute;
  margin-left: 490px;
  margin-top: 0px;
  width: 119px;
  height: 83px;
  z-index: 2;
}

#img_donate4 {
  position: absolute;
  margin-left: 620px;
  margin-top: 0px;
  width: 119px;
  height: 83px;
  z-index: 2;
}

#form_donate1 {
  position: absolute;
  margin-left: 360px;
  margin-top: -500px;
  width: 360px;
  height: 400px;
  z-index: 2;
}

/* ------ Blog Pictures  ------- */

.Item 
{
	float: left; 
	width: 160px;  /* fits four images across for browsers obeying min-width */
	height: 180px; /* height must be large enough to encompass all content otherwise floating will go goofy */
	margin: 8px;
	margin-left: 10px;
	text-align: left; 
	padding: 5px 0px;
}

.ItemThumb
{
	position: relative;
	width: 155px; 
	height: 168px;
	text-align: center;

}

.ThumbPositioner
{
	/* hide absolute positioning from IE5 Mac \*/
	position: absolute;
	width: 100px;
	bottom: 0px;
	left: 0px;
	/* end hide */
}

.ItemInfoContainer
{
	position: relative;
	margin-top: 5px;
}

.ItemInfo
{
	font: 9px Verdana, sans-serif; 
	text-align: center; 
}

/* Photo CSS */

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #272018;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #272018; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #272018; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}

#gallery_one {
  margin-top: 0px;
  margin-left: 340px;
  display: inline;
  position: absolute;
  z-index: 4;
}