body{
	color:black;
	/*a6b8c4*/
	background: #ffffff url('wallpaper.jpg') repeat-x;
	text-align: left;
	margin:0;
	padding:0;
}

html, body{
min-height: 100%;
height: auto !important;
height: 100% !important;
}

img{
	border: 0;
}


div.Article{
  clear: both;
  overflow: hidden; 
}



div.Article p.Views{
  display: none;
}

/*
div.Article p{
  text-align: justify;
}
*/


div.ArticleImageLeft{
  margin: 10px 10px 0 0;
  float: left;
}

div.ArticleImageRight{
  margin: 10px 0 0 10px;
  float: right;
}

div.ArticleImageMiddle{
  margin: auto;
}

p.ArticleImageText{
  margin-top: 0px;
  font-size: 8pt;
  font-weight: normal;
  color: #777;
}

p.ArticleTextNormal{
  text-align: left;
}
p.ArticleTextRight{
  text-align: right;
}
p.ArticleTextCenter{
  text-align: center;
}
p.ArticleTextH2{
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
}

body, td, p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height:150%;
}

h1 {
	text-align: left;
	color: #888;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	line-height: 100%;
/*	letter-spacing: -1px; */
	margin-bottom:10px;
}

h2, 
p.ArticleTextH2{
	text-align: left;
	color: #888;
	font-family: Helvetica, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	line-height:100%;
}
            
a:link {text-decoration: none; color: #555;}
a:visited {text-decoration: none; color: #555;}
a:focus {outline: none;} /* Bug in mozilla causes focused elements to have a 1px border. */
a:hover {text-decoration: none; color: #888;}
a:active {text-decoration: none; color: #555;}


ul,li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	display:block;
	margin:1em 0;
	padding:0;
	border:0;
	list-style:none;
}

.ReadMore {
	width:360px;
	text-align:right;
  clear:both;
  display:block;
}


p.HeaderInfo {
 margin-top:-2px;
 margin-bottom:3px;
 color:#555;
}





/*** Nav bar styles ***/
#MainMenu{
	position:absolute;
	z-index:20;
	top:176px;
	left:85px;
	height:27px;
}

#MainMenu,
#MainMenu li,
#MainMenu a{
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	display:block;
	margin:0;
	padding:0;
	border:0;
	list-style:none;
}

#MainMenu li{
  float: left;
  position: relative;
  height:27px;
}

#MainMenu li a {
	padding: 5px 9px;
}

#MainMenu li ul {
	position:absolute;
	display:none;
	z-index:20;
  padding: 0;
  margin: 0;
  width:170px;
  background: white;
	left:70px;
	top:0px;
}

#MainMenu a.ExtraMenuTitle {
	padding-right:10px;
	background: url('more.gif') no-repeat right;
}	

#MainMenu li.Current a{
	color: #000;
}

#MainMenu li:hover ul{
  display: block;
}

#MainMenu li ul li{
  float: none;
}

#MainMenu li a:hover,
#MainMenu li:hover{
	background: url('menu_mark.gif') repeat-x;
	color: #000;
}





#Center {
	margin: 20px auto;
	width: 800px;
	position:relative;
	height: 100% !important;
}


#Header {
	background: url('header.png') no-repeat;
 	width: 800px;
 	height:220px;
}

#JpgRotator{
	position:absolute;
	width:740px;
	height:146px;
	top:30px;
	left:30px;
}

#Logo {
	background: url('logo.png') no-repeat;
 	width: 181px;
	height:189px;
 	left:-60px;
	top:80px;
	position:absolute;
}

#Statement h2 span {display:none;}
#Statement {
	background: url('onadda_folk.png') no-repeat;
 	width: 210px;
	height:19px;
 	left:90px;
	top:153px;
	position:absolute;
}


#QuickLinks {
	width: 190px;
	position:relative;
	float:right;
	top:5px;
}

#QuickLinks img {
 	background: #fff;
 	position:relative;
 	top:16px;
 	left:22px;
 	width:145px;
 	height:80px;
}
#QuickLinks img:hover{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}
	
#QuickLinks div{
 	width: 190px;
 	height: 120px;
	background: url('quicklink_back.png') no-repeat;
}

#Language {
	position:absolute;
	z-index: 20;
 	width: 200px;
	height: 9px;
 	right: 30px;
	top: 18px;
}
#Language img{vertical-align: top; margin-left:5px;float:right;}
#Language img:hover{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}

#Main {
 	width: 610px;
 	top:10px;
	float:left;
}

#Top {
	background: url('main_top.png') no-repeat;
	height: 30px;
}

#Middle {
	background: url('main_middle.png') repeat-y;
 	width: 610px;

  /* Needed to make the height stretch out. Strange... */
  overflow:auto;
}
  
#Bottom {
  clear: both;
  background: url('main_bottom.png') no-repeat;
  height: 40px;
}



#Content {
	position: relative;
	width: 360px;
	top: 0px;
	left: 30px;
	overflow: hidden;
  float: left;
}
#Content textarea,
#Content input{width: 250px;}
#Content input.Button{width: auto;}


#SideBar {
	position: relative;
	width: 155px;
  padding-left: 15px;
	top: 0px;
	right: 30px;
	overflow: hidden;
  float: right;
  background: url('dot.gif') repeat-y left;
}
#SideBar textarea,
#SideBar input
{width: 140px;}
#SideBar input.Button{width: auto;}


#LightsOut{
	position:absolute;
	left:0;top:0;
	z-index:98;	
	background-color:black;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}	

#SlideShow{
	position:absolute;
	z-index:99;
	width:765px;
	height:453px;
	background: url('black_slideshow.png') no-repeat;
}
#Video{
	position:absolute;
	z-index:100;
	width:544px;
	height:444px;
	background: url('black_video.png') no-repeat;
}

#Video_vimeo{
	position:absolute;
	z-index:100;
	width:620px;
	height:410px;
	background: url('black_video_vimeo.png') no-repeat;
}

#Mp3{
	position:absolute;
	z-index:100;
	width:765px;
	height:97px;
	background: url('black_mp3.png') no-repeat;
}


div.shadowframe{
	float:left;
	position:relative;
	margin-right: 20px;
	margin-bottom:40px;
	width:150px;
	top:30px;
	background: url('picshadow.png') no-repeat bottom;
}
img.shadow{
	position:relative;
	top:-30px;
}	



div#NewsPager{
  margin: 50px 0 0 0;
}
div#NewsPager p#Newer{
  float: left;
}
div#NewsPager p#Older{
  float: right;
}


ul.NewsList{
  margin: 0 0 40px 0;
}




ul#frontpageslide{
	width: 360px;
	height: 245px;
}

ul#frontpageslide li{
	width: 360px;
	height: 245px;
	background: url(frontpageslidebackground.png) no-repeat;
	position: relative;
}

ul#frontpageslide li img{
	width: 345px;
	height: 230px;
	overflow: hidden;
	position: absolute;
	top: 5px;
	left: 7px;
	display:block;
}

ul#frontpageslide li img:hover{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}


div.Video_icons {
	margin-left: 5px;
	margin-bottom: 0px;
	float:left;
 	width: 110px;
	background: url('video_icon_back.png') no-repeat;
}

div.Video_icons img {
 	background: #FFFFFF;
 	margin-top: 9px;
 	margin-left: 12px;
 	width: 87px;
 	height: 49px;
}

div.Video_icons a:hover img{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}

div.Video_icons p {
	text-align: left;
	padding-left: 12px;
	padding-right: 8px;
}

div.clear {
	clear: both;
}

div.Pastors {
	position: relative;
	top: 5px;
	height: 150px;
}

div.Pastor_left {
    position: absolute;
 	top: 0px;
	left: 0px;
}

div.Pastor_right {
    position: absolute;
 	top: 0px;
	left: 170px;
}

/* CSS mall till Joshua Project Feed */

.upgotd-box {
	text-align: left;
	width: 150px;
	}

.upgotd-box a {
	color: #FFFFFFF;
	text-decoration: none;
	}

.upgotd-box a:hover {
	color: #FFFFFFF;
	}

.upgotd-title, .upgotd-title a, .upgotd-people a, .upgotd-footer, .upgotd-footer a {
	font-weight: bold;
	}

.upgotd-pray {
	font-style: italic;
	}

.upgotd, .upgotd-table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.upgotd-title, .upgotd-footer, .upgotd-people {
	padding: 3px;
	}

.upgotd-title {
	font-size: 11px;
	margin-bottom: 5px;
	}

.upgotd-people, .upgotd-pray {
	font-size: 11px;
	}

.upgotd-table, .upgotd-table td {
	font-size:11px; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	line-height: 14px; 
	text-align: left;
	padding-left: 3px;
	border: 0px;
	background-color: #FFFFFFF;
	}

.upgotd-title, .upgotd-footer {
	background-color: #FFFFFFF;
	}
	
.upgotd-footer {
	margin-top: 5px;
	font-size: 10px;
	font-weight: normal;
	}

.upgotd-more, .upgotd-more a, .upgotd-more a:link { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	}