/* NOTES: --------------------------------------------------------------------------------------------

* For consistency use the following syntax, including capitalization:
	tag/class/selector
	{
		property: value;
		property: value;
	}
	
* The order of the properties show start from the outside and work in:
	class
	{
		visibility:
		size (width):
		positioning:
		margins:
		borders:
		padding:
		background:
		color:
		font:
		text:
		alignment:
		misc.:
	}
	
* Most coloring can be done with light and dark colors (links, buttons, and menus need specific attention)
	Light: #d1d2d4;
	Dark: #8b0b04;
	
* Association: 10305-MSI, LLC

--------------------------------------------------------------------------------------------------- */													   


/* Main tags/classes/selectors -------------------------------------------------------------------- */

body
{
	height: 95%;
	background: #d1d2d4 url(/images/847BodyBg.gif) repeat-x scroll top left;
	color: #000;
	font: 12px/20px Arial, Helvetica, sans-serif;
}

a
{
	font-weight: bold;
}

a:link
{
	color: #8b0b04;
	text-decoration: none;
}

a:visited
{
	color: #8b0b04;
	text-decoration: none;
}

a:hover
{
	color: #8b0b04;
	text-decoration: underline;
}

a:active
{
}

h1
{
	color: #979797;
	font: bold 24px "Times New Roman", Times, serif;
}

h2
{
	color: #979797;
	font: bold 20px "Times New Roman", Times, serif;
}

h3
{
	color: #979797;
	font: bold 16px "Times New Roman", Times, serif;
}


p, td
{
	color: #000;
	font: 12px/20px Arial, Helvetica, sans-serif;
}

form
{
  margin-bottom: 0px;
}

input, select, textarea, checkbox
{
	padding-left: 3px;
	font: 12px Arial, Helvetica, sans-serif;
}	 

/* End main tags/classes/selectors ---------------------------------------------------------------- */



/* Wrapper Classes -------------------------------------------------------------------------------- */

/*
.ContentWrapper
{
}

#TopWrapperContainer 
{
}

.TopWrapper
{
}

.TopWrapperLeft
{
}

.TopWrapperRight
{
}

.LeftWrapper
{
}

.RightWrapper
{
}

.BottomWrapper
{
}

.BottomWrapperLeft
{
}

.BottomWrapperRight
{
}
*/

/* End wrapper classes ---------------------------------------------------------------------------- */



/* Header classes --------------------------------------------------------------------------------- */

.clsPage /* table containing both the sign in bar and header bar */
{
}

.clsTopSignIn /* background for top most bar */
{
	background: url(/images/847SignInBg.gif) no-repeat scroll top left;
}

.clsTopLogoImage /* table class which contains the .clsLogoImage class (almost identical) */
{
} 

.clsLogoImage /* background color or image for header/logo image */
{
}

td.clsLogoImageText /* deprecated - clsLogoText does the same thing */
{
}

.clsNavLogoText /* text that is displayed if no header is designated */
{
}

td.clsLogoText /* container for .clsNavLogoText above */
{
}

.clsSearch
{
	padding: 10px 30px 10px 5px;
}

/* End header classes ----------------------------------------------------------------------------- */



/* Alert classes ---------------------------------------------------------------------------------- */

.clsLeftPane /* container for alerts */
{
}

.clsFader /* general display properties for alerts */
{
	padding: 0 0 15px 80px;
	background: url(/images/847SignIn.gif) no-repeat scroll top left;
	color: #8b0b04;
	font: bolder 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.clsFader a, .clsFader a:visited /* link properties if the alert is linked */
{
	color: #8b0b04;
	text-decoration: none;
}

.clsFader a:hover /* hover over the link */
{
	color: #8b0b04;
	text-decoration: underline;
}

/* End alert classes ------------------------------------------------------------------------------ */



/* New slide out menu classes --------------------------------------------------------------------- */

#slidemenubar /* horizontal menu */
{
	height: 35px;
	margin: 0;
	padding: 15px 0 29px 11px;
	background: url(/images/847NavBg.gif) no-repeat scroll top left;
}

#slidemenubar a /* top-level menu items */	
{
	margin: 0;
	padding: 16px 11px 10px 11px;
	background: url(/images/847NavItemBg.gif) no-repeat scroll top right;
	color: #ccb9b8;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

#slidemenubar a:hover, #slidemenubar a:active, #slidemenubar a.active /* selected or hovered over at the top-level */
{
	background: url(/images/847NavItemBg.gif) no-repeat scroll top right;
	color: #fff;
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.slidemenuContainer /* don't modify except for margin-top (controls the space between dropdown menu and the main menu) */
{
	position: absolute;
	margin: -3px 0 0 0;
	overflow: hidden; 
	z-index: 10000;
}
	
.slidemenu /* DO NOT modify */
{
	position: relative;
}

.slidemenu .options /* drop down menu container */
{
	padding: 4px 0 8px 0;
	background: #5f0000;
}

.slidemenu a, .slidemenu a:link, .slidemenu a:visited /* item in the drop down menu */	
{
	padding: 6px 15px 6px 15px;
	color: #ccb9b8;
	font: bold 12px/normal Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

.slidemenu a:hover, .slidemenu a:active, .slidemenu a.menuActive /* mouseover effect for drop down menu items */
{
	color: #fff;
}

.slidemenu .more /* arrows for additional subs */
{
	background: url(/images/tabs/847arrowRight.gif) no-repeat scroll center right;
}

/* End new slide out menu classes ----------------------------------------------------------------- */



/* Page classes ----------------------------------------------------------------------------------- */

.clsMainPane /* main content container */
{
	height: 95%;
	padding: 20px 75px;
	background: #ffffff url(/images/847PageBg.gif) repeat-y scroll top left;
}

table.clsPageMenu /* controls the upper portion of the page when buttons are present */
{
}

table.clsPageMenu td /* tighter control for laying out subnav */
{
}

table.clsPageMenu td a /* controlling link on buttons */
{
}

/* End page classes ------------------------------------------------------------------------------- */



/* Text classes ----------------------------------------------------------------------------------- */

.clsHeader /* page title */
{
	padding: 15px 0;
	color: #979797;
	font: bold 36px "Times New Roman", Times, serif;
	text-align: left;
	letter-spacing: 2px;
}

.clsHeader a, .clsHeader a:visited, .clsHeader a:hover /* page title link */
{
	color: #979797;
	font: bold 36px "Times New Roman", Times, serif;
	text-decoration: none;
	text-align: left;
	letter-spacing: 2px;
}

.clsHeaderPopUp /* new popup header class w/o the padding - ts 3/16/04 (TBD) */
{
	color: #979797;
	font: bold 16px/16px "Times New Roman", Times, serif;
	text-decoration: none;
	text-align: left;
	letter-spacing: 2px;
}

.clsNoHeader /* used in pages with no header information (upload member picture) */
{
	color: #979797;
	font: bold 36px "Times New Roman", Times, serif;
	text-decoration: none;
	text-align: left;
	letter-spacing: 2px;
}

.clsBodyText /* controls body text for main sections */
{
	color: #000;
	font: 12px/20px Arial, Helvetica, sans-serif;
}

.clsInstructions /* text that appears next to balloons */
{
	font-size: 10px;
}

.clsSmallText /* style used mainly for the editor */
{
    color: #000 !important;
    font-size: 9px;
}

.clsCaption /* style used mainly for the editor */
{
	color: #000;
	font-size: 12px;
	font-weight: normal;
}

.clsError /* error text */
{
  color: #0000ff;
	font-size: 12px;
	font-weight: bold;
}

.clsError a /* error text link */
{
  color: #0000ff;
}

.clsSuccess /* deprecated - only in files found in the "old" directory */
{
  color: #396;
	font-size: 12px;
  font-weight: bold;
}

td.clsGreyItalic /* page credits "Posted By", "Created By", etc' */
{
	color: #666;	
	font-size: 10px;
	font-style: italic;
}

td.clsBodyItalic /* controls search results counting */ 
{
	color: #000;
	font-style: italic;
}

.clsEvent /* style for calendar events */
{
  font-size: 10px;
}

.clsSignIn a /* style sign in link on certain pages  */
{
}

.clsMemberBar /* deprecated - only in s.xsl in which no page calls */
{
  font-size: 10px;
}

.clsCopyright /* deprecated - only found in hoawfl_tpl.asp */
{
  color: #000;
}

.clsCopyright a /* deprecated - only found in hoawfl_tpl.asp */
{
  color: #000;
  font-size: 9px;
}

/* End text classes ------------------------------------------------------------------------------- */



/* Control classes -------------------------------------------------------------------------------- */

td.clsLabel /* text labels on controls */
{
	font-size: 12px;
	font-weight: bold; 
}

.clsLabelMand /* required text labels on controls */
{
	font-size: 12px;
	font-weight: bold;
}

.clsButton /* button container */
{
	padding: 2px;
}

.clsButton a /* style for button itself */
{
	padding-left: 10px;
	border-top: 2px solid #ab301c;
	border-right: 2px solid #6e0000;
	border-bottom: 2px solid #6e0000;
	border-left: 2px solid #ab301c;
	background: #8b0b04;
	color: #ccb9b8;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.clsButton A:visited /* style for buttons that have already been clicked/visited */
{
	color: #ccb9b8;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.clsButton A:hover /* style for hovered state of button */
{
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.clsRadio /* style for radio buttons */
{
  font-size: 13px;
}

/* End control classes ---------------------------------------------------------------------------- */



/* Data grid classes ------------------------------------------------------------------------------ */

td.clsGridHeader /* title for search results */
{
	padding: 5px;
	background: #000;
  color: #fff;
	font-weight: bold;
	text-align: center;
}

td.clsGridData /* search results */
{
	font-size: 12px;
}

td.clsGridDetail /* containing cell for search result data */
{
    font-size: 12px;
}

/* End data grid classes -------------------------------------------------------------------------- */



/* Calendar classes ------------------------------------------------------------------------------- */

.clsFullMonth, select.clsFullMonth /* header title or dropdown */
{
    background: #000;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.clsCalDay, .clsCalDay a /* date number */
{
	font-size: 12px;
}

.clsCalDayNM /* date number outside of current month */
{
	color: #999;
	font-size: 12px;
}

.clsCalCurrentDay /* current day highlight */
{
	border-color: 2px solid #cc0000;
	font-size: 12px;    
}

.clsCalEvents /* events */
{
	color: #ccc;
	font-size: 12px;
}

.clsCalHoliday /* holiday designations */
{
	background: #ccc;
	font-size: 12px;
}

.clsCalHoliday a /* holiday linked text */
{
	font-size: 12px;
}

.clsCalText /* normal calendar text */
{
	font-size: 11px;
}

.calEvent
{
	color: #666;
	line-height: normal;
}


/* End calendar classes --------------------------------------------------------------------------- */



/* Resource Center file tree ---------------------------------------------------------------------- */

.clsTree /* overall div container class */
{
}

.clsTreeNde /* individual items in tree */
{
  text-decoration: none!important; 
}

.clsTreeNdeActive /* could not produce style */
{
	background: #000080;
  color: #fff;
}

/* End Resource Center file tree ------------------------------------------------------------------ */



/* Directory Member classes ----------------------------------------------------------------------- */

td.clsDMData /* TBD */
{
  font-size: 11px;
}

td.clsDMDtlHeader /* TBD */
{
	font-size: 14px;
  font-weight: bold;
	font-style: italic;
}

td.clsDMLabel /* TBD */
{
  font-size: 11px;
}

td.clsDMAddress /* account address for member */
{
	font-size: 14px;
}

.clsDMHeader /* DM's name and other sub-titles on directory member  */
{
	font-size: 12px;
	font-weight: bold;
}

.clsDMNotSpecified /* Data that has not been enter for member */
{
	font-size: 12px;
	font-style: italic;
	color: #ccc;
}

/* End Directory Member classes ---------------------------------------------------------------------- */



/* WebLink(TBD) classes -------------------------------------------------------------------------------- */

td.clsWebLinkHdr /* TBD */
{
  color: #000;
	font-size: 12px;
	font-weight: bold;
}

td.clsWebLinkHdr a /* TBD */
{
  color: #000;
}

td.clsWebLink /* TBD */
{
  color: #000;
	font-size: 12px;
	font-weight: bold;
}

td.clsWebLink a /* TBD */
{
	color: #000;
}

/* End WebLink classes ---------------------------------------------------------------------------- */



/* Footer classes --------------------------------------------------------------------------------- */

.clsFooter /* controls entire bottom portion of page (main options: background-color, padding) */
{
	padding-top: 30px;
	background: #d1d2d4 url(/images/847FooterBg.gif) no-repeat scroll top left;
	color: #8b0b04;
	font: 11px/18px Arial, Helvetica, sans-serif;
}

.clsSmall /* controls footer text */
{
	color: #8b0b04!important;
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.clsSmall, a.clsSmall:hover, a.clsSmall:visited 
{
	color: #8b0b04!important;
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/* End footer classes ----------------------------------------------------------------------------- */