/*	#########################################################################
	##### SterlingTech Online Productivity Framework
	##### Copyright (c) 2005-2021.  All rights reserved.
	##### See http://www.SterlingTech.Net/ProductivityFramework/ for more info.
	#########################################################################
	#

	#########################################################################
	# Version control
	global $module_version;
	$module_version[ 'pf_includes/themes/CUA/style.css' ] = "02.01.01";
	#	02.01.01	Version 2.01 released, all files synchronized
	#
	#########################################################################
	#
	#	Define the Page CSS settings
*/

@media screen
{
	body 
	{
		/* Same hue, less saturation background-color: rgb(150, 215, 222); */
		width: 98%; 
		margin:0px; margin-left: auto; margin-right: auto; 
		padding: 0px; 
		border-left: 1px solid #f5f5f5; 
		border-right: 1px solid #f5f5f5; 
		text-align: left; 
		font-size: 13pt; 
		font-family: Arial, Helvetica, Geneva, sans-serif; 
		background-color: rgb(200, 234, 238);
	}
}

@media screen,print 
{
	body 
	{
		text-align: left; 
		font-size: 13pt; 
		font-family: Arial, Helvetica, Geneva, sans-serif; 
	}

	a
	{ 
		text-decoration: none; 
	}
	
	a:hover, .reply_button:hover 
	{ 
		text-decoration: none; 
	}
	
	hr 
	{ 
		border-width:0px; 
		border-bottom: 1px solid #e3e1c6; 
		margin-top: 10px; 
		margin-bottom: 20px; 
	}
	
	input[type="text"] 
	{ 
		padding-left: 4px; 
	}


	/* ***** Header elements  ************************************************************* */
	#header_container 
	{ 
		height: 65px; 
		margin-left:4px;
		margin-right: 4px; 
		text-align: right; 
		padding: 4px; 
		font-size: 0.7em;
		clear: both;
		background-color: white;
		z-index: 99999;

		/* background-color: rgb(72, 133, 158);
		background-image: url('images/header_background.png'); 
		background-repeat: repeat-y; */
	}
	
	#header_container h1 
	{ 
		font-size: 24pt; 
		font-weight: bold; 
		color: #f5f5f5; 
		float:left;
		margin-left: 10px; 
		margin-top: 10px; 
		margin-bottom: 0px; 
	}

	#header_container photo_divider 
	{ 
		margin-top: 10px; 
		margin-bottom: 10px; 
	}
	#header_container photo_block
	{ 
		margin-top: 10px; 
		margin-bottom: 10px; 
	}


	/* ***** Events elements  ************************************************************* */
	#events_container 
	{ 
		width: 280px; 
		height: 249px;
		text-align: left; 
		padding: 4px; 
		font-size: 1em; 
		color: black; 
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
		overflow-y: scroll;
		margin-bottom: 5px; 
	}
	
	#events_container a 
	{ 
		color: black; 
		text-decoration: none; 
		cursor: pointer;
	}
	
	#events_container a:hover 
	{ 
		color: #000080; 
	}

	#EventList
	{
		position:absolute;
		overflow:hidden; 
		height:163px; 
		width:250px; 
		z-index: 99; 
	}

	#EventList-ScrollRegion
	{
		margin-top: 5px;
		position:absolute;
		width:250px;
		height:240px;
	}

	.event_summary_header
	{
		margin-left: 7px;
		font-size: 12pt;
		z-index: 99; 
		font-weight: bold; 
		color: black;
	}
	a.event_summary_link
	{
		color: black;
		text-decoration: none;
	}
	a.event_summary_link:hover 
	{
		color: blue;
	}

	.event_summary_title
	{
		font-size: 11pt; 
		font-weight: bold; 
		font-style: normal; 
	}

	.event_summary_details
	{
		font-size: 10pt; 
		font-weight: lighter; 
		font-style: normal; 
	}

	.event_listing_header
	{
		text-align: left; 
		font-size: 1.5em; 
		font-weight: normal; 
		font-style: italic; 
		font-family: Arial; 
	}

	.event_listing_month_title
	{
		color: #000080;
		border-top: 2px solid;
		text-align: center; 
		font-size: 1.4em; 
		margin-top: 20px; 
		font-weight: bold; 
		font-style: normal; 
	}

	.event_listing_title
	{
		text-align: left; 
		font-size: 1.0em; 
		margin-top: 20px; 
		font-weight: bold; 
		font-style: normal; 
	}

	.event_listing_details
	{
		font-weight: lighter; 
		font-style: normal; 
	}

	.logo_container 
	{ 
		border-style: none;
		margin: 0px;
		padding: 0px;
		text-align: center; 
	}
	
	.logo_container a
	{ 
		border-style: none;
		text-decoration: none; 
	}
	.logo_container img
	{ 
		border-style: 1px solid black;
		text-decoration: none; 
	}
	



	/* ***** HomePage Content elements  ************************************************************* */
	#homepage_content_container 
	{ 
		height: 110px;
		clear: both;
		min-height: 600px;
		overflow-y: scroll;
	}
	#homepage_menu
	{ 
		border-style: none;
		text-decoration: none; 
		clear:both; 
		width:1150px; 
		position: relative; 
		padding-bottom: 5px;
	}
	a.homepage_image_link
	{ 
		text-decoration: none; 
		color: rgb(223, 231, 213);
	}

	/* ***** Menu elements  ************************************************************* */
	#menu_wrapper
	{
		margin: 0px; 
		height: 8px;
	}
	#menu_icon
	{
		height: 60px;
		width: 170px;
		clear: none;
		float: left;
	}
	#menu_container 
	{
		height: 50px;
		width: 90%;
		text-align: left; 
		padding-top: 20px;
		color: white; 
		vertical-align: bottom;
		font-size: 10pt; 
		clear: none;
		margin-left: 190px;
	}
	#menu_spacer
	{
		clear: none;
		margin-left: 20px;
		font-size: 10pt; 
	}
	#menu_container a 
	{ 
		font-size: 12pt; 
		color: black; 
		text-decoration: none; 
	}
	
	#menu_container a:hover 
	{ 
		color: rgb( 255,245, 0); 
	}
	#menu_container .menu_title 
	{ 
		font-weight: lighter; 
		color: white; 
		font-style: italic; 
		margin-top: 0px; 
		margin-bottom: 0px; 
		cursor: pointer; 
		text-decoration: underline; 
	}
	
	#menu_container .current 
	{ 
		color: #000;
		border:1px solid #aaa;
	}

	#sssmenu_container nav
	{
		text-align: element;
		position: relative;
		display: inline-block;
	}


/* 	ul.pulldown_menu a:hover */
	#menu_container nav a:hover 
	{
		background: rgb(91,177,126);
	}
	#menu_container nav ul 
	{
		background-color: white; 
	}
	#menu_container nav ul li ul, nav ul li ul li, nav ul li ul li ul, nav ul ul ul ul
	{
		background-color: rgb(160,210,181); 
	}




/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}



	/* ***** Body Content elements  ************************************************************* */
	#pre_content_container 
	{
/*		margin: 0 auto;
 		background-image: url('/images/content_container_fill.png');  */
		background-repeat: repeat-y; 
		width: 100%;
	}
	#content_container 
	{
		color: rgb(0,0,0); 
		min-height: 600px; 
		margin:0px; 
		font-size: 13pt;
		font-weight: 200; 
		margin: 0 20px;
	}
	
	#content_container h1 
	{ 
		font-size: 1.7em; 
		font-weight: bold; 
		text-align: center; 
		margin-left: 10px; 
		margin-top: 10px; 
		margin-bottom: 0px; 
	}

	#content_container h2 
	{ 
		font-size: 1.4em; 
		font-weight: bold; 
	}

	#content_container li 
	{ 
		margin-top: 0px; 
		margin-left:20px; 
		padding:0px; 
		padding-left: 4px; 
		font-size: 12pt;
	}

	#content_container ul
	{
		list-style: url('/images/ball.red.gif') circle;
		vertical-align: middle;
	}

	#content_container a 
	{ 
		color: black; 
		text-decoration: underline; 
	}
	
	#content_container a:hover 
	{ 
		color: #ff4040; 
	}

	#content_container .subtitle 
	{ 
		font-size: 1.1em;
		font-weight: bold; 
		font-style: italic; 
	}
	#content_container .scripture 
	{ 
		margin-left: 25px; 
		font-style: italic; 
		font-size: 0.9em;
	}
	#content_container .item 
	{ 
		font-weight: bold; 
	}

	#content_container .question 
	{ 
		font-size: 0.9em;
		font-weight: bold; 
		margin-left: 5px; 
	}
	#content_container .answer 
	{ 
		margin-left: 25px; 
		font-style: italic; 
		font-size: 0.9em;
	}
	#content_container .answer_subtopic_title 
	{ 
		margin-left: 25px; 
		font-size: 0.9em;
		font-weight: bold; 
	}
	#content_container .answer_subtopic_text 
	{ 
		margin-left: 35px; 
		font-style: italic; 
		font-size: 0.9em;
	}
	#content_container .location 
	{ 
		margin-left: 25px; 
		font-style: italic; 
		font-size: 0.8em;
	}

	#content_container .audio_archive 
	{ 
		margin: 0px; 
		padding-left: 0px;
		font-size: 1em;
		font-weight: normal; 
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
		border: 1px solid #000510;
		border-spacing: 0px;
	}
	#content_container .audio_series 
	{ 
		padding-left: 5px;
		font-size: 1.1em;
		font-weight: bold; 
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
		border: 1px solid #000580;
		border-spacing: 0px;
	}
	#content_container .audio_item 
	{ 
		padding-left: 3px;
		font-size: 1em;
		font-weight: normal; 
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
		border: 1px solid #000580;
		border-spacing: 0px;
	}

	#content_container .newsletter_archive 
	{ 
		margin: 0px; 
		padding-left: 0px;
		font-size: 1em;
		font-weight: normal; 
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
		border-spacing: 0px;
		vertical-align: top;
	}
	#content_container .newsletter_series 
	{ 
		padding-left: 5px;
		font-size: 1.1em;
		font-weight: bold; 
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
	}
	#content_container .newsletter_item 
	{ 
		padding-left: 3px;
		font-size: 1em;
		font-weight: normal; 
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
	}

	#content_container .user_account_title 
	{ 
		padding-left: 3px;
		font-size: 0.9em;
		font-weight: normal; 
		font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
	}


	.message_body
	{ 
		margin-left: 5px; 
		font-size: 1.0em;
		font-weight: normal; 
		list-style: circle;
	}
	.account_form
	{ 
		margin: 0px; 
		padding: 1px; 
		font-size: 0.8em;
		font-weight: normal; 
		list-style: circle;
	}


	/* ***** Error container elements  ************************************************************* */
	#system_error_container 
	{ 
		margin:4px; 
		padding:4px; 
		margin-left:14px; 
		margin-right: 14px; 
		color: #ffffff; 
		font-size: 0.9em; 
		border: 2px dotted #ffffff; 
	}

	#body_container 
	{ 
		margin-left: 30px; 
		margin-right: 30px; 
		margin-top: 20px; 
		margin-bottom: 10px;  
	}

	/* ***** Footer elements  ************************************************************* */
	#footer_container 
	{ 
		margin-left:14px; 
		margin-right: 4px; 
		text-align: right; 
		padding: 4px; 
		font-size: 0.7em; 
		clear:both; 
	}
	
	#footer_container ul 
	{ 
		margin:10px; 
		padding:0px; 
	}
	#footer_container li 
	{ 
		display: inline; 
		padding: 0px; 
		margin: 0px; 
		padding-left:20px; 
	}
	
	#footer_container a 
	{ 
		color: #636363; 
		text-decoration: none; 
	}
	
	#footer_container a:hover 
	{ 
		color: #000080; 
	}
	
	#footer_container .current 
	{ 
		color: #000;
	}
	

	/* ***** Admin menu and content elements  ************************************************************* */
	#admin_menu 
	{
		background-color: rgb(190, 206, 170);
		width: 100%; 
		margin:0px; 
		padding: 0px; 
		text-align: left; 
		font-size: 12pt; 
		font-family: "Arial Narrow", Arial, "Lucida Sans Unicode", "Bitstream Vera Sans", Geneva, sans-serif; 
	}
	#admin_menu a
	{
		font-size: 0.9em; 
		color: black;
		text-decoration: none; 
	}

	#admin_status
	{
		background-color: rgb(223, 231, 213);
		width: 100%; 
		margin:0px; 
		padding: 0px; 
		text-align: left; 
	}

	.admin_status_line1
	{
		background-color: rgb(206, 219, 191);
	}
	.admin_status_line2
	{
		background-color: rgb(190, 206, 170);
	}

	/* ***** Navigational elements  ************************************************************* */
	.navbar
	{ 
		font-size: 1.0em;
		font-weight: normal; 
		background-color: white;
		color: black; 
		text-align: center; 
		float:left; 
		margin: 1px solid black; 
		padding: 0px; 
	}

	#id_page 
	{ 
		width: 0.5em; 
	}
	#last_page 
	{ 
		width: 0.5em; 
	}
	#id_search_text 
	{ 
		width: 4em; 
	}
	.navbar form input[type="submit"] 
	{ 
		color: black; 
	}

	.navbar form select 
	{ 
		font-size: 0.7em;
	}



	/* ***** General elements  ************************************************************* */
	.box 
	{ 
		border-color: #f5f5f5; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		margin-bottom: 10px; 
	}
	
	.box_header 
	{ 
		margin:2px; 
		margin-left: 8px; 
		font-size: 0.8em; 
	}
	.box_header h1 
	{ 
		font-weight: bold; 
		font-size: 1.0em; 
		margin:0px; 
		padding-top: 4px; 
	}
	.box_body 
	{ 
		margin-left: 10px; 
		margin-right: 10px; 
		margin-bottom: 10px; 
	}
	.box_footer 
	{ 
		font-size: 0.7em; 
		text-align: right; 
		margin-left: 10px; 
		margin-right:10px; 
		padding:4px; 
		border-top: 1px dotted #beb96f; 
	}
	
	.box_footer ul 
	{ 
		margin:0px; 
		padding:0px; 
	}
	
	.box_footer li 
	{ 
		display: inline; 
		margin:0px; 
		padding:0px; 
		padding-left: 4px; 
		white-space: nowrap; 
	}

	.buttons 
	{ 
		text-align: right; 
		padding-right: 1px; 
	}
	
	.hint 
	{ 
		color: #736257; 
		font-size: 0.9em; 
		border: 2px dotted #736257; 
		padding: 6px; 
	}
	
	.note 
	{ 
		margin-left: 15px; 
		margin-right: 25px; 
		font-size: 0.9em;  
		font-style:italic; 
	}
	
	.warning 
	{ 
		color: #b50000; 
		font-size: 0.9em; 
		border: 2px dotted #b50000; 
		padding: 6px; 
	}

	.AreaTitle
	{
		font-family: Arial, Helvetica;
		font-weight: bold;
		font-size: 16pt;
	}
	.Item, .ItemNotes, .ItemPhase, .ItemCost
	{
		font-family: Times, 'Times New Roman';
		font-size: 12pt;
	}

	.ItemCost
	{
		width: 65px;
	}

	.GroupTitle
	{
		font-family: Times, 'Times New Roman';
		font-size: 14pt;
		text-align: Left;
		font-weight: bold;
	}
	.ItemTitles
	{
		min-width: 250px;
		text-align: Left;
	}
	.Item
	{
		text-align: right;
	}
	.ItemNotes
	{
		text-align: right;
		width: 250px;
		text-align: Left;
	}
	.ItemPhase
	{
		text-align: right;
		width: 130px;
	}
	.ItemCost
	{
		text-align: right;
		width: 100px;
	}


	.HeaderTitles
	{
		font-family: Times, 'Times New Roman';
		font-weight: bold;
		font-size: 12pt;
	}


	.HeaderMainTitle
	{
		font-family: Arial, Helvetica;
		font-weight: bold;
		font-size: 14pt;
		text-align: center;
	}

	pageBreak 
	{ 
		page-break-after: always;
	}


	h3
	{
		font-family: Arial, Helvetica;
		font-weight: bold;
		font-size: 26pt;
		text-align: center;
	}

	table.MaintenanceApp
	{
		border: 2px solid black;
		border-collapse: collapse;
		background-color: white;
		width: 100%;
		border: 2px solid black;  '
	}

	table.MaintenanceApp tr:nth-child(even) 
	{
		background-color: #f2fff2;
	}

	th.MaintenanceApp
	{
		font-weight: bold;
		border-bottom: 1px solid black;
	}

	.MaintenanceApp #NavBarTop, .MaintenanceApp #NavBarBottom 
	{
		border: 2px solid black;
		border-collapse: collapse;
	}

	.MaintenanceApp #Titles
	{
		border: 2px solid black;
		border-collapse: collapse;
	}


}

@media print 
{
	html body 
	{
		width: 93%; 
		background-color: none;
	}

	.pageBreak 
	{ 
		page-break-after: always;
	}

	#header_container, #footer_container, .no-print
	{
		display: none;
	}
}