/* CSS Document */
/* Calvary Chapel Leatherhead - www.ccleatherhead.com */
/* Design and build by Calvary Design Ltd. - www.calvarydesign.com */
/* Created October 2008 */ 

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#7a7a7a;}


/**** General Style ****/

p {margin:1.2em 0; padding:0; font-size:80%; line-height:1.6em}
#about h2 {margin:0; padding:0; width:300px; height:40px; background:url(../img/Title_About.jpg) no-repeat}
#about h2 span {display:none}
#meetings h2 {margin:0; padding:0; width:300px; height:50px; background:url(../img/Title_Meetings.jpg) no-repeat}
#meetings h2 span {display:none}
#teaching h2 {margin:0; padding:0; width:300px; height:50px; background:url(../img/Title_Teaching.jpg) no-repeat}
#teaching h2 span {display:none}
#believe h2 {margin:0; padding:0; width:300px; height:40px; background:url(../img/Title_Believe.jpg) no-repeat}
#believe h2 span {display:none}
#blog h2 {margin:0; padding:0; width:300px; height:50px; background:url(../img/Title_Blog.jpg) no-repeat}
#blog h2 span {display:none}
#resources h2 {margin:0; padding:0; width:300px; height:50px; background:url(../img/Title_Resources.jpg) no-repeat}
#resources h2 span {display:none}
#goodnews h2 {margin:0; padding:0; width:300px; height:50px; background:url(../img/Title_GoodNews.jpg) no-repeat}
#goodnews h2 span {display:none}
#community h2 {margin:0; padding:0; width:300px; height:50px; background:url(../img/Title_Community.jpg) no-repeat}
#community h2 span {display:none}
#contact h2 {margin:0; padding:0; width:300px; height:50px; background:url(../img/Title_Contact.jpg) no-repeat}
#contact h2 span {display:none}
h3 {margin:0 0 -10px 0; padding:0; font-weight:normal; font-size:18px; line-height:1.8em; color:#40A62B;}
h4 {margin:0 0 -10px 0; padding:0; font-weight:normal; font-size:16px; line-height:1.6em; color:#40A62B;}
h5 {margin:0; padding:0; font-weight:normal; font-size:15px; color:#40A62B;}


.green {color:#40A62B;}

a {color:#7a7a7a; text-decoration:underline;}
a:hover {color:#40A62B; text-decoration:underline;}



/**** Container 940px ****/

.container {margin:auto; padding:0; width:940px}


/**** main header ****/

#header {margin:0; padding:0; height:140px;}
#header #logo {margin:0; padding:0; width:202px; height:140px; float:left; background:url(../img/CCL_logo.jpg) no-repeat;}
#header #logo a {display:block; height:140px;}
#header #logo h1 {display:none;}

#header #quote {margin:0; padding:0; width:680px; height:140px; float:right; background:url(../img/BridgeQuote.jpg) no-repeat;}
#header #quote span {display:none;}


/**** main nav ****/

#nav {margin:0; padding:0; height:30px; background:url(../img/NavBg.jpg) repeat-x;}

#nav ul {margin:0 7px 7px 7px; padding:7px 0 0 0; font-size:12px; list-style:none; text-align:center;}
#nav ul li {margin:0 10px; padding:0; display:inline;}

#nav ul li a {margin:0; padding:7px 9px 8px 9px; /*display:block;*/ text-decoration:none; color:#fff;}
#nav ul li a:hover {margin:0; padding:7px 8px 8px 8px; color:#fff; background:url(../img/NavBgHover.jpg) repeat-x; border-right:1px solid #7a7a7a; border-left:1px solid #7a7a7a;}

#home #nav-home a, 
#about #nav-about a,
#meetings #nav-meetings a,
#teaching #nav-teaching a,
#believe #nav-believe a,
#blog #nav-blog a,
#resources #nav-resources a,
#goodnews #nav-goodnews a,
#community #nav-community a,
#contact #nav-contact a {margin:0; padding:7px 8px 8px 8px; color:#fff; background:url(../img/NavBgOn.jpg) repeat-x; border-right:1px solid #7a7a7a; border-left:1px solid #7a7a7a;}


/**** Main body ****/

#content {margin:0; padding:30px 0 30px 0; background-color:#F9FBF9; border-bottom:1px solid #7a7a7a;}

#homevid {margin:0; padding:10px; width:600px; height:360px; float:left; background-color:#FFFFFF; border:1px solid #7a7a7a;}
#homevid #vidcont {margin:0; padding:0; width:600px; height:360px; background-color:#CCCCCC}

#mainbody {margin:0; padding:20px; width:580px; min-height:763px; float:left; background-color:#FFFFFF; border:1px solid #7a7a7a;}
#mainbodyfull {margin:0; padding:20px; width:900px; min-height:763px; background-color:#FFFFFF; border:1px solid #7a7a7a;}

.left_img {margin:8px 20px 0 0; padding:5px; border:1px solid #7a7a7a; float:left}
.right_img {margin:3px 6px 0 15px; padding:5px; border:1px solid #7a7a7a; float:right}

.res_cont {margin:10px 0; padding:0; width:520px; font-size:12px}
.res_name {margin:5px 10px 5px 0; padding:0; width:200px; float:left;}
.res_link {margin:5px 0; padding:0; width:300px; float:left;}

#mainbody .meetingborder {margin:10px 0; padding:0; border:1px solid #CCCCCC;}
#mainbody table {margin:0; padding:0px; font-size:13px; background-color:#F9FBF9;}

#mainbody #questions img {margin:5px 0 10px 10px; padding:5px; border:1px solid #7a7a7a; float:right}

#mainbody #goodnewsvid {margin:0; padding:5px; width:320px; border:1px solid #7a7a7a;}

#mainbody #teaching {margin:0; padding:0;}
#mainbody #teaching .teachinglink {margin:10px 5px 10px 10px; padding:0; float:left; width:170px; font-size:80%;}
#mainbody #teaching .teachinglink .icon {margin:4px 5px 0 0; padding:0; float: left; }

/* Teaching Results listing */
#results {margin:4px 0; padding:0; font-size:80%;}
#results .icon {margin:0 3px; padding:0; float:left; width:40px;}
#results .title {margin:0 3px; padding:0; float:left; width:260px;}
#results .book {margin:0 3px; padding:0; float:left; width:160px;}
#results .speaker {margin:0 3px; padding:0; float:left; width:200px;}
#results .date {margin:0 3px; padding:0; float:left; width:120px; color:#7a7a7a;}
#results .size {margin:0 3px; padding:0; float:left; width:80px;}
hr {border: 0; background-color:#ccc; height: 1px; color:#CCCCCC}
#results a {color:#7a7a7a; text-decoration:none; cursor:pointer; display:block}
#results a:hover {color:#40A62B; text-decoration:none; font-weight:bold}



/**** Form ****/
#mainbody  #formborder {margin:20px 0; padding:20px 0; border:1px solid #CCCCCC; background-color:#F9FBF9;}
#form {margin:0 auto; padding:0; font-size:13px; width:460px;}
#form .form_left {margin:5px 20px 5px 0; padding:0; width:210px; float:left; /*background-color:#99CC33;*/}
#form .form_right {margin:5px 0; padding:0; width:210px; float:left; /*background-color:#CC6666;*/}
#form .login_input {margin:0; padding:2px; width:200px; color:#40A62B; border:1px solid #7a7a7a; font-size:13px;}
#form .full {margin:10px 20px 10px 0; padding:0; width:440px; float:left; /*background-color:#99CC33;*/}
#form .button {margin:0 5px 0 0; padding:0; width:82px; height:22px; float:right; background:url(../img/button.jpg) no-repeat; border:0; cursor:pointer; color:#fff; font-size:13px;}
#form .reset_button {margin:0 5px 0 0; padding:0; width:82px; height:22px; float:right; background:url(../img/button2.jpg) no-repeat; border:0; cursor:pointer; color:#fff; font-size:13px;}
#form .login_area {margin:0; padding:2px; width:430px; color:#40A62B; border:1px solid #7a7a7a; font-family:Arial, Helvetica, sans-serif; font-size:12px;}




/**** Right Panel ****/

#right	{margin:0; padding:0; width:300px; float:right;}

#right #panel_tab {margin:0; padding:4px 0 0 10px; height:22px; background:url(../img/Tab_180x26px.jpg) no-repeat;}
#right #panel_tab a {color:#fff; text-decoration:none; font-size:13px;}

#right #panel {margin:0; padding:0 10px 10px 10px; min-height:324px; background-color:#FFFFFF; border:1px solid #7a7a7a; border-bottom:none;}
#right #panel ul {margin:10px 0 10px 20px; padding:0; font-size:80%;}
#right #panel ul li {margin:8px 0; padding:0; list-style-image:url(../img/Green_bullet.jpg);}
#right #panel p {margin:1.2em 0 0 0; padding:0;}


#right #panel_buttons {margin:0; padding:0; height:30px; background:url(../img/NavBg.jpg) repeat-x; border-right:1px solid #7a7a7a; border-left:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a;}
#right #panel_buttons .panel_buttons_rss {margin:0; padding:0; width:90px; float:left; text-align:center; border-right:1px solid #7a7a7a;}
#right #panel_buttons .panel_buttons_mp3 {margin:0; padding:0; width:116px; float:left; text-align:center; border-right:1px solid #7a7a7a;}
#right #panel_buttons .panel_buttons_radio {margin:0; padding:0; width:90px; float:left; text-align:center;}
#right #panel_buttons a {margin:0; padding:7px 9px 8px 9px; color:#fff; text-decoration:none; font-size:13px; display:block}
#right #panel_buttons a:hover {margin:0; padding:7px 9px 8px 9px; background:url(../img/NavBgHover.jpg) repeat-x;}

#right .right_featured {margin:10px 0; padding:0; width:300px;}



/**** Home Featured ****/

#home_featured {margin:0; padding:30px 0; border-bottom:1px solid #7a7a7a;}
#home_featured #box_one {margin:0 20px 0 0; padding:0; width:300px; float:left;}
#home_featured #box_two {margin:0; padding:0; width:300px; float:left;}
#home_featured #box_three {margin:0; padding:0; width:300px; float:right;}


/**** Footer ****/

#footer {margin:0; padding:30px 0 0 0 ; height:140px; background:url(../img/FooterBg.jpg) repeat-x; border-bottom:1px solid #7a7a7a;}
#footer p {margin:0; padding:0; color:#ebebeb;}
#footer p a {color:#ebebeb; border-bottom:1px dashed; text-decoration:none}
#footer p a:hover {color:#fff; text-decoration:none}



/**** Feedburner Blog Buzz ****/
.feedburnerFeedBlock {margin:0; padding:0;}
.feedburnerFeedBlock .feedTitle {}

.feedburnerFeedBlock ul {margin:0; padding:0;}
.feedburnerFeedBlock ul li {margin:10px 0; padding:5px 10px; font-size:12px; line-height:1.6em; border:1px solid #CCCCCC;  background-color:#F9FBF9; list-style:none}

.feedburnerFeedBlock ul li ul li {margin:10px 0 10px 50px; padding:0; list-style:disc; border:none; background:none; }
.feedburnerFeedBlock ul li ol li {margin:10px 20px; padding:0; list-style:decimal; border:none; background:none; }

.feedburnerFeedBlock p {font-size:12px;}

.feedburnerFeedBlock .headline {font-size:18px; line-height:1.8em;}
.feedItemAuthor {margin:0 10px 0 0; padding:0 0 5px 0; color:#40A62B; float:left; font-size:12px}
.date {margin:0; padding:0 0 5px 0; color:#40A62B; font-size:12px}

.fbsubscribelink a {color:#7a7a7a; text-decoration:underline;}
.fbsubscribelink a:hover {color:#40A62B; text-decoration:underline;}

.fbsubscribelink {margin:0; padding:0; float:right;}
#creditfooter {clear: both; margin:10px 0 0 0; padding:0; float:right;}



/**** RefTagger ****/

.lbsTooltip
{
	background:#F9FBF9;
	border: 1px solid gray;
	z-index: 99;
	text-align: left;
	text-indent: 0;
}

.lbsTooltip div
{
	text-align: left;
}

.lbsTooltipHeader
{
	background:#7a7a7a;
	color: white;
	font-weight:bold;
	font-size:15px;
	line-height: 18px;
	font-family:Arial,Helvetica,serif;
	margin: 0;
	padding:4px;
	position:relative;
	border: 0;
}

.lbsTooltipBody 
{
	padding: 4px 8px 0 8px;
	margin:0;
	position:relative;
	z-index: 2;
	border: 0;
	line-height:16px;
}

.lbsTooltipBody p, .lbsTooltipBody span
{
	display: inline;
	color: #7a7a7a;
	font-family:Arial,Helvetica,serif;
	font-size:80%; line-height:1.6em
}

.lbsTooltipFooter
{
	font-size:11px;
	font-family:Helvetica,Arial,serif;
	bottom:4px;
	margin-top: 4px;
	position:absolute;
	text-align:right;
	border: 0;
}

.lbsTooltipFooter a:link, .lbsTooltipFooter a:visited, .lbsTooltipFooter a:hover 
{
	color: #40A62B;
	text-decoration: underline;
	font-weight: normal;
	font-size:11px;
	font-family:Helvetica,Arial,serif;
}

.lbsTooltipFooter div
{
	text-align:right;
}


.lbsTooltipBody .ch-ref, .lbsTooltipBody .verse-ref
{
	font-size: 85%;
	top: -1px;
	position: relative;
}

.lbsTooltipBody .ch-ref
{
	font-weight: bold;
}

.lbsTooltipBody .verse-ref
{
	color: dimgray;
}

.lbsTooltip, .lbsTooltipBody span, .lbsTooltip a, .lbsTooltipBody p
{
	margin: 0;
	padding: 0;
}

.lbsLibronix img
{
	float: none !important;
}