/* Reset CSS file from Yahoo User Interface */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table 				{border-collapse:collapse; border-spacing:0;}
fieldset,img 		{border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul 				{list-style:none;}
caption,th 			{text-align:left;}
h1,h2,h3,h4,h5,h6 	{font-size:100%; font-weight:normal;}
q:before,q:after 	{content:'';}
abbr,acronym 		{border:0;}

*						{ margin: 0; padding: 0;}
html, body				{ margin:0; padding:0; text-align:center; font-family : Verdana; font-size : 12px;} 

#header 				{margin:auto;background-color:#FFFFFF;width:100%;text-align:center;padding-bottom:15px;}
#header #logo_box		{width:1000px;margin:auto;padding-top:10px;}
#header_options 		{margin-top:3px;border-left:1px solid #9d9d9d;}
#header_options a		{text-decoration:none;margin-left:5px;margin-left:10px;}

#bible_verse			{ margin : 5px 0px 5px 0px;	text-align:left; font-family:"Trebuchet MS"; font-size:12px;}
#bible_verse a			{ color : black; text-decoration : none;}
#bible_verse a:hover	{ color : black; text-decoration : underline;}

#logo					{ text-align : left; margin-top : 15px;}

#login					{ font-size:11px;}
.login_row				{ margin:0 0 5px 0;}
.login_row a			{ color: #708090;}
.login_row a:hover		{ background-color: #feff5b;}
.login_row_fb			{ margin:0;}
.login_row_fb a			{ text-decoration:none;}

#search					{ margin-top:0px;}
form					{ padding : 3px 0 0 0; margin : 0;}	
#search input 			{ color: #284154; background: #E6EEF6; border: 1px solid #B7CEE3; font-size:13px;
						  font-family:"Trebuchet MS"; text-align: center; margin:0; padding:3px;}	

#pagewidth				{ width:1020px; text-align:left; margin-left:auto; margin-right:auto; margin-top : 0px;}

#maincol				{ background-color: #FFFFFF; float: left; display:inline; position:relative; width:700px; margin : 0px;}

#rightcol				{ width : 300px; float : right; position : relative; padding-left:20px }	
 
.clearfix:after 		{ content: "."; display: block;	height: 0; 	clear: both; visibility: hidden;}
.clearfix				{ display: inline-block;}

* html .clearfix 		{ height: 1%;} 		/* Hides from IE-mac */
.clearfix 				{ display: block;}		/* End hide from IE-mac */  

/*printer styles*/ 
@media print			{
							#rightcol 			{ display:none; /*hide the right column when printing*/ }
							#twocols, #maincol	{ width:100%; float:none;}
						}

#image_search_top img	{ margin-right : 5px; border : 1px solid #add8e6; padding : 3px;}

#share_box				{ margin : 10px 0px 0px 0px;}

#pagination				{ clear:both; font-family:"Trebuchet MS"; font-size:15px; padding : 30px 0px 30px 0px;}
#pagination a			{ padding : 2px; color: #2F4F4F;}
#pagination a:hover		{ background-color : #73BDD4;}

#right_column_div		{ width : 295px;}
#right_article			{ margin : 0 0 5px 0; border-bottom: 1px solid #c2e4ed;}

#about					{ font-family:"Trebuchet MS"; font-size:30px; width : 450px; text-align : left;}
#about li				{ font-size:22px;}
#about_header			{ font-family:"Trebuchet MS"; font-size:26px; padding : 10px;}
#about_content			{ font-size : 16px;	padding : 10px;}

iframe					{ border: 0px solid #ffffff; padding : 0px;	margin : 0px;}	

#footer					{ margin-top:40px;width:100%; background-color: #5b5b5b; height:100%;}
#footer_container		{ width:800px; margin-left:auto; margin-right:auto; margin-top:40px; 
						  padding : 10px 0px 60px 0px; color:white;}
.footer_box				{ margin:20px;}
#copyright				{ font-family:"Trebuchet MS"; font-size:12px; padding : 20px 0px 10px 0px;}
#footer_menu			{ font-family:"Trebuchet MS"; font-size:12px; color : white; padding-right : 15px;}
#footer_menu a			{ color : white; text-decoration : underline;}
#footer_menu a:hover	{ background-color : #9c9c9c;}

#search_result_header	{ font-family: Trebuchet MS; font-size: 22px; color: #323232; display : inline;}

#breadcrumb_bar			{width:1020px; padding:0 0 5px 0; border:0px solid #bfbfbf;}
#breadcrumb_header 		{font-size:16px; font-family : Verdana; width:540px; float:left; margin-top:4px;}						  
#breadcrumbs			{width:540px; line-height: 26px; float:left; margin-left:0;}
#breadcrumbs a			{font-size: 11px; font-weight: bold; color: #6d682e; text-decoration: none; 
						  border: 1px solid #6d682e; padding: 3px;}
#breadcrumbs a:hover	{color : #FFF; background-color: #6d682e; text-decoration:underline;}	
#filter_media 			{display : inline; margin-left : 10px; margin-right : 10px; line-height: 26px;}
#filter_media a			{font-size:11px; font-weight : bold; text-decoration: none; color: #191970;
						  padding: 3px; margin-right: 5px; border: 1px solid #191970;}
#filter_media a:hover	{color : white; background-color : #191970;}
#filter_view			{display : inline;}
#filter_view a			{font-size : 11px;	font-weight : bold;	text-decoration : none;	color : #955200;
						  padding : 3px; margin-right : 5px; border : 1px solid #955200;}
#filter_view a:hover	{color : white; background-color : #955200;}
#view_media_options		{display : inline; margin-left : 65px;}
#view_media_options a	{font-size: 10px; text-decoration: none; color: #483d8b; padding: 2px 3px 2px 3px;
						  margin-right: 5px;}
#view_media_options a:hover {font-size : 10px; color : white; background-color : #483d8b;}

#video_thumbnail		{padding : 3px; border : 1px solid #add8e6;}

#forum_notify			{width:670px;border:1px solid #0079f2;background-color:#dfefff;margin:10px 10px 10px 10px;
						 padding:5px;}
#forum_notify td		{vertical-align:top;}
#forum_notify img		{margin-right:10px;}

/* message in the main page */
#right_column_message_box 			{margin : 10px 0px 20px 0px; border : 1px; font-size:13px; font-family:"Trebuchet MS"; 
									  border: 1px solid #696969; background-color: #ffffe0; padding : 5px;}
#right_column_message_box a			{color : black; font-weight : bold; text-decoration : none;}
#right_column_message_box a:hover 	{text-decoration : underline;}

#query_box				{margin: 10px 0px 20px 0px; border: 1px; font-size:13px; font-family:"Trebuchet MS"; 
						  border: 1px solid #696969; background-color: #e0ffff; padding: 5px;}
#query_box a			{color : black; font-size : 14px; text-decoration : none; border-bottom : 1px solid; margin : 2px;}
#query_box a:hover 		{text-decoration : none; background-color : #cbf194 }	

/* navigation menu css */
#nav_container2					{margin-top:5px;width:100%;background-color: #87cefa; height:24px;}
#page-wrap						{width: 1000px; margin: auto;}
#page-wrap ul					{list-style: none; z-index : 1000; text-align: center;}

/* level 1 */
ul.dropdown                     {position: relative;}
ul.dropdown li                  {font-family:Verdana; font-size:12px; font-weight:bold; float: left; 
								  zoom: 1; background: #87cefa;}
ul.dropdown a:hover		        {color: #000;}
ul.dropdown a:active            {color: #ffa500;}
ul.dropdown li a                {display: block; padding: 5px 13px; border-right: 1px solid #f2f2f2;
	 							  color: #222; text-decoration:none;}
ul.dropdown li:last-child a     {border-right: none;} /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover            {background: #D2F1F9; color: black; position: relative;}
ul.dropdown li.hover a          {color: black;}
ul.dropdown li.hover a:hover    {text-decoration:underline;}

/* level 2 */
ul.dropdown ul 					{width: 140px; visibility: hidden; position: absolute; top: 100%; left: 0;}
ul.dropdown ul li 				{font-size:11px; font-weight: bold; background: #f6f6f6; color: #000;
								  border-bottom: 1px solid #ccc; float: none; text-align:left;}
									  
                                /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a				{border-right: none; width: 100%; display: inline-block;} 

/* level 3 */
ul.dropdown ul ul 				{left: 100%; top: 0; width:160px;}
ul.dropdown ul ul li			{font-size:11px; font-weight:normal;}
ul.dropdown li:hover > ul 		{visibility: visible;}

/* sub nav container */
#sub_nav_container				{background-color: #e5f9ef; border-top: solid 0px #FFFFFF; 
								  border-bottom: solid 0px #FFFFFF;}
#sub_nav_container ul 			{font-family: Verdana; font-size:11px; font-weight:bold; text-align: center; margin: 0; 
						  		  padding-bottom: 5px; padding-top: 5px;}
#sub_nav_container ul li		{display: inline; margin-left: -4px;}
#sub_nav_container ul li a 		{padding: 5px 10px 5px 10px; text-decoration: none; border-right: 1px solid #fff; 
								  color: #333333;}
#sub_nav_container ul li a:hover{background-color: #e5f9ef; text-decoration : underline;}

/* this is for pop up bubble in redirect */
* 						{margin: 0; padding: 0;} 
#redirect_box			{background-color:black;color:white;padding:5px 0 5px 20px;font-size:13px;}
#redirect_box a			{color:white;font-weight:bold;}
#redirect_box a:hover	{background-color:white;color:black;}

     
/* Bubble pop-up */
.popup					{position: absolute; display: none; z-index: 5000; border : 1px solid #696969; background-color : white;}
.popup a				{text-decoration : none; color : #8B0000;}
.popup a:hover			{text-decoration: underline; background-color: #EACF91;}
.popup td.corner		{height: 15px; width: 19px;}    
.popup td#topleft 		{background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-1.png);}
.popup td.top 			{background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-2.png);}
.popup td#topright 		{background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-3.png);}
.popup td.left 			{background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-4.png);}
.popup td.right 		{background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-5.png);}
.popup td#bottomleft 	{background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-6.png);}
.popup td.bottom 		{background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-7.png); text-align: center;}
.popup td.bottom img 	{display: block; margin: 0 auto;}
.popup td#bottomright 	{background-image: url(http://jqueryfordesigners.com/demo/images/coda/bubble-8.png);}
.popup table.popup-contents {font-size: 11px; line-height: 1.2em; background-color: #fff; color: #666; font-family: Verdana;}
table.popup-contents th {text-align: center; text-transform: uppercase;}
table.popup-contents td {text-align: left;}
tr#release-notes th		{text-align: left; text-indent: -9999px;
						  background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right;
						  height: 17px;}
tr#release-notes td a   {color: #333;}
        
#visit_fn				{font-family:verdana; font-size:12px; padding:2px 3px 2px 3px;}
#visit_fn a				{color:white; text-decoration:none; font-weight:bold;}
#visit_fn a:hover		{text-decoration : underline;}
#stat_redirect			{font-size : 10px; font-family : verdana; margin : 0px 0px 0px 5px; border : 1px solid;
						  text-align : center; padding : 1px; background-color : #E6EEF6; color : #1a6887; line-height:14px;}
						  
/* mega menu */
.megamenu							{position: absolute; display: none; left: 0; top: 0; background: white;
						  	  	  	  border: 1px solid #436fa9; border-width: 5px 1px; padding: 10px; font: normal 11px Verdana;
						  	  	  	  z-index: 100; text-align:left;}				  
.megamenu .column					{float: left; width: 180px; margin-right: 5px;}
.megamenu .column ul				{margin: 0; padding: 0; list-style-type: none;}
.megamenu .column ul li				{padding: 2px;}
.megamenu .column h3				{background: #e0e0e0; font: bold 12px Verdana; margin: 0 0 5px 0;}
.megamenu .column h3 a				{color:black;}
.megamenu .column h3 a:hover		{color:black; background-color: #ccff9b;}
.megamenu .column ul li a			{text-decoration: none; color:black;}
.megamenu .column ul li a:hover		{color:black; background-color: #ccff9b;}

/* feedback button & submit button */
#feedback_button_left		{position:fixed; top:200px; left:0;
						  	  background-color:red; background-image: url(images/feedback_tab.png); 
						  	  background-repeat:no-repeat; width:30px; height:100px;}
#feedback_button_left:hover	{background-color:#076aa9; cursor:pointer;}
#submit_button_left			{position:fixed; top:300px; left:0;
						  	  background-color:red; background-image: url(images/feedback_tab.png); 
						  	  background-repeat:no-repeat; width:30px; height:100px;}
#submit_button_left:hover	{background-color:#076aa9; cursor:pointer;}							  

/* for related contents */
#related_content_header {clear:both; font-size:14px; font-family:Verdana; font-weight:bold; color:#00016c; 
						  padding: 0 0 5px 0; border-bottom:1px solid #eee; padding-top:20px;}
					  	  
/* CSS consolidation, removing tables! */
.content_box				{clear:both; width:700px; padding:15px 10px 0 0;}
.stat_box					{width:40px; float:left;}
.stat						{border:1px solid #1a6887; text-align:center; padding:3px; background-color:#E6EEF6; 
				  	  	  	  font-size:11px; color:#1a6887;}
.video_icon 				{text-align:center; margin-top:3px;}
				  
.detail_box					{width:650px; float:right;}
.video_thumbnail			{float:left; width:75px;}
.video_thumbnail img		{border : 1px solid #add8e6; padding : 3px;}

.text_box					{ }
.title_box					{ }
.content_title				{font-size: 19px; font-family: sans-serif; color : #1b3f80; display:inline;}
.content_title a			{font-size: 19px; font-family: sans-serif; color : #1b3f80; text-decoration : none; 
						  	  border-bottom : 1px solid #88e3ff;}
.content_title a:hover 		{background-color : #ABDCEB; text-decoration : none; border-bottom : 1px solid #88e3ff;}
.content_source				{display:inline;}
.content_source a			{font-size:10px; color:#4a5b66; text-decoration:none; font-weight:bold;}
.content_source a:hover 	{text-decoration : underline;}

.description_box			{margin-top:5px;}
.content_date				{color:#4a5b66; font-size:10px; display:inline; vertical-align:middle;}
.content_description		{margin : 5px 10px 5px 0px; font-size : 12px; line-height : 135%; display:inline;}
.content_description:hover	{background-color : #e5fbd0;}
.content_description_norm	{margin : 5px 10px 5px 0px; font-size : 14px; line-height : 160%; display:inline;}
.content_description a		{color : black; text-decoration : none;}
.content_description a:hover{text-decoration : none;}

.content_info				{margin : 10px 10px 5px 0px; font-size : 11px; color:#4a5b66;}
.content_info a				{color : #4a5b66; text-decoration : none;}
.content_info a:hover 		{text-decoration : underline;}

.article_thumbnail			{float:right;}
.article_thumbnail img		{border : 1px solid #add8e6; padding : 3px;}

.text_box .play_video		{font-size:14px;padding:3px;background-color:#808080;font-weight:bold;margin-bottom:10px;}
.text_box .play_video a		{color:#ffff00;}

#video_embed				{clear:both; margin:0; padding:15px 0 10px 0;}

/* for right hand side contents and for tab views */
#block						{margin-top:10px; clear:both; overflow:hidden;}
.h							{font-size:13px; font-family:Verdana; font-weight:bold; color:#00016c; padding: 0 0 5px 0;
					  		  border-bottom:1px solid #eee;}
.htabs						{overflow:hidden; margin-top:5px;}
.htabs li					{float:left; margin: 0 5px 3px 0; overflow:hidden;}
.htabs h2 a					{color : #384914; font-family:sans-serif; font-size:13px; font-weight:bold; text-decoration : none; 
					  		  padding : 3px;}
.htabs h2 a:hover			{text-decoration : underline;}

.tabs						{overflow:hidden;}
.content_box_right			{clear:both; width:300px; padding:10px 0 10px 0;}
.detail_box_right			{width:255px; float:right;}
.video_thumbnail_right		{float:left; width:45px;}
.video_thumbnail_right img	{border : 1px solid #add8e6; padding : 3px;}

.text_box_right					{ }
.content_title_right			{display:inline;}
.content_title_right a			{font-size: 14px; font-family: sans-serif; color : #1b3f80; text-decoration : none;}
.content_title_right a:hover	{background-color : #ABDCEB; text-decoration : underline;}

#content_detail					{margin : 65px 0 0 0; padding : 5px;	border: 1px solid #696969; background-color: #DFEFF4;}
#content_date					{font-size:11px; font-weight:bold; color : #696969;}
#content_description			{margin : 10px 0px 0px 0px;}

.article_thumbnail_right		{float:right;}
.article_thumbnail_right img	{border : 1px solid #add8e6; padding : 3px;}

.submit_box						{font-size: 14px; font-family: sans-serif; color : #1b3f80; padding:5px;}

/* comment box */
.comment_box					{clear:both; border:0px solid; padding : 10px 0 10px 0; text-align:left;}
.comment_box_header				{font-size:14px; font-weight:bold; margin-bottom : 10px;}
.comment_form					{border: 1px dotted #9cb4d4; padding:10px; width:660px;}
.comment_form td				{vertical-align:top;}
.comment_textarea				{float:left;}

.comment_input_box				{float:left; width:190px;}
.comment_input					{margin:0 20px 10px 0;}
.comment_label					{display:block; font-family:"Trebuchet MS"; font-size:14px;}
.comment_input_text, textarea	{padding:3px; font-size:13px; font-family:"Trebuchet MS"; border: solid 1px #85b1de;
								  margin-top:5px;}
								  
.each_comment					{width:660px; padding:10px; border: 1px dotted #9cb4d4; margin-bottom:10px;}
.each_comment td				{vertical-align:top;}
.commenter_picture				{width:50px; margin-right:15px;}
.comment_details				{width:115px; margin-right:10px; font-size:11px; color:#838383;}
.comment_details a				{text-decoration:none;	color: #696969;}
.comment_details a:hover 		{text-decoration:underline; color: #696969; background-color: #ffffe0;}
.comment_text					{width:430px;}

button.send 					{background:#D1E9F4 url(images/plane.png) no-repeat scroll 5px 50%;
							  	  border-color: #F1F8FC #88C3DD #88C3DD #F1F8FC; border:1px solid; color:#007CB3; 
							  	  font-size:12px; font-weight:bold; padding:0.7em 10px 0.7em 40px; margin-top:10px;}
button.send:hover 				{border-color:#88C3DD #F1F8FC #F1F8FC #88C3DD; border:1px solid; color:#004767; 
							  	  cursor:pointer; text-decoration:none;}		
#flash							{margin:20px 0 0 10px;}

img.alert_comment:hover			{cursor:pointer;}

/* view source page */
.source						{margin:20px 10px 20px 10px; border-bottom:1px dotted #c1e2ec;}
.source_title				{margin:5px 0 5px 15px;}
.source_title a				{color:black; text-decoration:none; font-family:Georgia; font-size:18px; font-style:italic;}
.source_title a:hover		{text-decoration:underline;}
.source_details				{margin-left:15px;}
.source_details a			{font-size: 14px; font-family:sans-serif; color:#1b3f80; text-decoration:none;}
.source_details a:hover		{font-size: 14px; background-color : #ABDCEB; text-decoration : underline;}

/* alert content */
#alert_content		{padding:10px; font-size:14px;}
.captcha_field		{padding:5px; font-size:16px;}

/* add content window */
#add_content			{border:1px solid #004080;margin:10px 0 5px 0;padding:5px;font-weight:bold;background-color:#ffffb7;}
#add_content img		{margin-right:10px;}
#add_content a			{text-decoration:none;color:#003366;}
#add_content a:hover	{text-decoration:underline;color:#ffffb7;background-color:#003366;}

#add_content_box			{border:0px solid #004080;padding:10px 0 10px 0;}
#add_content_box .header	{font-size:15px;}
#add_content_box input		{margin-top:10px;font-size:16px;padding:5px;}
#add_content_box .text		{font-size:12px;margin-top:10px;}

/* user authentication related styles */
#auth_header				{font-size:20px;}
#auth_form					{width:600px; padding:10px 0 0 0; margin:10px 0 30px 0;}
#auth_form input			{font-size:15px; padding:2px; margin:5px;}
td.auth_form_left			{text-align:left; font-size:15px; margin:5px;}
td.auth_form_right			{text-align:right; font-size:15px; margin:5px;}
.hello						{font-size:18px; margin:0 0 0 5px;}
#profile_updated			{padding:5px; font-size:15px; margin:10px 0 10px 0; border:1px solid; width:400px;}

.profile_image_icon				{padding:1px; border:1px solid #195cd3;}
#user_profile					{margin:5px 0 0 0; font-size:15px; font-weight:bold;}
#user_profile_options			{margin:5px 0 0 0;}
#user_profile_options a			{font-size:9px; text-decoration:none; margin-left:5px; color: #708090;}
#user_profile_options a:hover	{background-color: #feff5b;}