body, html {margin:0; padding:0; } /* was background:#FFFFFF; */
#wrap {
width:750px;
margin:0 auto;
/*background:#99c; */
background: transparent;
}
.banner {
padding-left: 0px;
width: 97%;
height: 235px; /* was null */
border-style:outset;
border-color: yellow;
border-width:10px;
}
.bannerimg1 {
background-image: url(../image/banner1.gif) ;
background-repeat: no-repeat;
}
.bannerimg2 {
background-image: url(../image/banner2.gif) ;
background-repeat: no-repeat;
}
.bannerimg3 {
background-image: url(../image/banner3.gif) ;
background-repeat: no-repeat;
}
.bannerimg4 {
background-image: url(../image/banner4.gif) ;
background-repeat: no-repeat;
}
/* like The Church in Tampa */
div#bannertext1 {
font: bold italic 48px Book Antiqua, Garamond;
color: white;
position: relative;
height: auto;
width: auto;
left: 140px;
top: 80px;
}
/* 2nd line text on banner */
div#bannertext2 {
font: bold italic 24px Book Antiqua, Garamond;
color: white;
position: relative;
/*height: auto; */
/*width: auto; */
margin-left: auto; /*130px*/
margin-right: auto;
top: 120px;
}
p.center { text-align: center; }
#header {
/*padding:5px 10px;*/
/* padding:5px 10px; */
height: 255px; /* was 260 chg this to move nav up and down 240px */
/* background:#ddd; */
/*background:url(../image/flower.jpg) no-repeat; */
margin: 0px;
}
h1 {
margin:0;
}
#nav {
padding:5px 10px;
background:Maroon; /*c99 */
border-style:outset; /*outset*/
border-color: yellow; /*yellow Orange Maroon */
}
#nav ul {
margin:0;
padding:0;
list-style:none;
}
#nav li {
display:inline;
margin:0;
padding:0;
}
#nav li a {
color: white;
}
#nav li a:hover {
color: yellow;
}
#more a {
color: white;
text-decoration: none
}
#more a:hover {
color: yellow;
}
#main {
float:left;
width:480px;
padding:10px;
background:Maroon; /* was commented out */
border-style:outset; /*outset*/
border-color: yellow; /*yellow Orange Maroon */
border-width:5px;
color: white;
}
h2 {
margin:0 0 1em;
}
/* contact not working */
#main.contact {
font-size: medium;
}
/* contact not working */
#main a.link { font-size: large; color: white;
text-decoration: none }
#main a:hover { color: yellow; }
#sidebar { float:right; width:210px; padding: 10px; /* was 10 */
border-style:outset; /*outset*/ border-color: yellow; border-width:5px; /*
was 5 */ background:#c99;
/*font-size: .8em; */ /* added for block nav list test */
}
#sidenavlist {
margin: 0; /*removes indent IE and Opera*/ padding: 0;
/*removes indent Mozilla and NN7*/ list-style-type: none; /*turns off
display of bullet*/ } #sidenavlist a, #sidenavlist a:visited { display:
block; padding: 2px 2px 2px 24px; border: 1px solid; border-color: #ddd #000
#000 #ddd; background-color: Maroon; /* 999999 */ /*background-image:
url(image/l1_down.jpg); not used*/
background-repeat: no-repeat;
background-position: 0% 50%;
color: #EEE;
text-decoration: none;
}
#sidenavlist a:hover {
background-color: #9F6F9F;
/* background-image: url(image/l1_over.jpg); */
color: #2D1E2D;
}
#sidenavlist a.sidenavtext {
font-size: medium;
}
/*
#sidebar {
position: absolute;
left: 36px;
top: 86px;
width: 186px;
font-size: .8em;
} */
/*
div.picture {
float: left;
}
div.picture p {
text-align: center;
}
*/
dl {
float: left;
width: 100%;
}
dt {
clear: left;
margin: 0 0 0 0;
}
dt img {
float: left;
margin: 0 10px 10px 0;
border: solid 1px #ccc;
}
dd {
margin-left: 96px;
}
/* when a new window launched */
.audio {
background:#99c;
}
.songtext {
color: green;
}
/*---------------------------footer--------------*/
#footer{
width:99%;
height:26px;
float:left;
color: black; /* footer text color*/
}
#footer_div p {
margin:0;
}
#footer_div{
width:510px;
margin:0 auto 0 auto;
font-size: small;
}