/*  #### Come Reason Style Sheet  #####  */


body         {	
		background: url('/images/bg.gif');
		font-family: Verdana, helvetica, arial, sans-serif; 
}


/* 
   I . Generic formatting styles for all pages 
*/


table        { 	
		background-color: #FFFFFF; 
		width: 100%; 
		border: 0;
		border-collapse: collapse;
}


td           { 	
		font-family: Verdana, helvetica, arial, sans-serif;  
		color: #000000; 
		margin: 0px; 
		padding: 0px;
		vertical-align: top
}


th	     {	
		font-family: Verdana, helvetica, arial, sans-serif; 
		color: #003399;
		font-size: .8em; 
}

a		{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #082A42; 
		text-decoration: none 
}

a:visited     { 
		color: #0E4A73;
		text-decoration: none
}

a:active      { 
		color: #800000; 
		text-decoration: underline
}

a:hover       { 
		color: #7347oe;
		text-decoration: underline
}
img	      { 
		border: 0;
		margin: 0;
}


.left	{
	float:left;
}

.right	{
	float:right;
}
.center	{
	text-align:center;	
}

.underline	{
	text-decoration:underline;
}


.photo, .photoleft, .photoright	{
		background-color: #ffffff;
		padding: 1px;
		border: 1px solid #000;
		}
		
.photoleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;		
}
.photoright{
	float: right;
	margin-left: 10px;
	margin-bottom: 15px;		
}
/* 
   II . Site Structure
*/



body.print_article   {	
		background: none;
		background-color: #FFFFFF;
		text-align: left;
}

#container    { 
	width: 975px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}

#mainarea	{
	border: solid #000000;
	border-width: 1px;
	background-color: #ffffff;
}

/* ************ Begin Masthead Styles ************* */

#masthead	{
	height: 91px;
}

#topnav{
	background-image: url(/images/navigation/nav_bkgd.gif);
	background-color: #0A7089; 
	height: 29px;
}

#topnav	ul	{
	margin:0;
	padding: 0;
	margin-left: 179px;
	list-style-type:none;
	height: 29px;
}

#topnav	ul li {
	display: inline;
	width: 110px;
	height: 29px;
	float:left;
	background: url( '/images/navigation/navbutton.gif' ) top left no-repeat;	
}
#topnav a {
	display: block;
	text-align: center;
	margin: 0; padding-top: 10px;
	width:110px; height:29px;
	overflow:hidden;
	font: 11px/1 verdana,arial,sans-serif;
	color:#fff;
	text-decoration: none;

}
#topnav a:visited {
	color:#fff;
}
#topnav a:hover {
	color: yellow;
	text-decoration: none;
}
#topnav a:active {
	background-position: -110px 0;
	color: #000;
	text-decoration: none;
}



#leftcolumn {
	width: 175px;
	margin-left: 5px;
	padding: 1px;
	float: left;
	text-align: left;
}

#rightcolumn {
	margin-right: 5px; padding: 1px;
	width: 180px;
	float: right;
	text-align: left;
}

#centercolumn {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}


#footer ul	{
	list-style-type:none;
	margin:0;
	padding:0;
}

#footer ul li	{
	display:block;
	width: 33%;
	float:left;
	font-size: .7em;
	color: #F0F0F0;
	text-align: center;
	padding-top: 5px;
}


#datetoday	{
	display: block;
	width: 100%;
	vertical-align: top;
	height: 15px;
	margin: 0;
	padding: 0;
	font-size: .7em;
	color: #000080; 
	text-align: right;
}

#datetoday p {
	margin: 0;
	padding: 0;
	padding-right: 20px;
	height: 5px;
}


/* ************ Begin Left Nav Styles ************* */

#nav {
	margin-bottom: 10px;
	padding: 1px;
	width: 173px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
   	border-color: #000000;
	text-align: left;
}
#nav p {
	color: #0000CC;
	font: bold .7em verdana, arial, sans-serif;
	letter-spacing: -1px;
	padding: 2px 8px 4px 10px; 
	margin: 0;
	background: #F0F0F0;
}
#nav p a     { 
	text-decoration: none; 
	display: block;
	margin: 0; 
	padding: 3px 0px 3px 3px;
}
#nav p a:hover {
	color: #990000
}
#nav img.extend {
	border: 0;
	vertical-align: bottom
}
#nav a.inline { 
	display: inline;
	text-decoration: underline; 
	color: #ff0000;
}
#nav a.quest_month { 
	text-decoration: none;
	display: block; 
	margin-top: 0;
}     
#nav .summary     { 
	text-decoration: none; 
	color: #000000; 
	font: .6em verdana, arial, sans-serif;
}
#nav ul {
	display: none;
	list-style: none;
	margin: 0; padding: 0;
	background: #F0F0F0;
}
#nav ul li {
	font: .6em verdana, arial, sans-serif;
	letter-spacing: -0.333px;
	margin: 0 0 0 20px;
	padding: 1px;
	border-bottom: 1px solid #fff;
}
#nav ul li a {
	margin: 0 ;
	text-decoration: none;
	display: block;
}
#nav ul li a:hover {
	text-decoration: underline;
	color: #930209;
}
#nav form {
	margin: 0; 
	padding: 0;
	background: #F0F0F0;
	text-align: center;
}
#nav input.searchtext		{
	text-align: left;
	font: .8em verdana, arial, sans-serif;
}
#nav input.submit	{
	text-align: center;
	font: .8em verdana, arial, sans-serif;
}


/* ****************** Begin article styles ******************* */


#article	{
	display: block;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#article h1	{  
	text-align:center;
	font-size: 1.1em;
}

.actionbar	{
	display: block;
	width: 100%;
	height: 25px;
}

.actionbar ul	{
	margin: 0;
	padding: 0;
}
	
.actionbar li   {
	display: inline;
	list-style: none;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}

.question	{
	color: #000000; 
	font-size: .7em;
	letter-spacing: .333px;
	line-height: 1.5;
}

.question_lg	{
	color: #000000; 
	font-size: 1em;
	letter-spacing: .333px;
	line-height: 1.5;
}

.answer		{
	color: #000080;
	font-size: .7em;
	letter-spacing: .333px;
	line-height: 1.5;
}

.answer_lg	{
	color: #000080;
	font-size: 1em;
	letter-spacing: .333px;
	line-height: 1.5;
}
 

.blockquote	{
	margin-left: 30px;
	font-style:italic;
}

.scripturequote {   
	color: #800000;
}

.sectitle	{  
	color: #800000;
	font-weight: bold;
}


.reftitle	{  
	font-size: .8em; 
	font-weight: bold;
	text-decoration: underline
}

.reflink     	{  
	font-size: .7em; 
	vertical-align: super;
}
.refcite	{ 
	color: #000080; 
	font-size: .7em; 
}

#printer_version p	{
	font-family: arial, san-serif;
	font-size: .8em;
}
#printer_version a	{
	text_decoration: underline;
	color: #000;
}

.print_question	{
	color: #000000; 
	letter-spacing: .333px;
	line-height: 1.5;
}

.print_answer		{
	color: #000080;
	letter-spacing: .333px;
	line-height: 1.5;
}

/* ****************** begin right column styles ***************** */

#focusbox1 {
	width: 175px;
	padding: 1px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
   	border-color: #000000;
   	margin-bottom:5px;
}
#focusbox1 form {
	margin: 0;
}

#focusbox1 p {
	color: #000;
	font: .7em verdana, arial, sans-serif;
	letter-spacing: -1px;
	padding: 4px; 
	margin: 0;
	background: #fff;
}
#focusbox2, #focusbox3 {
	width: 175px;
	padding: 1px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
   	border-color: #000000;
   	margin: 0;
   	margin-bottom:5px;
}
#focusbox2 img, #focusbox3 img {
   	margin: 0;
}
#focusbox2 p {
   	padding-top: 5px;
} 
#focusbox2 form{
	margin: 0;
}
#focusbox2 .blogdate {
	font-size: .7em; 
	font-family: verdana, arial, sans-serif; 
   	margin: 0 10px 5px 10px;
	font-weight: bold;
}
#focusbox2 ul, #tweet ul {
   font-size: .7em; 
   font-family: verdana, arial, sans-serif; 
   margin: 0;
   padding: 0;
}

#tweet ul{
	list-style-type:none;
}

#focusbox2  ul li, #tweet ul li { 
	font-size: .8em; 
	font-family: verdana, arial, sans-serif;
	letter-spacing: -0.333px; 
	margin-left: 20px;
}

#focusbox2  ul li a, {  
	line-height: 1.1em;
	text-decoration: none;  
}

#tweet ul li {
	margin: 5px 10px;
	text-decoration: none;
}

.twitterStatus {
	margin-bottom:5px;
}

/* ****************** Begin home page styles ******************* */

#channelpage	{
	font-size: .8em; 
}

#mainbanner { 
    border-style: solid; 
    border-width: 1px; 
    border-color: #000000;
    width: 580px;
    height:250px;
    overflow:hidden;
}

#home_secondary_tbl{
	border-left: 2px solid #0066CC; 
	border-right: 2px solid #0066CC; 
	border-top: 2px solid #0066CC; 
	border-bottom:2px solid #0066CC; 
	margin: 5px 0;
	background-color: 0f0f0f;
}
   
#home_secondary_tbl td	{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8 px;
	font-size: .8em;
	margin-top: 5px;
	}
	
.home-secondary-head	{
	background-color: #0066CC;
	border-collapse:collapse;
	border-style: solid; 
    border-width: 1px; 
    border-color: #0066CC; 	
}

.home-secondary-title	{
	padding-bottom: 15px;
	background-color: #666666;
	border-collapse:collapse;
	border-style: solid; 
    border-width: 1px; 
    border-color: #ffffff;
    color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

.home-secondary-text	{
	background-color: #CCCCCC;
	border-collapse:collapse;
	border-style: solid; 
    border-width: 1px; 
    border-color: #ffffff;
}

.home-secondary-text img	{
	border-collapse:collapse;
	border-style: solid; 
    border-width: 1px; 
    border-color: #000000;
}
    
.event_headline	{
	display: block;
	font-size: 1.5em;
	font-family:Verdana; 
	font-weight:bold;
	color: #000066;
	padding-bottom: 2px;
}

#lastquestions li {
	border-collapse: collapse;
	text-align: left; 
	margin-bottom: 3px;
}

#lastquestions h2{ 
	text-align center 
}

#lastquestions a {
	text-align: center;
	line-height: 1em;
}

/* ***************** Begin Category Page Styles  ***************** */
#categorymain	{
	font-size: .7em;
	letter-spacing: .333px;
	line-height: 1.5;
}
#categorymain h1	{
	font-size: 1.6em;
	text-align: center;
	line-height: 1;
	padding: 0px;
}

#categorymain h3	{
	padding-top: 30px;
}

#categorymain ul	{
	list-style: none;
}

#categorymain li	{
	padding-bottom: 20px;
}
#categorymain a	{
	font-weight: bold;
}
.categoryimage	{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.category_thumb	{
	float: right;
	padding-top: 25px;
	padding-left: 5px;
}
.hidden		{
	display:none;
} 

/* ***************** Begin Event Page Styles  ***************** */


#eventlist, #eventdetail	{
	font-size: .8em;
}

#eventlist ul {
	list-style: none;
	margin-bottom: 10px;
}
#eventlist ul li {
	letter-spacing: -0.333px;
	margin: 0;
	padding: 1px;
	border-bottom: 1px solid #000 ;
}

#eventlist a.eventname, #eventdetail a.eventname	{
	font-size: 1.2em;
	font-weight:  bold;
}


.eventlistdate	{
	font-weight: bold;
	font-size: 1em;
	}
	
#eventlist ul.normal {
	list-style-type: disc;
}

#eventlist ul.normal li {
	border-bottom: none;
	list-style-type: disc;
}

/* ***************** Begin Newsletter Page Styles  ***************** */

#newsletterlist ul {
	margin-bottom: 20px;
}
#newsletterlist ul li {
	letter-spacing: -0.333px;
	margin: 0;
	padding: 1px;
}



/* **************  Form styles ************ */

/*  This is to protect forms against SPAM */

input.additional	{
	display: none;
}

/* ***************** Begin Search Page Styles  ***************** */

.g a	{
	font-size: .8em;
	font-weight:  bold;
}

/* ***************** Begin Store Styles  ***************** */

#store		{
	width: 100%;
	background-color:#eaeaea;
	padding-bottom: 30px;
	text-align: left;
}

#store h2	{
	display: block;
	clear: left;
	width: 100%;
	margin: 5px 0;
	font-size: .9em;
	color: #ffffea;
	background-color: #669999;
	text-indent: 20px;
	padding-bottom: 10px;
	border: 1px solid #000;
}

#store ul	{
	display: block;
	width: 100%;
	list-style-type: none;
	margin: 0; 
	padding: 0;
	background-color:#eaeaea;
}

#store ul li {
	display: block;
	font-size: .7em;
	width: 350px;
	margin: 0;
	padding: 10px 50px 20px 50px;
	border-bottom: 1px solid #fff;
	background-color:#eaeaea;
	margin-left: 120px;
}


#store ul li.books {
	display: block;
	float: left;
	margin-left: 120px;
	width: 150px;
	height: 220px;
	padding: 0px;
}


#store ul li a {
	margin: 0 ;
	font-weight: bold;
	text-decoration: none;
	color: #0000cc;
}

#store li a img, #store ul li.books img  {
	float: left;
	border: 1px solid #000;
	margin-left: -120px;
	margin-right: 20px;

}

#store ul li.books iframe {
	display:block;
	width: 120px;
	margin-left: -120px;
	height: 220px;
	float: left;
	}


.nolink		{
	font-weight: bold
}

.view_cart_button {
	text-align: right;
}
.add_cart_button {
	text-align: right;
}

table.audio	{
	width: 100px;
}
td.answer	{
	font-size: 1.1em;
}

.additional	{
	display: none;
}


/*

HEADINGS


*/

h1	     { 	
		font-family: Verdana, helvetica, arial, sans-serif; 
		color: #082A42;
		font-size: 1.1em;
		text-align: center;
}

h2	     {
		font-family: Verdana, helvetica, arial, sans-serif;
		color: #991D00;
		font-size: 1.2em; 
}

h3	     {	
		font-family: Verdana, helvetica, arial, sans-serif;
		color: #082A42;
		font-size: 1.1em;
		padding-left: 20px; 
}


	#masthead h1.logo { 
		width: 288px;
		height: 91px;
		margin:0;
		padding: 0;
		display: inline;
		float: left;
		}

	#masthead h1.logo a {
		display: block;
		padding: 0;
		width: 288px;
		height: 91px;
		text-indent: -4440px;
		background-image: url('/images/comereason_logo.gif');
		}