/****************************************************************************
 *layout:		exodus
 *style:		blue
 *Created On:	7/1/2004
 *Updated:		5/24/2005
 *Author:		TJ Rikli, MOPS International
 *Comments:		Under each description, it says if this class is needed in
 *				all style sheets on the MOPS public and leaders site, 
 *				or if this is just for this design
 ****************************************************************************/


/****************************************************************************
 *Printing stuff.
 *  -required in all designs
 ***************************************************************************/
	.PrintHide{
	}
	.PrintShow{
		DISPLAY: none
	}
	.Show{
	}
	
/****************************************************************************
 *Class:		.menu
 *Description:	Left column where the menu is located
 *Requirement:	specific to this design
 ***************************************************************************/
	.menu
	{
		BACKGROUND-COLOR: #EEF4FB;
		FONT-SIZE: 11px;
		COLOR:#666666;
		LINE-HEIGHT: 13px;
		FONT-FAMILY: Verdana;
		FONT-WEIGHT: normal;
	}
	
	
/****************************************************************************
 *Class:		.shell
 *Description:	basically sets the background color of the page
 *Requirement:	all designs
 ***************************************************************************/
	.shell{
		background-color:#FBF8EA;
	}
	
	
/****************************************************************************
 *Class:		.content
 *Description:	main content area of the site.
 *Requirement:	all designs
 ***************************************************************************/
	.content{	
		FONT-SIZE: 11px;
		COLOR: #000;
		LINE-HEIGHT: 17px;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: white;
		FONT-WEIGHT: normal;
	}
	.content a:link { text-decoration: none; color: #c20044}
	.content a:visited { text-decoration: none; color: #c20044}
	.content a:hover { text-decoration: underline; color: dimgray;}
	.content a:active { text-decoration: underline; color: dimgray}


/****************************************************************************
 *Class:		.content_header
 *Description:	Top header for the main content section
 *Requirement:	all designs
 ***************************************************************************/
	.content_header{
		FONT-WEIGHT: 600;
		FONT-SIZE: 12px;
		COLOR: white;
		FONT-FAMILY: "Verdana";
		background-color:#91B9E2;
		background-image:url(header.jpg);
		text-indent: 5px;
	}
	
/****************************************************************************
 *Class:		.content_subheader
 *Description:	header for all modules in the main content area
 *Requirement:	all designs
 ***************************************************************************/
	.content_subheader
	{
		FONT-WEIGHT: bolder;
		FONT-SIZE: 8pt;
		COLOR: dimgray;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: #CEE0F2;
		background-image:url(subheader.jpg);
	
	}
	
/****************************************************************************
 *Class:		.content_H1D, .content_H2D, .content_H3D
 *Description:	Heading fonts for the main content area
 *Requirement:	all designs
 ***************************************************************************/
	.content_H1D{
		font-family: Verdana, Arial;
		font-size: 14pt;
		font-weight: 500;
		color: #000000;
	}
	.content_H2D
	{
		font-family: Verdana, Arial;
		font-size: 11pt;
		font-weight: bolder;
		color: #000000;
	}
	.content_H3D
	{
		font-family: Verdana, Arial;
	font-size: 9pt;
	font-weight: bolder;
	color: #000000;
	}


/****************************************************************************
 *Class:		.table_bg
 *Description:	Background settings for a table.  Mainly used as a border for 
 *				when the cellspacing=1 on the table properties
 *Requirement:	all designs
 ***************************************************************************/
	.table_bg{
		font-family: Verdana, Arial;
		font-size: 14pt;
		font-weight: bold;
		color: #000000;
		background-color:#666666;
	}
	
/****************************************************************************
 *Class:		.table_heading
 *Description:	Header row of a table.  Defines color and font
 *Requirement:	all designs
 ***************************************************************************/
	.table_heading
	{
		font-family: Verdana, Arial;
		font-size: 10pt;
		color: #000000;
		font-weight: 600;
		background-color:#DFDFDF;
	
	}
	
/****************************************************************************
 *Class:		.row_bg
 *Description:	Alternate row color.  Default will be .content, but sometimes
 *				you may want every row to alternate colors.  Make sure the font
 *				is the same as defined in .content, otherwise it will look funny
 *Requirement:	all designs
 ***************************************************************************/
 	.row_bg	{
		font-family: Verdana, Arial;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		background-color: #F0F0F0;
	}
	.row_bg a:link { text-decoration: none; color: #5B8FB3}
	.row_bg a:visited { text-decoration: none; color: #5B8FB3}
	.row_bg a:hover { text-decoration: underline; color: dimgray;}
	.row_bg a:active { text-decoration: underline; color: dimgray}
 	

/****************************************************************************
 *Class:		.line1, .line2, .line3
 *Description:	defines a color for a line in the design
 *Requirement:	Specific to this design
 ***************************************************************************/
	.line1
	{
		BACKGROUND-COLOR: #91B9E2;
		
	}
	.line2
	{
		BACKGROUND-COLOR: #5996D2;
	}
	.line3
	{
		BACKGROUND-COLOR: #91B9E2;
	}
	
/****************************************************************************
 *Class:		.small
 *Description:	defines a a small font, used in footer and other places
 *Requirement:	All Designs
 ***************************************************************************/
	.small
	{
		FONT-SIZE: 7pt;
		COLOR: #5A5A5A;
		LINE-HEIGHT: 17px;
		FONT-FAMILY: Verdana
	}
	.small a:link { text-decoration: none; color: #5B8FB3}
	.small a:visited { text-decoration: none; color: #5B8FB3}
	.small a:hover { text-decoration: underline; color: dimgray;}
	.small a:active { text-decoration: underline; color: dimgray}