/**********************************
 * TITLE: Gila Screen Stylesheet  * 
 * URI  : gila/gila-screen.css    *
 * MODIF: 2003-Apr-30 19:09 +0800 *
 **********************************/

/*
COLORS:
Gold: #E9CD62
Gray: #CCCCCC
Maroon: #9A0000
*/

/* ##### Common Styles ##### */

body {
  color: black;
/*  background: #fff repeat top center url(images/yc-webpage-collage.jpg); */
background: #fff ;
  font-family: verdana, helvetica, arial, sans-serif;
/* font-size: 70%;*/  /* Enables font size scaling in MSIE */
  font-size: 0.85em;
  margin: 0;
  padding: 0;
  
  /*center alignment*/
/*
  margin: 20px 0px;
    padding: 0px;
    text-align: center;
	background-color: #fff;
*/

}

div#main {
   width: 920px;
    margin: 0px auto;

    text-align: left;
    color: #000000;
 
}


html > body {
  font-size: 0.85em;
}



.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 117%;
  font-variant: small-caps;
}


/* ##### Header ##### */

#header {
  color: inherit;
  background : #790000 url(images/banner-003.jpg) no-repeat;

  padding-top:200px;
  border-bottom:solid 1px #790000;

}

/*
div#logoLeft {
    position: absolute;
    top: 0;
    left: 0px;
    width: 340px;
    height: 100px;
}
*/
    
div#logoRight {
    position: absolute;
    top: 0;
    right: 0;
}


.headerTitle {
  margin: 0;
  padding: 0.25em 4em 0.25em 4em;
}

.headerTitle a {
  color: black;
  background: transparent;
  text-decoration: none;
  font-size: 110%;  /* For MSIE */
  font-weight: bold;
  font-style: italic;
}

.headerTitle > a {
  font-size: 138%;  /* For fully standards-compliant user agents */
}

.headerTitle span {
  color: white;
  background: transparent;
  font-weight: normal;
}


#header #mainNav {
			text-align:right;
}

#header #mainNav li{
	display:inline;

}


#header #mainNav li a{
	color:#cbc283;
	background-color:#790000;
	text-decoration:none;
	padding:5px;
	font-weight:bold;
}




/*
.subHeader {
	  
  color: white;
  background: #790000;
  font-size: 90%;
  text-align: center;
  margin: 0;
  padding: 0.3ex 0;
  padding-top:200px;
}

.subHeader a {
  color: #cbc283;
  background: black;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

.subHeader a:hover {
  color: black;
  background: white;
}

*/
/* ##### Left Side Bar ##### */

.leftSideBar {
  width: 12.5em;
  float: left;
  clear: left;
}

.leftSideBar .sideBarTitle {
  color: #404040;
  background: #E9CD62; /*rgb(230,223,207);*/
  font-weight: bold;
  text-transform:uppercase;
  margin: 0;
  padding: 0.8ex 1ex;
}

.leftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0;
}

.leftSideBar li {
  margin: 1ex;
  padding: 0 0 0.85ex 0.75ex;
}

.leftSideBar a {
  font-weight:normal;
  color: #9A0000;
  background: transparent;
  text-decoration: none;
}

.leftSideBar a:hover {
  color: #404040;
  background: transparent;
  text-decoration: none;
}

.leftSideBar .sideBarText {
  color: #9A0000;
  background: transparent;
  line-height: 1.25em;
  margin: 1ex 0.25ex 1.5em 0.75ex;
  padding: 0;
  display: block;
}

.leftSideBar .sideBarText a {
  text-decoration: underline;
}

.leftSideBar .sideBarText a:hover {
  text-decoration: none;
}

.leftSideBar .thisPage {
  color: #404040;
  background: transparent;
  font-weight: bold;
}


/* ##### Right Side Bar ##### */

.rightSideBar {
  width: 13em;
  margin: 2ex 0.25ex 0ex 0ex;
  padding: 0;
  float: right;
  clear: right;
  border: 1px solid #D8D2C3;
  color: #000000;
  background: #EEEEEE;
}

[class~="rightSideBar"] {
  margin-right: 1.5ex;
}

.rightSideBar .sideBarTitle {
  color: black;
  background: #E9CD62; /*rgb(230,223,207);*/
  font-weight: bold;
  margin: 0ex 0ex 1.25ex 0ex;
  padding: 0.9ex 1ex;
  border-bottom: 1px solid #D8D2C3;
  font-size: 0.83em;
}

.rightSideBar a {
  color: #9A0000;
  background: transparent;
  text-decoration: underline;
  font-weight: bold;
}

.rightSideBar a:hover {
  text-decoration: none;
}

.rightSideBar .sideBarText {
  line-height: 1.5em;
  margin: 0;
  padding: 0 .5ex .5em .5ex;  font-size: 0.82em;
}

.rightSideBar .more {
  text-decoration: none;
  text-align: right;
  margin: 0;
  padding: 0 2ex 1em 2ex;
  display: block;
}

.rightSideBar .more:hover {
  text-decoration: underline;
}

.rightSideBar .more:hover {
  text-decoration: underline;
}

.sideBarText ul {
  list-style-type: square;
  list-style-position: inside;
  margin: 0 0 0 0;
  padding: 0;
}

.sideBarText  li {
  margin: 0;
  padding: 0 0 0.85ex 0.75ex;
}

.news-image {
	text-align:center;
	border:solid 1px #000000;
}

.news-heading {
	font-size:1.3em;
	font-weight:bold;
}

.productImage {
	float:left;
	padding-right:5px;
}	

.contentBlock {
	float:left;
}	

.series {
	border:none;
	padding:5px;
	width:380px;
	}
/* ##### Main Copy ##### */

#main-copy {
  color: black;
  background: white;
  text-align: left;
  line-height: 1.5em;
  /*
  margin: 0 0 0 12.5em;
  padding: 0.5ex 15em 1em 1em;
  */
  	margin-top:-18px;

	padding-bottom:10px;
	padding-left:5px;
}

#main-copy #intro {
	margin-top:10px;
}

#main-copy #intro #welcome {
	width:295px;
	float:left;
	margin-right:10px;
	background-color:#F9F5E7;
	padding:5px;
	background:url(images/church/fght-church-outside-light-001.jpg) no-repeat bottom center #F9F5E7;
}

#main-copy #intro #slideshow {
	width:600px;
	float:right;
}


#main-copy .threeColumnGroup {
	
}
#main-copy .thirdColumn {
	width:290px;
	float:left;
	margin-right:15px;
}

#main-copy .thirdColumn h3{
	border-bottom:solid black 1px;
}

#main-copy #contentHolder #content {
	width:650px;
	float:left;
	margin-right:15px;
}


#main-copy #contentHolder #contentNav {
	width:230px;
	float:right;
	background-color:#F9F5E7;
}



#main-copy h1 {
  color: #000; /*#9A0000;*/
  background: transparent;
  /*background-color: #E9CD62;*/
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
 /* font-style: italic;*/
  text-align: left;
  border-left: 10px solid #9A0000;
  border-bottom: 2px solid #9A0000;
  padding-left:10px;
  padding-top:15px;
 /* margin: 1em 0 0 0;
  padding: 1em 0 0 0;
  border-top: 1px solid #9A0000;*/
  line-height:1;
}

#main-copy h2 {
  color: #9A0000; /*#9A0000;*/
  background: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 155%;
  font-weight: bold;
  text-align: left;
}

#main-copy a {
  color: #9A0000; /*rgb(168,140,83);*/

  text-decoration: underline;
}

#main-copy a:hover {
	
 background-color: #C1CDCD;
}

#main-copy .left {
  padding: 5px;
  float: left;
}

#main-copy .right {
  padding: 5px;
  float: right;
}

#main-copy .scripture {
font-weight: bold;
 font-size: 90%; 
line-height: 15px; 
text-align: center;
}

#main-copy .image-gallery {
	width:350px;
}

ul.sermonList li{
	/*line-height:2em;*/
	padding-bottom:1em;
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

.left {
	float:left;
}
	
.right {
	float:right;
}	

/* ##### Footer ##### */

#footer {
  color: white;
  background: #9A0000; /*rgb(230,223,207);*/
  font-size: 92%;
  /*text-align: center;*/
  line-height: 1.25em;
  margin: 0;
  padding: 1em 1em 1em 1em;
  clear: both;
  
  height:350px;
  
  margin-top:-20px;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}

#footer a {
  color: #E9CD62;
  color: #FAC770;
  background: transparent;
  text-decoration: underline;
  font-weight: bold;
}


#siteMap {
	float: left;
	width: 497px;
}

#siteMap .column {
	float: left;
	width: 160px;
}

#siteMap li {
	display: block;
	list-style: none;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
}

#siteMap li a {
	display: block;
	float: left;
	clear: left;
	padding: .36em .18em;
	font-weight: bold;
	color: #ff9300;
	color: #FAC770;
}

#siteMap li li a {
	padding-left: 10px;
	font-size: .81em;
	line-height: 1em;
	font-weight: normal;
	color: #eae7d2;
	
	/*background: url(/images/arrow-miniorange.gif) left center no-repeat;*/
}

#siteMap li a:hover {
	text-decoration: underline;
	color: white;
}

#siteMap li li a:hover {
	background-position: 2px 50%;
}




.clear {
	clear:both;
}