/* This layout resets only the styles that are used here. */
h1, h2, h3, h4, p, ul, li, img, div, body {
margin: 0;
padding: 0;
}

img { border: none; }
body {
/*background: #8e0000 url('http://lifelinkchurch.com/RW/RWImages/RWBkgnd-8-95.jpg') no-repeat fixed center top;*/
background: #8e0000 url('RWImages/RWBkgnd-8-85.jpg') no-repeat fixed center top;
width: 100%;
/*display: table; /* Needed only when "background:fixed" isn't used */
margin: 10px auto;
color: #fff;
font-size: 16px; /* Base font size */
font-family: "Trebuchet MS", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
}


.header {
color: #fff;
font-size: 64px;
text-align: center;
}

h1 {
padding: 20px 10px;
text-align: left;
font-size: 36px;
line-height: 84px;
} /* page title */
h2 {
color: #fff;
font-size: 64px;
text-align: center;
} /* Radiant Women */

h3 {
margin: 10px;
text-align: left;
font-size: 16px;
font-weight: bold;
}
h4 {
background: transparent url('RWImages/swirlh4.png') no-repeat;
height: 34px;
margin: 20px 10px 10px 5px;
text-align: left;
font-size: 20px;
font-weight: bold;
} /* life group titles with swirl */
h4 span {
position: relative;
top: 5px; left: 15px;
} /* With swirls like LG titles */

p {
margin: 10px;
text-align: left;
overflow: hidden;
font-size: 16px;
color: #fff;
}

p.photo {
margin: 10px;
text-align: left;
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
/*p.photo span {
position: relative;
top: 5px; left: 15px;
}*/
p.photo a {
text-decoration: none !important;
padding: 2px 5px;
}
.phototext {
margin: 0 10px;
clear: both;
}
p.follow {
margin: 10px;
text-align: left;
font-size: 18px;
font-weight: bold;
}


/* Derived from 960.css */
/* .container12 has spaces at the top and bottom so it can be seen. */
/* padding is better when you want to use solid color columns or set top and bottom margins to 0
or when you want to use a border, but reduce box width by border width.
May also wrap each row in a 960 width div to change background color. */
.container12 {
margin-left:auto;
margin-right:auto; 
width:960px; 
}
.col220, .col300, .col460, .col620, .col700, .lifegroup, .bio, .slides {
display:inline;float:left;margin:10px 10px;
}
.container12 .header {
display:inline; /* for container */
float:left; /* for container */
margin: 0px 10px; /* for container */
width:940px; 
font-size: 64px;
text-align: center;
}
/*.container12 .header a img {
border: none;
color: #fff;
display: block;
text-align: center;
text-decoration: none;
font-size: 64px;
margin: 5px auto;
}
.container12 .header a:focus img {
outline: 1px dotted #c13c50;
}
.container12 .header a:hover img {
text-decoration: none;
background-color: #8e0000;
background: rgba(142, 0, 0, .7);
}*/
.container12 .header a {
border: none;
color: #fff;
display: block;
text-align: center;
text-decoration: none;
font-size: 64px;
margin: 5px auto;
}
.container12 .header a:focus {
outline: 1px dotted #c13c50;
}
.container12 .header a:hover {
text-decoration: none;
background-color: #8e0000;
background: rgba(142, 0, 0, .7);
}
.container12 .header {
border: none;
}

/* Top Menu */
.container12 .nav {
width:940px;
margin:0px 10px; /* for container */
display: inline; /* for container */
float: left; /* for container */
color: #fff;
font-size: 28px;
height: 60px;
text-align: center; /* Centers the set of link images */
}

.container12 .nav a {
display: inline-block; /* allows block hover to work */
margin: 0;
padding: 0 20px; /* To separate the links */
color: #fff;
text-decoration: none;
outline-style:none;
outline-width:0;
}
.container12 .nav a:focus {
outline: 1px dotted #c13c50;
}
.container12 .nav a:hover {
background: #8e0000;
background: rgba(142, 0, 0, .8);
}
/* End Top Menu */

/* Sidebar Navigation */
.container12 .navside {
width:297px; 
display: inline; /* for container */
float: left; /* for container */
margin: 10px 10px; /* for container */
background: transparent url(RWImages/blkbkgnd.png); /*  IE 7 & 8  */
/*_background: #000; /*  IE 6 and below  */
background: rgba(0, 0, 0, 0.8);
border-top: 1px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 1px solid #fff;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.9);
box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.9);
}
.container12 .navside ul {
list-style: none;
margin: 10px 0;
_margin: 10px 0;  /*  IE 6 and below  */
_background-color:transparent;  /*  IE 6 and below  */
}
.container12 .navside li {
color: #fff;
line-height: 60px;
}
.container12 .navside li a {
text-decoration: none;
padding: 10px 0px 10px 20px;
_padding: 2px 0px 0px 20px;
display: block;
color: #fff;
border: none;
line-height: 60px;
}
.container12 .navside li a:focus {
outline: 1px dotted #555;
}
.container12 .navside li a:hover {
background: #8e0000;
background: rgba(142, 0, 0, .7);
border: none;
}
a img {
  border: none;
}
/* End Sidebar Navigation */

.container12 .col220 {
width:217px; 
}
.container12 .col300 {
width:297px; 
min-height: 297px;
}
* html .container12 .col300 {height:297px}
}

.container12 .col460 {
width:457px; 
}
.container12 .col620 {
width:617px; 
min-height: 297px;
}
* html .container12 .col620 {height:297px}

.container12 .lifegroup {
width:617px; 
}
.container12 .lifegroup h1 {
padding: 20px 10px;
text-align: left;
font-size: 36px;
line-height: 84px;
}
.container12 .lifegroup p {
color: #fff; 
}
.container12 .lifegroup a {
color: #fff;
text-decoration: underline;
}
.container12 .lifegroup a:hover {
text-decoration: none;
background: #8e0000;
background: rgba(142, 0, 0, .8);
}
/*  Sildeshow contaier  */
.container12 .bio, .container12 .slides {
width: 457px;
min-height: 305px;
}
* html .container12 .bio {height:305px}
* html .container12 .slides {height:305px}

/*  .container12 .slides .bkgndslides {
margin: 10px;
}  */
.container12 .col700 {
width:697px; 
}


/*  Rounded black box, white border, shadow  */
.contentbox { 
background: transparent url(RWImages/blkbkgnd.png); /*  IE 7 & 8  */
_background: #000; /*  IE 6 and below  */
background: rgba(0, 0, 0, 0.8);
width: 600px;
border-top: 1px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 1px solid #fff;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.9);
box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.9);
}
/*  End Rounded black box, white border, shadow  */

/*  Start Footer  */
.container12 .footer {
background: transparent url(RWImages/redbkgnd.png); /*  IE 7 & 8  */
_background: #8e0000; /*  IE 6 and below  */
background: rgba(142, 0, 0, 0.5);
margin:10px 10px 0 10px;
width:940px; 
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.container12 .footer a {
color: #fff;
text-decoration: underline;
}
.container12 .footer a:hover {
background: #000;
text-decoration: none;
}

.container12 .footer p {
font-size: 12px;
text-align: center;
margin: 0 0 10px 0;
}
.footer, .footer300 {
display:inline;
float:left;
margin:10px 10px;
}
.container12 .footer .footer300 {
margin-top: 0;
margin-bottom: 0;
width: 300px;
}
.container12 .footer .footer300 p {
margin: 10px 0;
text-align: center;
font-size: 12px;
}
.container12 .footer .footer300 a.logo {
/*text-decoration: none !important;*/
background-color: transparent !important;
}
.container12 .footer .footer300 a.logo:focus {
outline: 1px dotted #c13c50;
}
.container12 .footer .footer300 a.logo:hover img {
/*outline: 1px dotted #c13c50;
_border: 1px dotted #c13c50; /* For IE6 and below */
background: transparent url(RWImages/blkbkgnd.png); /*  IE 7 & 8  */
_border: 1px dotted #c13c50; /* For IE6 and below */
background: rgba(0, 0, 0, 0.8);
}
.container12 .footer .footer300 img {
margin: 1px auto !important;
}
/*  End footer  */
/*  Start footerlinks  */
.container12 .footerlinks {
background: transparent url(RWImages/redbkgnd.png); /*  IE 7 & 8  */
_background: #8e0000; /*  IE 6 and below  */
background: rgba(142, 0, 0, 0.5);
width:940px;  /* for container */
display:inline; /* for container */
float:left; /* for container */
margin:0 10px 20px 10px; /* for container */
}
.container12 .footerlinks p a {
text-decoration: underline;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 1.2;
padding: 2px 5px;
}
.container12 .footerlinks p a:hover {
background: #000;
text-decoration: none;
padding: 2px 5px;
}
/*  End footerlinks  */

/*  This is for social icons.  */
.navside .socialbox {
float: left;
margin: 10px;
}
.navside .socialbox img.social {
border: 0;
height: 36px;
width: 36px;
float: left;
padding: 5px;
}
/*hr {
clear: both;
margin: 10px auto;
color: #fff; background-color: #fff;
height: 2px;
width: 90%;
}*/
/*  This is for social icons.  */

.bold {
font-weight: bold;
}
.center {
text-align: center;
}
.small {
font-size: 10px;
}
.alpha {margin-left:0;
}
.omega {margin-right:0;
}
.clearb {
clear: both;
}
.swirl {
height: 23px;
width: 100px;
margin: 10px auto;
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}