body {
font-family: "Trebuchet MS", sans, arial, 'lucida console';
font-size: 12px;
color: #000000;
margin:0;
padding:0;
background-image: url(../media/sitegraphics/lightgreenstripe.png);
background-repeat: repeat;
}

body a{
color:#000000;
}

b{
font-size: 110%;
}

em{
color: red;
}

.title { 
display:none; visibility:hidden; 
}

.floatimgleft {
float:left;
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
margin-left:5px;
}

#testbox {
  background: black;
  position: absolute;
  top: 75px;
  left: 300px;
  width: 100px;
  height: 100px;
  z-index:  4;
}

#wallpaper {
  position: absolute;
  top: 0px;
  left: 50px;
  width: 940px;
  height: 600px;
  z-index:  1;
  background-image: url(../media/sitegraphics/heartcloud.jpg);
  background-repeat: repeat;
}

#footer {
  position: absolute;
  top: 600px;
  left: 50px;
  width: 940px;
  height: 20px;
  z-index:  1;
  vertical-align: middle;
  text-align: middle;
  background: #215d21;
  color:  white;
}

#footer a{
  color: white;
}



#pageover {
  position: absolute;
  top: 50px;
  left: 100px;
  width: 500px;
  height: 500px;
  z-index:  5;
  background: #85bc61;
  border: white solid 2px;
}

#header {
  position: absolute;
  width: 610px;
  height: 200px;
  z-index:  2;
}

#slidebox {
  position: absolute;
  width: 300px;
  height: 200px;
  z-index:  3;
}

#menubox {
  background: #85bc61;
  position: absolute;
  width: 610px;
  height: 100px;
  z-index:  4;
}

#container300x300{
  position: absolute;
  width:  300px;
  height: 300px; 
  background-color: #85bc61;
  color:  white;
  z-index:  2;
}

#upcomingcontainer300x300{
  position: absolute;
  width:  300px;
  height: 300px; 
  background-color: #85bc61;
  color:  black;
  z-index:  2;
}

#scrollcontainer300x300{
  position: absolute;
  width:  300px;
  height: 300px; 
  background-color: #85bc61;
  color:  white;
  z-index:  2;
  overflow: auto;
}

#scrollcontainer610x300{
  position: absolute;
  width:  600px;
  height: 290px; 
  background-color: #85bc61;
  color:  white;
  z-index:  2;
  overflow: auto;
  padding: 5px;
}


#buttoncover {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  4;
}

#prayerlistbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/prayerlistbutton.png);
  background-repeat: repeat;
}

#bulletinbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/bulletinbutton.png);
  background-repeat: repeat;
}

#newsletterbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/newsletterbutton.png);
  background-repeat: repeat;
}

#newsbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/newsbutton.png);
  background-repeat: repeat;
}

#staffbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/staffbutton.png);
  background-repeat: repeat;
}

#scrapbookingbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/scrapbookingbutton.png);
  background-repeat: repeat;
}

#cdministrybutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/cdministrybutton.png);
  background-repeat: repeat;
}

#specialbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/specialbutton.png);
  background-repeat: repeat;
}

#servicesbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/bulletinbutton.png);
  background-repeat: repeat;
}

#musicbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/musicbutton.png);
  background-repeat: repeat;
}

#specialservicesbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/specialservicesbutton.png);
  background-repeat: repeat;
}

#communionbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/communionbutton.png);
  background-repeat: repeat;
}

#adulteducationbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/adulteducationbutton.png);
  background-repeat: repeat;
}

#adultministrybutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/adultministrybutton.png);
  background-repeat: repeat;
}

#childeducationbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/childeducationbutton.png);
  background-repeat: repeat;
}

#childministrybutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/childministrybutton.png);
  background-repeat: repeat;
}

#johnsislandbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/johnsislandbutton.png);
  background-repeat: repeat;
}

#citymissionbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/citymissionbutton.png);
  background-repeat: repeat;
}

#helpinghandsbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/helpinghandsbutton.png);
  background-repeat: repeat;
}

#sumhopebutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/sumhopebutton.png);
  background-repeat: repeat;
}

#readingtutorsbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/readingtutorsbutton.png);
  background-repeat: repeat;
}

#eacbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/eacbutton.png);
  background-repeat: repeat;
}

#schoolbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/schoolbutton.png);
  background-repeat: repeat;
}

#noisycanbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/noisycanbutton.png);
  background-repeat: repeat;
}

#lsaabutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/lsaabutton.png);
  background-repeat: repeat;
}

#photobutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/photobutton.png);
  background-repeat: repeat;
}

#audiobutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/audiobutton.png);
  background-repeat: repeat;
}

#videobutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/videobutton.png);
  background-repeat: repeat;
}

#spiritfireplaylistsbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/spiritfireplaylistsbutton.png);
  background-repeat: repeat;
}


#formsbutton {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 15px;
  color: white;
  text-align: center;
  background-image: url(../media/sitegraphics/formsbutton.png);
  background-repeat: repeat;
}

#extratextbox {
  position: absolute;
  width: 270px;
  height: 100px;
  z-index:  3;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 22px;
  color: white;
  text-align: left;
  padding: 5px;
}


#pastorbox {
  background: #215d21;
  position: absolute;
  width: 290px;
  height: 65px;
  z-index:  4;
  font-family: "Trebuchet MS", sans, arial, 'lucida console';
  font-size: 16px;
  color: white;
}

#closebuttonbox {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index:  6;
}


.outlined{
border: #85bc61 solid 1px;
padding: 2px;
}

.filled{
border: #85bc61 solid 1px;
background-color: #85bc61;
padding: 2px;
}

.filledheader{
background-color: #215d21;
width:  330px;
padding: 2px;
font-family: "Trebuchet MS", sans, arial, 'lucida console';
font-size: 32px;
}


.maximum{
border-bottom: #c42d2e solid 1px;
border-right: #c42d2e solid 1px;
border-top: #ca2e2f solid 1px;
border-left: #ca2e2f solid 1px;
padding: 2px;
background-color: #c52b2d;
}

.outlinedfilled{
border-bottom: #659b40 solid 1px;
border-right: #659b40 solid 1px;
border-top: #9acd79 solid 1px;
border-left: #9acd79 solid 1px;
padding: 2px;
background-color: #76ac52;
}

.padding5{
padding: 5px;
}

.innertube{
margin: 10px;
margin-top: 0;
}




#maincontainer{
width: 900px;
margin: 0 auto;
border-right: #659b40 solid 1px;
border-left: #9acd79 solid 1px;
background-color: #d8f1c7;
}

#newmaincontainer{
width: 1000px;
margin: 0 auto;
border-right: #659b40 solid 1px;
border-left: #9acd79 solid 1px;
background-color: #d8f1c7;
}

#headercontainer{
width: 900px;
height: 250px;
margin: 0 auto;
background-image: url(../media/graphics/headercontainerbackground.jpg);
background-repeat: repeat;
}

#sumcheadercontainer{
position: absolute;
width: 800px;
height: 100px;
top: 200px;
padding-left: 10px;
margin: 0 auto;
font-family: "Trebuchet MS", sans, arial, 'lucida console';
font-size: 36px;
color: white;
}

#scrollcontainer{
width:  354px;
height: 287px; 
background-color: #85bc61;
color:  white;
padding: 5px;
overflow: auto;
}

#menucontainer{
width: 700px;
height: 150px;
margin: 0 auto;
z-index: 1;
background-color: #85bc61;
}

#newfootercontainer{
color:#ffffff;
clear: left;
width: 1000px;
height: 25px;
background-color:#215d21;
}

#footercontainer{
color:#ffffff;
clear: left;
width: 900px;
height: 50px;
background-color:#215d21;
}

#footercontainer a{
color: #ffffff;
}

#newfootercontainer a{
color: #ffffff;
}

#comicpaper{
width: 850px
height: 675px;
margin-left:25px;
margin-right:25px;
margin-top: 0px;
margin-bottom: 20px;
background-color: linen;
}

#comicspacer{
width: 100%;
height: 25px;
background-color: linen;
}

#comicframe1{
width:390px;
height:300px;
background-color: pink;
}

#comicframe2{
width:390px;
height:625px;
background-color: purple;
}

#comicframe3{
width:390px;
height:300px;
background-color: red;
}

#comicbox1{
float: left;
margin-left: 200px;
margin-top: 50px;
width:100px;
height:100px;
background-color:blue;
}

.green #slatenav{
position:relative;
display:block;
height:30px;
font-size:11px;
font-weight:bold;
background:transparent url(../media/graphics/greenslate_background.gif) repeat-x top left;
font-family:"Trebuchet MS", sans, arial, 'lucida console';
text-transform:none;
}

.green #slatenav ul{
margin:0px;
padding:0;
list-style-type:none;
width:auto;
}

.green #slatenav ul li{
display:block;
float:left;
margin:0 1px 0 0;
}

.green #slatenav ul li a{
display:block;
float:left;color:#EEFFDF;
text-decoration:none;
padding:7px 8px 0 8px;
height:28px;
}

.green #slatenav ul li a:hover,.green #slatenav ul li a.current{color:#fff;background:transparent url(../media/graphics/greenslate_backgroundOVER2.gif) no-repeat top center;}

.applemenu{
margin: 0px 0;
padding: 0;
width: 530px; /*width of menu*/
border-bottom: #659b40 solid 1px;
border-right: #659b40 solid 1px;
border-top: #9acd79 solid 1px;
border-left: #9acd79 solid 1px;
}

.applemenu div.silverheader a{
background: black url(../media/graphics/greengradient.gif) repeat-x center left;
font: normal 14px "Trebuchet MS", sans, arial, 'lucida console';
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(../media/graphics/greengradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: #85bc61;
padding: 0px;
height: 200px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}