/****************************************************************************
 *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
 ****************************************************************************/

#page_body{
	text-align:center;
	margin:14px;
	background-color:#fff;
}

/****************************************************************************
 *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-image:url(menu_bg.jpg);
		BACKGROUND-REPEAT:repeat;
		background-color:#FFFFFF;
	}
	
	

	
/***************************************************************************
 *ID            shell
 *Description   Used to define the placement and width and basic format of 
 *              main shell of the site
 ***************************************************************************/
	#shell {
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px; 
		PADDING-BOTTOM: 0px; 
		MARGIN: 0px; 
		FONT: 20px Verdana, Arial, Helvetica, sans-serif; 
		COLOR: #fff; 
		PADDING-TOP: 0px;
		width: 1000px;
		height:200px;
		text-align:center;
		border-style:solid;
		border-width:2px;
		position:relative;
		
	}
	
	.header{
		background-color:#00A1B1;
	}
	.header a{
		text-decoration: none; color: #ffffff;
	}
	.rightborder
	{
		background-image:url(right_border.jpg);
		BACKGROUND-REPEAT:repeat;
	}
	
	
/****************************************************************************
 *Class:		.content
 *Description:	main content area of the site.
 *Requirement:	all designs
 ***************************************************************************/
 	#page_content_body_background{
		background-image:url(watermark.jpg);
		BACKGROUND-REPEAT: no-repeat;
		background-color:#FFFFFF;
	}
	.content{
		FONT-SIZE: 11px;
		COLOR: dimgray;
		LINE-HEIGHT: 17px;
		FONT-FAMILY: Verdana;
		FONT-WEIGHT: normal;
	}
	.content a:link { text-decoration: none; color: #00A1B1}
	.content a:visited { text-decoration: none; color: #00A1B1}
	.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);
	
	}
	
	.footer
	{
		background-color:#B4CC95;
	}
	
/****************************************************************************
 *Class:		.content_H1D, .content_H2D, .content_H3D
 *Description:	Heading fonts for the main content area
 *Requirement:	all designs
 ***************************************************************************/
	.content_H1D{
		FONT-WEIGHT: bold;
		FONT-SIZE: 16px;
		COLOR: #00A1B1;
		FONT-FAMILY: Verdana;
		line-height:17px;
	}
	.content_H2D
	{
		FONT-WEIGHT: bold;
		FONT-SIZE: 14px;
		COLOR: #00A1B1;
		FONT-FAMILY: Verdana;
	}
	.content_H3D
	{
		FONT-WEIGHT: bold;
		FONT-SIZE: 12px;
		COLOR: #00A1B1;
		FONT-FAMILY: Verdana;
	}


/****************************************************************************
 *Class:		.sidebar
 *Description:	sidebar area of the site.  Used for related links, page options, etc
 *Requirement:	all designs
 ***************************************************************************/
	.sidebar_background
	{
		BACKGROUND-COLOR: #EEF4FB;
	}
	.sidebar
	{
		FONT-SIZE: 11px;
		COLOR: dimgray;
		LINE-HEIGHT: 17px;
		FONT-FAMILY: Verdana;
		FONT-WEIGHT: normal;
	}
	.sidebar a:link { text-decoration: none; color: #00A1B1; font-size: 11px;}
	.sidebar a:visited { text-decoration: none; color: #00A1B1; font-size: 11px;}
	.sidebar a:hover { text-decoration: underline; color: dimgray; font-size: 11px;}
	.sidebar a:active { text-decoration: underline; color: dimgray; font-size: 11px;}

	.sidebar UL
	{
		MARGIN-LEFT: 20px;
		color: #666666;
	}
	
/****************************************************************************
 *Class:		.sidebar_header
 *Description:	Top header bar for the sidebar 
 *Requirement:	all designs
 ***************************************************************************/
	.sidebar_header{
		FONT-WEIGHT: 600;
		FONT-SIZE: 12px;
		COLOR: white;
		FONT-FAMILY: "Verdana";
		background-color:#91B9E2;
		text-indent: 5px;
		background-image:url(header.jpg);
	}
	
/****************************************************************************
 *Class:		.sidebar_subheader
 *Description:	Header bar for modules in the sidebar 
 *Requirement:	all designs
 ***************************************************************************/
	.sidebar_subheader
	{
		FONT-WEIGHT: bolder;
		FONT-SIZE: 8pt;
		COLOR: dimgray;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: #CEE0F2;
		background-image:url(subheader.jpg);
	}
	
/****************************************************************************
 *Class:		.sidebar_H1D, .sidebar_H2D, .sidebar_H3D
 *Description:	Heading fonts for the main content area
 *Requirement:	all designs
 ***************************************************************************/
	.sidebar_H1D{
		FONT-WEIGHT: bold;
		FONT-SIZE: 14px;
		COLOR: #00A1B1;
		FONT-FAMILY: Verdana;
		line-height:17px;
	}
	.sidebar_H2D
	{
		FONT-WEIGHT: bold;
		FONT-SIZE: 10pt;
		COLOR: #00A1B1;
		FONT-FAMILY: Verdana;
	}
	.sidebar_H3D
	{
		FONT-WEIGHT: bold;
		FONT-SIZE: 8.5pt;
		COLOR: #00A1B1;
		FONT-FAMILY: Verdana;
	}


/****************************************************************************
 *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-WEIGHT: 600;
		FONT-SIZE: 12px;
		COLOR: white;
		FONT-FAMILY: "Verdana";
		background-color:#00A1B1;
		text-indent: 5px;
	}
	
/****************************************************************************
 *Class:		.table_heading
 *Description:	Header row of a table.  Defines color and font
 *Requirement:	all designs
 ***************************************************************************/
	.table_heading
	{
		FONT-WEIGHT: bolder;
		FONT-SIZE: 8pt;
		COLOR:#00A1B1;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: #B4CD96;
	
	}
	
/****************************************************************************
 *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-SIZE: 11px;
		COLOR: dimgray;
		LINE-HEIGHT: 16px;
		FONT-FAMILY: Verdana;
		BACKGROUND-COLOR: #EEF4FB;
		FONT-WEIGHT: normal;
	}
	.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}


/****************************************************************************
 *Class:		.err
 *Description:	used mainly on forms, when there is an error to display
 *				(Only used on Non-group registration)
 *Requirement:	All Designs
 ***************************************************************************/
	.err {
		FONT-WEIGHT: bold;
		FONT-SIZE: 9pt;
		COLOR: red;
		LINE-HEIGHT: 17px;
		FONT-FAMILY: Verdana
	}
	
/****************************************************************************
 *Class:		.LayerErr
 *Description:	used mainly on forms, when there is an error to display (primary error style)
 *Requirement:	All Designs
 ***************************************************************************/
	.LayerErr {
		BACKGROUND-COLOR: red;
		color: white;
		FONT-SIZE: 10pt;
		FONT-WEIGHT: bolder;
		FONT-FAMILY: Verdana
	}
	.LayerErrBody {
		BACKGROUND-COLOR: #ffffff;
		color: dimgray;
		FONT-SIZE: 10pt;
		FONT-WEIGHT: bolder;
		FONT-FAMILY: Verdana
	}

/****************************************************************************
 *Class:		.form_field
 *Description:	defines the look of a form field (text box, DDL, etc)
 *Requirement:	All Designs
 ***************************************************************************/
	.form_field
	{
		height:19px;
		font-size:10px;
		font-family:verdana;
		color:#676767;
	}

/****************************************************************************
 *Class:		.form_field_err
 *Description:	defines the look of a field if there is an error
 *				(only used in Non-group registration)
 *Requirement:	All Designs
 ***************************************************************************/
	.form_field_err
	{
		height:19px;
		font-size:10px;
		font-family:verdana;
		color:#676767;
		background-color:#ffc0c0
	}

/****************************************************************************
 *Class:		.form_textarea
 *Description:	defines the look of a textarea field
 *Requirement:	All Designs
 ***************************************************************************/
	.form_textarea
	{
		font-size:10px;
		font-family:verdana;
		color:#676767;
	}

/****************************************************************************
 *Class:		.form_button
 *Description:	defines the look of a button
 *Requirement:	All Designs
 ***************************************************************************/
	.form_button
	{
		cursor:hand;
		font-family:Verdana,"MS Sans Serif",Charcoal,Chicago,Arial;
		font-weight:normal;
		font-size:10px;
		color:#666666;
		background-color:#f1f1f2;
	}

/****************************************************************************
 *Class:		.hidden
 *Description:	used with JavaScript to hide data until user clicks on an icon to display
 *Requirement:	All Designs
 ***************************************************************************/
	.hidden
	{
		display:none;
	}


.Editorbody
{
    FONT-SIZE: 8.5pt;
    COLOR: #5A5A5A;
    LINE-HEIGHT: 17px;
    FONT-FAMILY: Verdana;
	Font-Weight: normal;
	align: justify;
}
.Editorbody a:link { text-decoration: none; color: #00A1B1}
.Editorbody a:visited { text-decoration: none; color: #00A1B1}
.Editorbody a:hover { text-decoration: underline; color: dimgray;}
.Editorbody a:active { text-decoration: underline; color: dimgray}