html * {
margin:0;
padding:0;
}

html {
  overflow-y: scroll;
}


body {
    background-color: #939393;
}

.alert {
	background-color: #FFFF00;
	text-align: center;
	font-weight: bold;
}

ol {
margin-left: 40px;
padding-top: 10px;
margin-right: 40px;
}

ol.a{
margin-left: 40px;
padding-top: 0px;
margin-right: 40px;
}

body IMG {
  border: 0;
  border: none;
}


.clearer {
clear:both;
}

#wrapper {
font-family:"Times New Roman", Times, serif;
margin:auto;
width:760px;
}

#wrapper #header {
height:175px;
width:760px;
background-color: #575757;
}

#wrapper #header #header_left {
  width: 177px;
  height: 175px;
  float: left;
  background-color: yellow;
}




#wrapper #header #header_right {
  width: 583px;
  height: 175px;
  float: left;
  background-color: white;
}

#wrapper #header #header_right_top {
  width: 583px;
  height: 124px;
  background-image: url(../images/header.jpg);
  background-repeat: no-repeat;
}

#wrapper #header #header_right_top #top_nav {
color:#FFF;
font-size:11px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-top: 5px;
padding-left: 447px;
}

#wrapper #header #header_right_top #top_nav li {
float:left;
margin-right:5px;
}
#wrapper #header #header_right_top #top_nav a {
color:#FFF;
text-decoration:none;
}
#wrapper #header #header_right_top #top_nav a:hover {
color:#C0C6CA;
}


#wrapper #header #header_right_nav {
  width: 583px;
  height: 25px;
  background-color: #666666;
}

/*
#wrapper #header #header_right_nav #nav {
color:#FFF;
font-size:13px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-top: 4px;
padding-left: 10px;
}

#wrapper #header #header_right_nav #nav li {
float:left;
margin-right:15px;
}
#wrapper #header #header_right_nav #nav a {
color:#FFF;
text-decoration:none;
}
#wrapper #header #header_right_nav #nav a:hover {
color:#C0C6CA;
}
*/

#wrapper #header #header_right_bottom {
  width: 563px;
  height: 22px;
  background-color: #FFF;
  color: #575757;
  font-size: 12px;
  padding-top: 4px;
  padding-right: 20px;
  text-align: right;
}


#wrapper #body {
background-color: #FFF;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
width:720px;
text-align: justify;
}

#wrapper #body a {
    color: #890302;
    text-decoration: none;
}


#wrapper #body p{
padding-top: 10px;
}

#wrapper #body p.verse{
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
text-align: center;
font-style: italic;
}

#wrapper #body p.heading{
text-align: center;
font-weight: bold;
}

#wrapper #body h1{
font-size:26px;
font-weight:normal;
padding-bottom:4px;
padding-top:10px;
text-align:center;
}

#wrapper #body .sref{
font-style: normal;
}

#wrapper #body h2{
color: #000;
font-size: 18px;
text-align: center;
font-weight: normal;
}

#wrapper #body h2.names{
color: #000;
font-size: 18px;
text-align: center;
font-weight: normal;
}


#wrapper #body h2 a{
text-decoration: underline;
}

#wrapper #body h3 {
font-size: 16px;
text-align: center;
font-weight: normal;

}

#wrapper #body .verse{
  font-style: italic;
}

#wrapper #body p.verse{
  text-align: center;
}
#wrapper #body .citation{
font-style: normal;
}

#wrapper #body p.writings{
text-align:center;
margin-bottom: 30px;
}

#wrapper #body p.swritings{
text-align:center;
margin: auto;
margin-bottom: 30px;
margin-top:0px;
padding-top:0px;
width: 675px;
}

#wrapper #body p.languages{
text-align:center;
padding-top: 0px;
padding-bottom: 10px;
}

#wrapper #body p.story_versions{
text-align:center;
padding-top: 0px;
padding-bottom: 10px;
}

#wrapper #body p.languages a{
color: #3F3F3F;
font-size: 17px;
}

#wrapper #body p.languages a:hover{
color: #000;
}

#wrapper #body p.cent_bold{
text-align:center;
margin-bottom: 30px;
font-weight: bold;

}

#wrapper #body p.cent{
text-align:center;
}

#wrapper #body #body_right{
  float:left;
  width:200px;
  padding-top:38px;
  padding-left:30px;
  font-size:14px;
}


#wrapper #body #button{
text-align:center;
width: 720px;
margin-top: 10px;
}

#wrapper #body #button a{
height: 16px;
width: 82px;
display: block;
background-image: url(../images/button_background.gif);
background-repeat: no-repeat;
text-decoration: none;
color: #FFF;
font-size: 11px;
margin: auto;
}
#wrapper #body #dear_reader{
padding:20px;
padding-top: 10px;
padding-bottom: 10px;
margin-top:20px;
font-style: normal;
font-weight: normal;
color: #000;
background-color: #c3c3c3;

}

#wrapper #body #map_container{
width:500px;
margin: auto;

}

#wrapper #body #mailto {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}

#wrapper #footer{
text-align: center;
font-size: 12px;
color: #fff;
margin-bottom: 20px;
margin-top: 10px;
}
#wrapper #footer #footer_nav {
color:#fff;
font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-top: 5px;
margin: auto;
width: 331px;
}

#wrapper #footer #footer_nav li {
float:left;
margin-right:5px;
}
#wrapper #footer #footer_nav a {
color:#FFF;
text-decoration:none;
}
#wrapper #footer #footer_nav a:hover {
color:#C0C6CA;
}


/*SERMONS PAGE*/

#wrapper #body #sermons {
width: 720px;
font-size: 13px;
border-spacing: 0px;

}

#wrapper #body #sermons a.info{
position:relative; /*this is the key*/
z-index:24;
color:#000;
text-decoration:none}

#wrapper #body #sermons a.info:hover{
z-index:25;
background-color:#ff0
}

#wrapper #body #sermons a.info span{
display: none
}

#wrapper #body #sermons a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:0em; right:2em; width:15em;
border:1px solid #858585;
background-color:#DFDFDF; color:#000;
text-align: center;
padding: 5px;
}

#wrapper #body #sermons tr.header{
background-color: #666666;
color: #FFF;
font-size: 14px;
}

#wrapper #body #sermons td{
padding-left: 5px;
height: 25px;
}

#wrapper #body #sermons tr.b td,tr.a td{
  background-color: #FFF;
}

#wrapper #body #sermons tr.a td{
  background-color: #e4e4e4;
}

#wrapper #body #sermons tr.b td{
  background-color: #FFF;
}

#wrapper #body #sermons td.date{
width: 65px;

}
#wrapper #body #sermons td.title{

}
#wrapper #body #sermons td.description{
width: 20px;
}
#wrapper #body #sermons td.play{
width: 20px;
}

#wrapper #body #pages {
color:#000;
font-size:12px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-top: 5px;
padding-left: 0px;
}


#wrapper #body #pages li {
float:left;
margin-right:3px;
}
#wrapper #body #pages a {
text-decoration:none;
}
#wrapper #body #pages a:hover {
color:#C0C6CA;
}

#wrapper #body #pages li.gray {
color:#C0C6CA;
}

#wrapper #body #pages a.current {
background-color: #890302;
font-weight: bold;
color: #FFF;
padding-left: 1px;
padding-right: 1px;
}

#wrapper #body #pages a.bold {
font-weight: bold;
}

/*END SERMONS PAGE*/