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

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

#saran_wrap { 
  background:url(../images/main_bg_index.jpg) no-repeat top center;
  height: 500px;
  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;
  padding-top: 75px;
  width: 740px;
  position: static;
}
 
#lower_right p {
  margin: 2px 10px 5px 20px;
  text-align:left;
}

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

#header_wrap {
  width: 100%;

  /*background: url(images/bg_topheader5.jpg) repeat-x;*/
}

#header {
  /*background: url("images/header_main5.jpg") no-repeat;*/
  width: 900px;
  height: 200px;
  margin: 0 auto;
  position: relative;

}

#flash {
  width: 740px;
  height: 194px;
  margin-top: 190px;	
  margin-left: 90px;
  margin-right: 0px;
  display: inline;
  position: absolute;
}

#statement {
  position: absolute;
  left: 255px;
  top: 4px;
  list-style: none;	
}

#countdown {
  position: absolute;
  left: 530px;
  top: 4px;
  list-style: none;	
}

/* F O O T E R ===================== */

#footer {
  background: url("images/footer_main.jpg") no-repeat;
  height: 35px;
  width: 790px;
}

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

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

.ItemThumb
{
	position: relative;
	width: 80px; 
	height: 100px;
	text-align: center;

}

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

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

.ItemInfo
{
	text-align: center; 
	padding-top: 0px;
}

#volunteer_step1 li {
  margin-left: 50px;
  padding: 5px;  
}

#entry_steps li {
  margin-left: 20px;
  padding: 5px;  
}

#entry_steps p {
  padding: 2px;  
}
 
/* lower left segment ===========================================*/

#lower {
 margin-top: 12px;
 margin-left: 12px;
 width: 700px;

}

#output {
 text-align: center;
 margin-top: 0px;
 margin-left: 0px;
 width: 200px;

}

#lower_video {
 margin-top: 12px;
 margin-left: 12px;
 width: 502px;

}

#lower_video img{
 margin-top: -22px;
 margin-left: 396px;
 margin-bottom: 0px;


}

#lower_pray {
 margin-top: 12px;
 margin-left: 12px;
 width: 502px;

}

#lower_pray #comments{
 margin-top: -10px;
 margin-left: 20px;
 margin-bottom: 10px;
 width: 502px;
  background-color: #e2f2c3;
}

#lower_pray #comments p{
 margin-top: -6px;
 margin-bottom: -6px;
}



#lower_pray #comments_btn{
 margin-top: -26px;
 margin-left: 560px;
 margin-bottom: 0px;

}

#lower_pray #button{
 margin-top: -25px;
 margin-left: 460px;
 margin-bottom: 0px;
}

#lower_image {
 margin-top: 12px;
 margin-left: 12px;
 width: 502px;

}

#lower_image img{
  padding-top: 10px;
  margin-left: -54px;
  padding-right: 10px;
  position: relative;
}


#lower_left {
  position: relative;
  left: 10px;
  float: left;
  display: inline;
  width: 220px;
}

/* Form Formatting */

.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 12px !important;
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
  padding: 4px;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}

/* BLOG Section */

/* Blog Comment form */

form {
  margin-left: 0px;
}

#left .content form p{
  font-size: 12px;
  color: #666666;
  margin: 10px 0px 0px 0px;
  padding: 0;
}

form .text_box {
  background-color: #ccc;
  border: 1px solid #666666;
  font-size: 12px;
  color: #333333;
  padding: 1px;
  width: 250px;
}

 
form #captcha input{
  background-color: #fff;
  border: 1px solid #666666;
  font-size: 12px;
  color: #333333;
  padding: 1px;
  width: 115px;
  margin-top: 5px;
}

/* past blogs */

.extra_wrap .media_item {
  pading: 4px;
  margin: 0px 5px 10px 0px;
  font-size: 10px;
}


.extra_wrap .media_item a{
  font-size: 10px;
  font-weight: normal;
}

.content img.desktop {
  float: none;

}


/* comment display  */ 

.blog_post span.post_comments {
  float: right;
  color:#E97128;
}

.blog_comments_wrap {
  margin: 10px 0px 10px 0px;
  padding-bottom: 10px;
  border-bottom: 1px solid #222;
}

.blog_comments_wrap h1{
  font: 18px, Verdana;
  color: #444;
  padding-bottom: 4px;
  margin-bottom:2px;
}

.blog_comments {
  background-color: #e2f2c3;
  border: 1px solid #6a6a6a;
  padding:5px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.blog_comments span.comment_name{
font-weight: bold;
color: #333333;
float: left;
}

#left .content .blog_comments span.comment_date{
font-weight: bold;
color: #333333;
float: right;
}

#left .content .blog_comments  p{
  margin: 0px 0px 0px 0px;
  padding: 6px;
  font-size: 12px;
  color: #333333;
  line-height: 14px;
  border-top: 1px solid #ccc;
}

/* F O O T E R ===================== */

#footer {
  height: 35px;
  width: 790px;
}