@charset "utf-8";
/* CSS Document */

/************************************************
 *                 Defaults						*
 ************************************************/
body  {
  font-family:verdana, serif; margin:0px; padding:0px;
  background:#000040 url('/images/bg.blue.png') repeat-x; text-align:center;
}
div,table,tr,td,img { margin:0px; border:0px; padding:0px; }
a { color: #525E33; }
h1 { color:#764; font-size:160%; }
h2 { color:#653; font-size:140%; }
h3 { color:#542; font-size:120%; }

#page { width:770px; margin:20px auto; text-align:left; }
#header {
  position:relative; height:230px; font-size:0.75em;
}
#topbar {
  height:37px; position:relative; z-index: 20;
  background:url('/images/topbar.silver.png') no-repeat;  
}
#banner_lighthouse {
  height:200px; background:#EEE url('/images/header.lighthouse.02.jpg') no-repeat center;
  border-bottom:1px solid #777;
  position:relative; top:-7px;
}
#familypic {
  width:285px; height:225px;
  position:absolute; z-index:30; top:5px;
  background:url('/images/family.png') no-repeat center center;
}
#box {
  position:relative; top:-8px; /* IE6 hack fixed to top:0 below */
  background:#FFF; border:1px solid #777; font-size:0.8em;
  padding:10px;
}
#page > #box { top:0; }
#logo { float:left; margin:10px 0px 0px 10px; }
#headtxt { margin-left:310px; text-align:center; }
#headtxt p {
  text-align:center; padding:30px;
  font-style:italic; color:#DC9; font-weight:bold;
}


.lside {
  float:right; width:250px; margin:0 0 10px 10px;
  position:relative; /* without this property the entire div just dispears in IE6 */
}
.lside dl {
  border-bottom:1px solid #777; /* bottom border done under dl because of IE bug... */
  margin:0;padding:0;
  background:url('/images/listheader.png') no-repeat center top;
}
.lside dt {
  line-height:1.5em; padding:2px 10px;
  font-weight:bold; font-size:110%;
}
.lside dd {
  margin:0;padding:0 4px 6px;
  border:solid #777;
  border-width:0 1px 0 1px; /* bottom border done under dl because of IE bug... */
}
.lside ul { list-style-type:none; margin:0px;padding:0px; }
.lside ul li {
  white-space:nowrap; overflow:hidden;
  border-top:1px solid #BBB; padding: 2px 10px;
}
.lside ul li:FIRST-CHILD { border:0; }
.lside ul li span { display: block; }
.lside ul li:HOVER { background-color:#EEF; }

div.JSTab { margin-top:5px; }
span.Iselected {
  border-left:1px solid #DDD;
  border-right:1px solid #777;
  border-top:1px solid #DDD;
  padding:3px 8px 4px;
  position:relative;
  top:-2px; background-color:#FFF;
  color:#900;
}
span.unselected, span.Iunselected {
  background-color:#E0E0E0;
  border-left:1px solid #EEE;
  border-right:1px solid #888;
  border-top:1px solid #EEE;
  cursor:pointer;
  padding:3px 8px 2px;
}
div.JSTab div {
  margin-top:2px;
  padding: 0px; background-color:#FFF
}
.seemore_link { cursor:pointer; color:#359; }
.seeless_link { cursor:pointer; color:#359; }


#content { width:480px; }

#footer {
  position:relative; top:-8px; /* IE6 hack fixed to top:0 below */
  width:100%; height:100px; text-align:right; font-size:0.75em;
  background:url('/images/bottombar.png') no-repeat;
}
#page > #footer { top:0; }
#footupper { height:40px; color:#777; }
#footer_side {
  float:left; padding:10px 20px;
  font-weight:bold; font-size:130%; color:#777;
  text-align:left;
}
#footer_menu {
  float:right; padding:15px; font-size:80%
}
#footer_menu a { color:#669; }
#footer a { font-weight:bold; font-size:90%; }

#ip2map { margin:20px 10px; text-align:right; }
/************************************************
 *                 Top Menu						*
 ************************************************/

#topmenu {
  position:absolute; top:4px;
  font-size:85%; font-weight:bold;
  width: 100%; /*leave this value as is in most cases*/
  overflow: hidden;z-index:40;
}
#topmenu ul {
  margin:0;padding:0;float:right;
}
#topmenu ul#homelink { float:left; }
#topmenu ul li { display: inline; }
#topmenu ul li a {
  float: left;
  color: #000; /*text color*/
  padding: 5px 7px;
  text-decoration: none;
}
#topmenu ul li a:visited{ color: #000; }
#topmenu ul li a:hover { text-decoration: underline; }
#topmenu ul li a:hover, #topmenu ul li .active {
  color: #900 !important; /*text color of selected and active item*/
  padding-top: 6px; /*shift text down 1px for selected and active item*/
  padding-bottom: 4px; /*shift text down 1px for selected and active item*/
}
#topmenu > ul > li > a:hover, #topmenu > ul > li > .active {
  /* this is hiden from IE6 because it doesnt display as semi-transparent there */
  background: transparent url("/images/topmenu.png") center center repeat-x;
}  
/************************************************/
.fltrt { float:right; margin-left:8px; }
.fltlft { float:left; margin-right:8px; }
  
img.imgtile { padding:5px;width:225px;height:150px; }


#sermoninfo {
  
}
#linkstbl { border-collapse:collapse; width:745px; }
#linkstbl tr:nth-child(odd) { background-color:#EEE; }
#linkstbl th { text-align:center; vertical-align:middle; padding:10px 20px 10px 10px; }

#newsposts { width:470px; }
#newsposts dl { border-collapse:collapse; padding:10px;margin:0px; }
#newsposts dl:nth-child(even) { background-color:#EEE; }
#newsposts dt { font-weight:bold; margin:0;padding:0; }
#newsposts dt span { float:right; font-weight:normal; font-style:italic; }
#newsposts dd { margin:0;padding:10px; }