/* Lake Cities Church of Christ
   CSS Guide - All Inside Pages */

body {
	background-image: url(../images/backgrounds/main_bg2.gif);
	background-repeat: repeat-x;
	background-attachment:scroll;
  background-position: top center;
	background-color: #536278;
	margin: 0 auto;
	text-align: center;
	margin-top: 0px;
}

p {
	font: normal 11px/16px 'lucida grande',tahoma,sans-serif;
	color: #283748;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 7px;
}


h1 
{
	font: bold 16px/20px 'lucida grande',tahoma,sans-serif;
	color: #283748;
	margin: 0;
}

h2
{
	font: bold 11px/13px 'lucida grande',tahoma,sans-serif;
	color: #283748;
	margin: 13px 0 0 0;
}

a:link, a:active, a:visited 
{
	color: #283748;
	font-weight: bold;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
	color: #850e00;
}

li 
{
	font: normal 11px/16px 'lucida grande',tahoma,sans-serif;
	color: #283748;
	font-size: 11px;
}

#content {
	background-image: url(../images/backgrounds/pagecontentbg.gif);
	background-repeat: repeat-y;
	padding: 0 10px 0 10px;
}

#content div 
{
	font: normal 11px/16px 'lucida grande',tahoma,sans-serif;
	color: #283748;
	margin: 0;
}


#content table {
	margin-top: 15px;
}

#content div a:link, a:active, a:visited 
{
	color: #283748;
	font-weight: normal;
}

#content div a:hover 
{
	text-decoration: none;
}

#main_container {
/*border: medium double rgb(80,0,255);*/
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/backgrounds/main_contentbg2.gif);
	background-repeat: repeat-y;
	width: 980px;
	/*text-align: left;*/
}

#main_container .padding {
	padding-left: 8px;
}

#main_header {
	margin: 0 auto;
	/*background-image: url(../images/backgrounds/header_bg2.gif);*/
	background-repeat: repeat-y;
	width: 980px;
	text-align: left;	
	position: relative;
}

#main_header .padding {
	padding-left: 6px;
}

#header {
	width: 1000px;
	padding-left: 1px;
	position: relative;
}

/* ------------------------------------------------------------------------------- */
/* MAIN NAVIGATION STYLES */

#header #nav {
	background-image: url(../images/backgrounds/main_navigationbg2.gif);
	background-repeat: repeat-x;
	width: 960px;
	height: 38px;
}

#header #nav #items {
	position:absolute;
    top:182px;
	left:18px;

	
}

#header #nav #items a {
	padding: 10px 40px 15px 40px;
	text-decoration: none;
	font: bold 14px/14px 'helvetica',tahoma,sans-serif;
	color: #FFFFFF;
}

#header #nav #subnavInformation {
    position:absolute;
    top:18px;
	left:142px;
	width: 165px;
    visibility:hidden;
    z-index:100;
    border-bottom: 1px solid #999;
}

#header #nav #subnavInformation a:link, #header #nav #subnavInformation a:active, #header #nav #subnavInformation a:visited {
    display:block;
    height: 15px;
    font-size: 11px;
    padding: 4px 6px 3px 6px;
    background-color: #eee;
    color: #003366;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#header #nav #subnavInformation a:hover {
	text-decoration: underline;
}

#header #nav #subnavGatherings {
    position:absolute;
    top:18px;
	left:305px;
	width: 165px;
    visibility:hidden;
    z-index:100;
	border-bottom: 1px solid #999;
; clip:  rect(   )
}

#header #nav #subnavGatherings a:link, #header #nav #subnavGatherings a:visited, #header #nav #subnavGatherings a:active  {
    display:block;
    height: 15px;
    font-size: 11px;
    padding: 4px 6px 3px 6px;
    background-color: #eee;
    color: #003366;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#header #nav #subnavGatherings a:hover {
	text-decoration: underline;
}

#header #nav #subnavGatherings2 {
    position:absolute;
    top:107px; /* INCREASE 23px EACH TIME A NEW ITEM IS ADDED */
	left:345px;
	width: 165px;
    visibility:hidden;
    z-index:100;
	border-bottom: 1px solid #999;
}

#header #nav #subnavGatherings2 a:link, #header #nav #subnavGatherings2 a:active, #header #nav #subnavGatherings2 a:visited {
    display:block;
    height: 15px;
    font-size: 11px;
    padding: 4px 6px 3px 6px;
    background-color: #eee;
    color: #003366;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#header #nav #subnavGatherings2 a:hover {
    text-decoration: underline;
}

#header #nav #subnavMinistries {
    position:absolute;
    top:18px;
	left:470px;
	width: 165px;
    visibility:hidden;
    z-index:100;
	border-bottom: 1px solid #999;
; clip:    rect(   )
}

#header #nav #subnavMinistries a:link, #header #nav #subnavMinistries a:visited {
    display:block;
    height: 15px;
    font-size: 11px;
    padding: 4px 6px 3px 6px;
    background-color: #eee;
    color: #003366;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#header #nav #subnavMinistries a:hover {
    text-decoration: underline;
}

#header #nav #tertnavChildrens {
    position:absolute;
    top:18px;
	left:625px;
	width: 165px;
    visibility:hidden;
    z-index:100;
	border-bottom: 1px solid #999;
; clip:    rect(   )
}

#header #nav #tertnavChildrens a:link, #header #nav #tertnavChildrens a:active, #header #nav #tertnavChildrens a:visited {
    display:block;
    height: 15px;
    font-size: 11px;
    padding: 4px 6px 3px 6px;
    background-color: #eee;
    color: #003366;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#header #nav #tertnavChildrens a:hover {
    text-decoration: underline;
}


#header #nav #subnavMinistries2 {
    position:absolute;
    top:130px;
	left:655px;
	width: 165px;
    visibility:hidden;
    z-index:100;
	border-bottom: 1px solid #999;
; clip:   rect(   )
}

#header #nav #subnavMinistries2 a:link, #header #nav #subnavMinistries2 a:active, #header #nav #subnavMinistries2 a:visited {
    display:block;
    height: 15px;
    font-size: 11px;
    padding: 4px 6px 3px 6px;
    background-color: #eee;
    color: #003366;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#header #nav #subnavMinistries2 a:hover {
    text-decoration: underline;
}


#header #nav #subnavYouth {
    position:absolute;
    top:130px;
	left:664px;
	width: 165px;
    visibility:hidden;
    z-index:100;
	border-bottom: 1px solid #999;
; clip:     rect(   )
}

#header #nav #subnavYouth a:link, #header #nav #subnavYouth a:active, #header #nav #subnavYouth a:visited {
    display:block;
    height: 15px;
    font-size: 11px;
    padding: 4px 6px 3px 6px;
    background-color: #eee;
    color: #003366;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#header #nav #subnavYouth a:hover {
    text-decoration: underline;
}


#header #nav #subnavGroups {
    position:absolute;
    top:18px;
	left:632px;
	width: 165px;
    visibility:hidden;
    z-index:100;
	border-bottom: 1px solid #999;
; clip:  rect(   )
}

#header #nav #subnavGroups a:link, #header #nav #subnavGroups a:active, #header #nav #subnavGroups a:visited {
    display:block;
    height: 15px;
    font-size: 11px;
    padding: 4px 6px 3px 6px;
    background-color: #eee;
    color: #003366;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#header #nav #subnavGroups a:hover {
	text-decoration:underline;
}

#header #nav #subnavResources {
    position:absolute;
    top:18px;
	left:780px;
	width: 165px;
    visibility:hidden;
    z-index:100;
	border-bottom: 1px solid #999;
; clip:    rect(   )
}

#header #nav #subnavResources a:link, #header #nav #subnavResources a:active, #header #nav #subnavResources a:visited {
    display:block;
    height: 15px;
    font-size: 11px;
    padding: 4px 6px 3px 6px;
    background-color: #eee;
    color: #003366;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

#header #nav #subnavResources a:hover {
	text-decoration: underline;
}
    
/* ------------------------------------------------------------------------------- */

#middle {
	width: 964px;
	background-image: url(../images/general/page_wave.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}

#middle #main_leftcolumn {
	float: left;
	width: 548px;
	padding: 0px 0 0px 0px;
	/*border: medium double rgb(0,250,255);*/
}

#main_leftcolumn p 
{
	color: #000;
}

#main_leftcolumn img 
{
	padding: 0px;
	border: 0px solid #666666;
	float: left;
}

#main_leftcolumn .stories 
{
	margin: 8px 0 8px 0;
	float: left;
}

#main_leftcolumn .stories img 
{	
	margin: 0 8px 10px 0;
}

#main_leftcolumn .stories p 
{
	padding-top:0;
}

#main_leftcolumn .stories h1 
{
	float:left;
	font: bold 16px/16px 'lucida grande',tahoma,sans-serif;
}

#main_rightcolumn 
{
	width: 410px;
	float: left;
	padding: 0px 0px 0px 0;
	/*border: medium double rgb(250,0,255)*/
}

#main_rightcolumn p 
{
	color: #000;
}

#main_rightcolumn h1 
{
	font: bold 18px/18px 'lucida grande',tahoma,sans-serif;
}

#image img
{
	padding: 3px;
	margin-top: 3px;
	border: 1px solid #666666;
}

#welcome 
{
	width: 400px;
	height:220px;
	font: bold 9px/10px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: right;
	color: #003366;
	background-image: url('../images/backgrounds/welcome_outline.jpg');
	background-repeat: repeat-x;
	background-position:bottom left;
}

#welcomeText{
	width: 385px;
	height:210px;
	font: bold 9px/10px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: right;
	color: #003366;

}

#gettingConnected{
	width: 400px;
	height:550px;
	font: bold 9px/10px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: right;
	color: #283748;
	background-image: url('../images/backgrounds/connected.jpg');
	background-repeat: no-repeat;
	background-position:top;
}

#faq{
	width: 400px;
	height:102px;
	font: bold 11px/12px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: left;
	margin-top: 86px;
	color: #5d4300;
	background-repeat: no-repeat;
	background-position:top;
}

#faq a:link 
{
	color: #5d4300;
	font-weight: bold;
	text-decoration: none;
}

#faq a:active
{
	color: #5d4300;
	font-weight: bold;
	text-decoration: none;
}

#faq a:visited
{
	color: #5d4300;
	font-weight: bold;
	text-decoration: none;
}

#faq a:hover 
{
	text-decoration: underline;
	color: #5d4300;
}

#faq ul
{
	text-align: left;
	font: bold 12px/14px 'lucida grande', tahoma, sans-serif;
	color: #5d4300;
}
#faq li
{
	font: bold 12px/14px 'lucida grande', tahoma, sans-serif;
	color: #5d4300;
}

#twitter{
	width: 196px;
	height:100px;
	font: bold 9px/10px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: right;
	padding-left:2px;
	color: #003366;
	background-repeat: no-repeat;
	background-position:top;
	margin-top: 55px;
}

#twitter a:link, a:active, a:visited 
{
	color: #283748;
	font-weight: bold;
	text-decoration: none;
}

#twitter a:hover 
{
	text-decoration: underline;
}

#serviceTimes{
	margin-left: 8px;
	margin-top: 30px;
	width: 190px;
	height:145px;
	font: bold 9px/10px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: left;
	color: #ffffff;
}

#serviceTimes p {
color: #ffffff;
}


#dailyVerse{
	margin-top: 0px;
	width: 530px;
	height:100px;
	font: bold 9px/10px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: left;
	padding-right: 3px;
}

#stories{
	font: bold 9px/10px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: right;
	color: #003366;
}

#our{
	width: 540px;
	height:110px;
	font: bold 9px/10px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: right;
	padding-left:4px;
	color: #003366;
	background-repeat: no-repeat;
	background-position:top;
}

#ourStories{
	width: 174px;
	height:72px;
	font: bold 9px/10px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: left;
	padding-left:10px;
	background-image: url('../images/images/mini.jpg');
	background-repeat: no-repeat;
	padding-top:10px;
	color:  #283748;
}

#ourMission{
	width: 170px;
	
	height:72px;
	font: bold 9px/10px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: left;
	margin-left:2px;
	padding-top: 10px;
	padding-left: 10px;
	background-image: url('../images/images/mini.jpg');
	background-repeat: no-repeat;
	
	color:  #283748;
}

#ourWorld{
	width: 167px;
	height:30px;
	font: bold 9px/10px 'lucida grande', tahoma, sans-serif;
	text-align: left;
	float: right;
	margin-right:4px;
	
}

#main_rightcolumn div 
{
	font: 12px/14px 'lucida grande',tahoma,sans-serif;
	text-align: left;
	/*border: medium double rgb(250,0,0);*/
}

#current_series 
{
	width: 330px;
	float: right;
	margin-top: 15px;
}

#current_series .titlebar 
{
	background-image: url(../images/current_series/titlebar.jpg);
	background-repeat: no-repeat;
	height: 24px;
}

#current_series .titlebar h1
{
	font: bold 13px 'lucida grande',tahoma,sans-serif;
	color: #FFFFFF;
	padding: 3px 0 0 6px;
}

#current_series .copy 
{
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	width: 316px;
	padding: 4px 6px 6px 6px;
}

#current_series h2 
{
	font: normal 10px 'lucida grande',tahoma,sans-serif;
	color: #003366;
	margin:0;
	padding:0;
}

#leftcolumn {
	width: 204px;
	float: left;
	padding: 8px 0 10px 8px;
	/*border: medium double rgb(250,0,255);*/
}

#rightcolumn {
	width: 514px;
	float: right;
	padding: 8px 8px 10px 0;
}

.imgborder {
	border: 1px solid #000;
}


/* ------------------------------------------------------------------------------- */
/* FOOTER STYLES */

#main_footer 
{
	display: block;
	clear: both;
	text-align: center;
	padding-top: 8px;
}

#main_footer div img
{
	padding: 3px;
	margin: 0 3px 0 3px;
	border: 1px solid #666666;
}

#footer {
	
	color: #999999;
	
	font: normal 11px 'lucida grande', tahoma, sans-serif;
	
	background-image: url(../images/backgrounds/main_contentbg2.gif);
	background-repeat: repeat-y;	
	text-align: center;
	width: 980px;
	height: 100px;
	clear: both;
; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 2px; padding-right: 0; padding-bottom: 3px; padding-left: 0
}



#footer a:link, #footer a:active, #footer a:visited {
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

/* ------------------------------------------------------------------------------- */
/* SERMON STYLES */

#sermons 
{
  width: 228px;
	float: right;
	padding: 2px 0px 0px 10px;
	/*border: medium double rgb(10,50,255);*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #283748;
	font-size: 12px;
	text-align: left;
	font: bold;
}

#sermons a:link, a:active, a:visited 
{
	color: #283748;
	font-weight: bold;
	text-decoration: none;
}

#sermons a:hover 
{
	text-decoration: underline;
	color: #850e00;
}
/* ------------------------------------------------------------------------------- */
/* Upcoming Events*/

#upcomingEvents 
{
  width: 288px;
  height: 280px;
	float: left;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/backgrounds/event.jpg);
	background-repeat: repeat-y;
	background-position:top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	font: bold;
}

#flash{
  width: 430px;
  height: 220px;
	float: left;
	padding: 0px 0px 0px 0px;
	}
	
#pageInfo 
{
  width: 640px;
	
	padding: 0px 0px 0px 10px;
	float: right;
	background-image: url(../../images/backgrounds/border.gif);
	background-repeat: repeat-y;
	background-position:top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin-right: 6px;
	font: bold;
}

#pageInfo ul
{
	text-align: left;
	font: bold 16px 'lucida grande', tahoma, sans-serif;
}
#pageInfo li
{
	font: normal 14px 'lucida grande', tahoma, sans-serif;
}

#pageInfoHeader img 
{
	padding: 2px;
	border: 1px solid #000000;
}

#pageInfoHeader2
{
  border: 1px solid #000000;
  margin-top:6px;
  width: 632px;
  height: 200px;
}
#pageInfoHeader
{

	margin-top:6px;
  width: 632px;
  height: 200px;
}


/* ------------------------------------------------------------------------------- */
/* INSIDE MENU STYLES */

#submenuitems {
	background-image: url(../images/navigation/navbg.gif);
	background-repeat: no-repeat;
	width: 204px;
	height: 26px;
}

.submenuitems {
	font: bold 11px/12px 'lucida grande',tahoma,sans-serif;
	color: #003366;
	padding: 3px 0px 0px 15px;
}

.submenuitems a:link, .submenuitems a:visited, .submenuitems a:active {
	text-decoration: none;
	font: bold 11px/12px 'lucida grande',tahoma,sans-serif;
}

.submenuitems a:hover {
	text-decoration: none;
	font: bold 11px/12px 'lucida grande',tahoma,sans-serif;
}

#map_clear
{
	background-image: url(../images/images/clear.gif);
	background-repeat: repeat;
	clear: both;
	display:block;
	padding: 0px;
	margin: 0px;
}


#map
{
	clear: both;
	display:block;
	padding-top: 2px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 960px;
	height: 764px;
	background-image: url(../images/images/map.jpg);
	background-repeat: no-repeat;
}
#map img
{
	padding: 0px;
	margin: 0px;
}

#staff
{
	text-align: center;
	float: left;
	width: 210px;
}

/* ------------------------------------------------------------------------------- */
/* KIDZ CALL STYLES */
#children_style
{

	clear: both;
	display:block;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 960px;
	background-image: url(../images/childrens_page/border2.gif);
	background-repeat: repeat-x;
}

#children_style p {
width:800px;
padding-left: 65px;
color: #4d1f00;
}

#kidzcall {
	text-align: center;
	float: left;
	width: 220px;
	padding-bottom: 9px;
}

#kidzcall .text {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
}

#kidzcall img {
	padding: 6px;
	margin-top: 3px;
	border: 4px solid #4d1f00;
}