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

* Do not use shorthand syntax.  The defaults for ommited values can cause adverse effects.

* For consistency use the followng 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:
		font:
		text:
		alignment:
		color:
		misc.:
	}
	
* Most coloring can be done with light and dark colors (links, buttons, and menus need specific attention)
	Light: #ffefd1;
	Dark: #e31a11;
	
* Association: 	15540-Priestley Management Company, Inc.

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


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

body
{
    BACKGROUND: #92a8ce;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	height: 95%;
}

a
{
	font-weight: bold;
}

a:link
{
	color: #005595;
}

a:visited
{
	color: #005595;
}

a:hover
{
	color: #a1a1a4;
	text-decoration: none;
}

a:active
{
}

h1
{
	font-size: 22px;
}

h2
{
	font-size: 20px;
}

h3
{
	font-size: 18px;
}


p, td
{
	font-size: 12px;
}

form
{
    margin-bottom: 0px;
}

input, select, textarea, checkbox
{
	padding-left: 3px;
	padding-bottom: 2px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 12px;
}	 

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



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

/*
.ContentWrapper
{
}

#TopWrapperContainer 
{
}

* html #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-color: #FFFFFF;
	background-image: url(/images/687topbkg.gif);
	background-repeat: repeat-x;
}

.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
{
}


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



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

.clsLeftPane /* container for alerts */
{
}

.clsFader /* general display properties for alerts */
{
	background:#FFFFFF;
	font-size: 12px;
	COLOR: #000000;
	font-family: Verdana;
	TEXT-ALIGN: Left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

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

.clsFader a:hover /* hover over the link */
{
	color: #000000;
	text-decoration: none;
}

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



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

#slidemenubar /* horizontal menu */
{
	background:#005595;
	padding-top: 5px;
	padding-left: 5px;
	line-height: normal;
}

#slidemenubar a /* top-level menu items */	
{
	BORDER-Right: 1px solid #FFFFFF;
	cursor: pointer;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 12px;
	text-transform: uppercase;
}

#slidemenubar a:hover, #slidemenubar a:active, #slidemenubar a.active /* selected or hovered over at the top-level */
{
	text-decoration: underline;
}

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

.slidemenu .options /* drop down menu container */
{
	margin-right: 0px;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
}

.slidemenu a, .slidemenu a:link, .slidemenu a:visited /* item in the drop down menu */	
{
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 10px;
	CURSOR: hand;
	LINE-HEIGHT: 18px;
	font-weight: normal;
	color: #000000;
	background-color: #d3d3d3;
	font-size: 12px;
	border-bottom: 1px #999999 solid;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

.slidemenu a:hover, .slidemenu a:active, .slidemenu a.menuActive /* mouseover effect for drop down menu items */
{
  BACKGROUND-COLOR: #005595;
  color: #FFFFFF;
}

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

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



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

.clsMainPane /* main content container */
{
	PADDING-RIGHT: 50px;
	PADDING-LEFT: 50px;
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 10px;
    BACKGROUND-COLOR: #ffffff;
	height: 95%;
}

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 */
{
	font-weight: bold;
}

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



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

.clsHeader /* page title */
{
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	color: #005595;
}

.clsHeader a, .clsHeader a:visited, .clsHeader a:hover /* page title link */
{
	font-weight: bold;
	text-decoration: none;
	color: #005595;
}

.clsHeaderPopUp /* new popup header class w/o the padding - ts 3/16/04 (TBD) */
{
	font-size: 22px;
	font-weight: bold;
	font-family: Garamond, "Times New Roman", Times, serif;
	text-align: left;
	color: #005595;
}

.clsNoHeader /* used in pages with no header information (upload member picture) */
{
	font-weight: bold;
	color: #005595;
}

.clsBodyText /* controls body text for main sections */
{
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
}

.clsBodyText a /* body text links */
{
}

.clsBodyText a:hover /* body text links hover */
{
}

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

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

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

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

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

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

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

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

.clsEvent /* deprecated - only in caldendarfull.xsl and calendarmini.xsl (neither file is called from any pages) */
{
    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: #000000;
}

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

/* 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-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.clsButton a /* style for button itself */
{
	text-decoration: none;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #92a9ce;
	border-right-color: #d1d9ea;
	border-bottom-color: #d1d9ea;
	border-left-color: #92a9ce;
	background-color: #4c88b5;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
}

.clsButton A:visited /* style for buttons that have already been clicked/visited */
{
	color: #ffffff;
}

.clsButton A:hover /* style for hovered state of button */
{
	color: #000000;
}

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

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



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

td.clsGridHeader /* title for search results */
{
	background-color: #005595;
	text-align: center;
	font-weight: bold;
  color: #ffffff;
}

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-color: #005595;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

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

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

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

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

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

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

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


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



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

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

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

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

/* 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: #CCCCCC;
}

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



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

.clsFooter /* controls entire bottom portion of page (main options: background-color, padding) */
{
	background-color: #ececed;
}

.clsSmall /* controls footer text */
{
	font-size: 9px;
	line-height: 18px;
	color: #666666;
	font-family: Verdana, sans-serif;
}

a.clsSmall, a.clsSmall:hover, a.clsSmall:visited 
{
	text-decoration: none;
	line-height: 18px;
	color: #666666;!important
}

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








/**************************************  Classes TBD  ***********************************************/





/**************************************  This are Just Copies  **************************************/

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

td.clsLogoImageText /* deprecated - clsLogoText does the same thing */
{
	padding-left: 36px;
	background-color: #FFFFFF;
	font-size: 36px;
	font-weight: bold;
	vertical-align: middle;
    color: #FFFFFF;
	white-space: nowrap;
}

.clsNavLogoText /* text that is displayed if no header is designated */
{
    padding-top: 20px;
    padding-left: 45px;
}

td.clsLogoText /* container for .clsNavLogoText above */
{
	padding-top: 30px;
	padding-left: 45;
	background-image: url(/images/Home%20Yellow.jpg);
	font-size: 36px;
	font-weight: bold;
	color: #FFFFFF;
}

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



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

#elfader /* deprecated - looks like it is used in an old fader */
{
	visibility: hidden;
	width: 100px;
	position: relative;
}

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



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

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

.clsEvent /* deprecated - only in caldendarfull.xsl and calendarmini.xsl (neither file is called from any pages) */
{
    font-size: 10px;
}

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

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

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

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

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



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

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

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



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

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

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

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


/******************************************************************************************************/





/* Tab(TBD) classes ------------------------------------------------------------------------------------ */

.clsTabs /* deprecated - only found in sample/_tstmp2.htm */
{
	margin-left: 0px;
	border-right-color: #CCCCCC;
	border-right-width: 2px;
	border-right-style: outset;	
	border-bottom-color: #CCCCCC;
	border-bottom-width: 2px;
	border-bottom-style: outset;	
	border-left-color: #CCCCCC;
	border-left-width: 2px;
	border-left-style: outset;	    
}

.clsTab /* deprecated - only found in sample/_tstmp2.htm and hoacss.htm */
{
	border-top-color: #CCCCCC;
	border-top-width: 2px;
	border-top-style: outset;
	border-right-color: #CCCCCC;
	border-right-width: 2px;
	border-right-style: solid;	
	border-bottom-color: #CCCCCC;
	border-bottom-width: 2px;
	border-bottom-style: inset;	
	border-left-color: #CCCCCC;
	border-left-width: 2px;
	border-left-style: outset;	
	background-color: #ffefd1;
	font-size: 12px;
	font-weight: bold;
	color: #989898;	
}

.clsBlankTab /* deprecated - only found in sample/_tstmp2.htm and hoacss.htm */
{
	border-bottom-color: #CCCCCC;
	border-bottom-width: 2px;
	border-bottom-style: inset;
}

.clsTabSel /* deprecated - only found in sample/_tstmp2.htm and hoacss.htm */
{
	border-top-color: #CCCCCC;
	border-top-width: 2px;
	border-top-style: outset;
	border-right-color: #CCCCCC;
	border-right-width: 4px;
	border-right-style: outset;	
	border-left-color: #CCCCCC;
	border-left-width: 2px;
	border-left-style: outset;	
	background-color: #ffefd1;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF66;
}

.clsTab a /* deprecated - only found in sample/_tstmp2.htm and hoacss.htm */
{
	font-size: 12px;
	text-decoration: none;
	color: #999999;
}

.clsTab a:active /* deprecated - only found in sample/_tstmp2.htm and hoacss.htm */
{
	font-size: 12px;
	text-decoration: none;
	color: #999999;
}

.clsTabSel a /* deprecated - only found in sample/_tstmp2.htm and hoacss.htm*/
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFF66;
}

/* End tab classes -------------------------------------------------------------------------------- */



/* Menu classes(TBD) -------------------------------------------------------------------------------- */

.clsMenu  /* TBD */
{
	padding-top: 2px;
	padding-bottom: 2px;
    font-size: 15px;
	text-indent: 5px;
    text-decoration: none;
	color: #000000;
}

.clsMenu a  /* TBD */
{
    font-weight: bold;
    color: #000000;
}

.clsMenuActive  /* TBD */
{
	padding-top: 2px;
	padding-bottom: 2px;
    font-size: 15px;
	text-indent: 5px;
	color: #000000;
}

.clsMenuActive a  /* TBD */
{
    font-weight: bold;
    color: #000000;
}

/* End menu classes ------------------------------------------------------------------------------- */



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

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

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

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

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

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



/* TB(TBD) classes ---------------------------------------------------------------------------------- */

.tbButtonActive /* TBD */
{
	border-top-width: 2px;
	border-top-style: inset;
	border-right-width: 2px;
	border-right-style: inset;
	border-bottom-width: 2px;
	border-bottom-style: inset;
	border-left-width: 2px;
	border-left-style: inset;
	background-color: #CCCCCC;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.tbButtonInactive /* TBD */
{
	border-top-color: #CCCCCC;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-color: #CCCCCC;
	border-right-width: 2px;
	border-right-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: 2px;
	border-left-style: solid;
	background-color: #CCCCCC;
}

.tbWrapper /* TBD */
{
	border-top-width: 1px;
	border-top-style: outset;
	border-right-width: 1px;
	border-right-style: outset;
	border-bottom-width: 1px;
	border-bottom-style: outset;
	border-left-width: 1px;
	border-left-style: outset;
	background-color: #CCCCCC;
}

.tbButtonOver /* TBD */
{
	border-top-color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: outset;
	border-right-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: outset;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: outset;
	border-left-color: #FFFFFF;
	border-left-width: 2px;
	border-left-style: outset;
	background-color: #CCCCCC;
}

/* End TB classes --------------------------------------------------------------------------------- */



/* Misc. classes ---------------------------------------------------------------------------------- */

.clsLine /* TBD */
{
	background-color: #ffefd1;
}

.PreviewPane /* deprecated - not found in any files */
{
	border-top-width: 1px;
	border-top-style: groove;
	border-right-width: 1px;
	border-right-style: groove;
	border-bottom-width: 1px;
	border-bottom-style: groove;
	border-left-width: 1px;
	border-left-style: groove;
}

.PreviewHeader /* deprecated - not found in any files  */
{
	background-color: #999999;
}
.clsContainer
{
	MARGIN-BOTTOM: 10px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

/* End misc. classes ------------------------------------------------------------------------------ */


/**************************************  Unknown Classes  *******************************************/