body {
 background: black;
 padding: 0px;
 font: 1em "Arial", sans-serif;
 line-height: 1.15em;
 color: white;
 margin: 0px auto;
 text-align: center;
 }

a img {
 border: none;
 }

#outer_body {
 position: relative;
 width: 774px;
 padding: 0px;
 margin: 0px auto;
 }

#header {
 position: relative;
 width: 100%;
 padding: 0px;
 padding-top: 20px;
 height: 170px;
 margin: 0px auto;
 }

#center {
 position: relative;
 width: 100%;
 margin: 0px auto;
 padding: 0px;
 }

#top {
 position: relative;
 width: 100%;
 height: 300px;
 background: url(images/topbg.png) center bottom no-repeat;
 padding: 0px;
 margin: 0px auto;
 }

#top #left {
 position: relative;
 display: inline;
 top: 28px;
 left: 10px;
 width: 219px;
 float: left;
 height: 262px;
 margin: 0px auto;
 padding: 0px;
 }
 
#top #nav {
 position: relative;
 display: inline;
 float: left;
 left: 15px;
 width: 217px;
 height: 100%;
 margin: 0 auto;
 background: url(images/img_redNav.png) center top no-repeat;
 padding: 0px;
 }

#top #right {
 position: relative;
 left: 20px;
 top: 28px;
 float: left;
 display: inline;
 width: 308px;
 height: 262px;
 margin: 0px auto;
 padding: 0px;
 }

#main {
 position: relative;
 top: 8px;
 width: 100%;
 margin: 0 auto;
 padding: 0px;
 background: url(images/background.png) center bottom no-repeat;
 text-align: left;
 }

#index #main {
 height: 273px;
 background: url(images/img_bottomBG.png) center top no-repeat;
 }

#main .left {
 position: relative;
 padding: 5px;
 padding-right: 10px;
 padding-top: 10px;
 float: left;
 }
 
#index #main .left {
 position: relative;
 display: inline;
 top: 14px;
 left: 14px;
 width: 230px;
 text-align: left;
 height: 260px;
 margin: 0 auto;
 padding: 0px;
 }

#index #main .left .tp {
 position: relative;
 width: 220px;
 height: 144px;
 margin: 0px;
 padding: 0px;
 }
 
#index #main .left .bt {
 position: relative;
 top: 2px;
 width: 220px;
 left: 0px;
 height: 98px;
 margin: 0px;
 padding: 0px;
 text-align:center;
 }

#main #news {
 position: relative;
 display: inline;
 float: left;
 top: 20px;
 width: 174px;
 height: 220px;
 padding: 5px 10px;
 margin-left: 10px;
 overflow: auto;
 color: white;
 text-align: center;
 }

#news img {
 margin: 0px auto;
 }

#news h1 {
 color: rgb(200,100,200);
 margin-top: 3px;
 }

#news ul {
 padding: 0px 20px;
 margin: 0px;
 list-style-image: url(images/list.png);
 font: 1em "Arial", sans-serif;
 line-height: 1.2em;
 text-align: left;
 }
 
.right {
 padding: 10px;
 }
 
#index #main .right {
 position: relative;
 float: left;
 display: inline;
 top: 17px;
 left: 34px;
 width: 295px;
 height: 260px;
 padding: 0px;
 }
 
#index #main .right .tp {
 position: relative;
 width: 286px;
 top: 8px;
 height: 102px;
 margin: 0px;
 padding: 0px;
 }
 
#index #main .right .bt {
 position: relative;
 width: 286px;
 height: 102px;
 top: 22px;
 margin: 0px;
 padding: 0px;
 }

#footer {
 position: relative;
 top: 15px;
 width: 100%;
 color: rgb(230,230,230);
 height: 48px;
 padding: 0px;
 margin: 0 auto;
 padding-bottom: 20px;
 background: url(images/img_footer2.png) center top no-repeat;
 }

#footer .text {
 width: 60%;
 padding-top: 2px;
 margin: 0 auto;
 font-size: 10px;
 line-height: 13px;
 }

#footer p {
 margin: 0px;
 text-align: center;
 }
 
ul {
 text-align: left;
 }
 
/* Navigation list */

#nav ul {
 list-style-type: none;
 padding: 10px;
 text-align: left;
 margin: 0px;
 }

#nav li {
 position: relative;
 line-height: 0px;
 font-size: 0px;
 display: block;
 padding: 0px;
 margin: 0px;
 width: 100%;
 height: auto;
 }

#nav a { 
position: relative;
display: block;
width: 100%;
padding: 0px;
height: 40px;
text-decoration: none;}

#nav .thistle {
 position: relative;
 display: block;
 width: 40px;
 top: 20px;
 height: 40px;
 background: url(images/thistle.png) 4px top no-repeat;
 }

#nav a:hover .thistle {
 background: url(images/thistle.png) 4px -49px no-repeat;
 }
 
#nav li#leadership {
 height: 65px;
 background: url(images/leadership.png) 40px 0px no-repeat;
 }

#nav li#leadership .thistle {
 top: 3px;
 }

#nav li#departments {
 height: 56px;
 background: url(images/departments.png) 40px 0px no-repeat;
 }

#nav li#departments .thistle {
 top: -4px;
 }
 
#nav li#churches {
 height: 46px;
 background: url(images/churches.png) 40px 0px no-repeat;
 }

#nav li#churches .thistle {
 top: 2px;
 }
 
#nav li#events {
 height: 65px;
 background: url(images/events.png) 40px 18px no-repeat;
 }

#nav li#events .thistle {
 top: 10px;
 }

#nav li#webelieve {
 height: 42px;
 background: url(images/webelieve.png) 40px 0px no-repeat;
 }

#nav li#webelieve .thistle {
 top: 0px;
 }
 
#nav .text {
 visibility: hidden;
 }

/* Fonts, Headers */
p {
text-align: left;
}

p.dark {
 color: rgb(120,120,120);
 }
 
.clearall {
 height: 1px;
 padding: 0px;
 line-height: 0px;
 width: 100%;
 clear: left;
 }

h1 {
 font-size: 1.6em;
 text-transform: uppercase;
 font-weight: normal;
 color: rgb(110,50,110);
 text-align: left;
 }

h2 {
 font-size: 1.4em;
 text-transform: uppercase;
 font-weight: normal;
 color: rgb(110,50,110);
 text-align: left;
 }

h3 {
 font-size: 1.3em;
 text-transform: uppercase;
 font-weight: normal;
 color: rgb(110,50,110);
 text-align: left;
 }

h4 {
 font-size: 1.2em;
 text-transform: uppercase;
 font-weight: normal;
 color: rgb(110,50,110);
 text-align: left;
 }

h5 {
 font-size: 1.1em;
 text-transform: uppercase;
 font-weight: normal;
 color: rgb(110,50,110);
 text-align: left;
 }

h6 {
 font-size: 1em;
 text-transform: uppercase;
 font-weight: normal;
 color: rgb(110,50,110);
 text-align: left;
 }

.church_float {
 width: 50%;
 float: left;
 padding-bottom: 55px;
} 

a:link {color: rgb(150,150,230); text-decoration: none;}
a:visited {color: rgb(100,100,220); text-decoration: none;}
a:hover {color: (180,180,250); text-decoration: underline;}
a:active {color: 200,200,250); text-decoration: underline;}