/* CSS Document */


<style="text/css">

* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding: 0;
margin: 0;
width: 1080px;
display: table;
}

#banner {
background: url(images/bbr.jpg) no-repeat top;
height: 250px;
border-bottom:solid 1px #ccc;
}

#content {
margin: 0 auto;
width: 1080px;
height: 670px;

}

#leftcolumn { 
float: left;
margin-left: 25px;
padding: 0px;
width: 425px;
display: inline;
}

#rightcolumn { 
display: inline;
margin: 0px;
padding: 0px;
width: 620px;
float: right;
 background-image: url(images/BRimage2.jpg);
 background-repeat: no-repeat;
 background-position: top center 20%;
 }
#welcome {

float:left;
padding: 15px;}

#worship {
 float: right;
 width: 500px;
 height: 350px;
  }

#picturelinks{
 width: 640px;
 float: left; 
 padding: 40px;
}

#footer { 
 width:1000px;
 text-align: center;
 line-height: 60%;
 padding:35px;
}

/*class styles*/

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color: #143789;
line-height: 80%;
}

.heading {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color: #143789;
line-height: 80%;
}

.test {
font-family:"Chaparral Pro";
color: #143789;
font-size: 18px;
}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color: #143789;
}

.heading2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color: #143789;
}

.heading3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color: #143789;
line-height: 110%;
}

.maintext {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color: #143789;
line-height:175%;
}

.caption {}

.clear { clear: both; background: none; }

a {
border: none;
text-decoration: none;}

a:hover{
color: #973029;}




/* Navigation */

#topnav {
float: left;}

#topnav li {
list-style:none;
display: inline;
padding: 8px;
color: #0032b7;}

#topnav li a {
color: #0032b7;}

#topnav li a:hover {
color: #973029;}

#topnav a {
text-decoration: none;}



/* These styles create the dropdown menus. */
#wrap {
   position: relative;
   font-size: 1.2em;
   width: 1080px;
   padding: 25px 20px;
   margin: 0 auto; 
   position: relative;
   }
   
#navbar {
  /*float: right;*/
   position: absolute;
   top: 0;
   margin: 0;
   padding: 0;
   width:100%}
   
#navbar li {
   list-style: none;
   float: left; 
   }
   
#navbar li a {
   display: block;
   padding: 3px 8px;
   text-transform: none;
   text-decoration: none; 
   color:#000;
   font-weight: bold; }
   
#navbar li a:hover {
   color: #ffcc00; }
   
#navbar li ul {
   display: none;  }
   
#navbar li:hover ul, #navbar li.hover ul {
   position: absolute;
   display: inline;
   left: 0;
   width: 100%;
   margin: 0;
   padding: 0; }
   
#navbar li:hover li, #navbar li.hover li {
   float: left; }
   
#navbar li:hover li a, #navbar li.hover li a {
   color: #973029; }
   
#navbar li li a:hover {
   color: #ffcc00; }
   
#navbar form {
display: inline;} 


   
/*Styles for LM Online page*/



#calendar{
float: left;
width: 370px;
margin-left: 10px;
padding:20px;
line-height: 180%;
}

#enews{
margin-left: 25px;
padding: 25px;}

#door {
padding: 25px;}


/*Styles for About Us page*/


#ABOUTworship {
float: right;
 width: 500px;
}


/*Styles for ?????? page*/

#worshipleft {

display:inline;
width:250px;
padding:25px;}

#worshipcenter {
line-height: 190%;
display:inline;
width:425px;
padding:10px;}

#worshipright {
margin-left: 10px;
display:inline;
width:300px;
padding: 5px;}




/*Styles for Wedding page*/

#weddingcontact{
 float: right;
 width: 500px;
 height: 150px;
}

#howto {
margin-top: 45px;
float: right;
padding: 10px;
width:540px;
}

#weddings {
line-height: 190%;}

#weddings a {
color:#d3bd0f}

#weddings a:hover {
color:#000}

/*#wedding li{
list-style-image:url(images/arrow.png) ;}*/

.subhead{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color: #143789;
}

div.float2 {
margin:5px;
float: left;
padding:5px;
border: 1px solid gray;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

div.float2 p {
text-align:center;}





/*-----NEW-----in progress---- */
#box{
 
 float: left;
 padding: 10px;
 
 }

#Worshipwelcome {
margin-left: 10px;
line-height: 150%;
}


div.float {

float: left;
padding:5px;

}
#Worshipbutton {
margin-top: 15px;
width: 100px;
float:left;}

#worshipbutton a{
text-decoration: none;
}

div.floatright {
float: right;
padding:0px;}

#ABOUTbubblelinks{
 width: 640px;
 float: left; 
}


   </style>