/* New Slide out Menu classes ===================================================================== */
/* Horizontal top menu class */
#slidemenubar 
{
	padding-top: 3px;
	padding-bottom: 3px;
	background:#FFFFFF url(/images/tabs/341menuBg.gif);
	line-height: normal;
	vertical-align: middle;
}

/* Menu Item in the top menu */	
#slidemenubar a 
{
	BORDER-Right: 1px solid #FFFFFF;
	CURSOR: hand;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: middle;
}

/* Selected or Hovered over Menu Item in top menu */
#slidemenubar a.active, #slidemenubar a:Hover 
{
	text-decoration: none;
	color: #CFC3A1;
}

/* Don't modify except for margin-top which controls the space between dropdown menu and the main menu */
.slidemenuContainer
{
	position: absolute;
	overflow: hidden; 
	z-index: 10000;
	margin-top: 6px;
}

/* Don't modify */	
.slidemenu
{
	position: relative;
}

/* drop down menu container*/
.slidemenu .options 
{
	margin-right: 1px;
	margin-bottom: 1px;
	border: 1px solid #514129;
}
/* Item in the drop down menu */	
.slidemenu a 
{
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 10px;
	CURSOR: hand;
	LINE-HEIGHT: 18px;
	font-weight: normal;
	color: #000000;
	display:block;
	background-color: #FFFFFF;
	font-size: 11px;
}
/* more arrow for sub menus with children */
.slidemenu .more
{
	background-position: center right;
	background-repeat:no-repeat; 
}

/* Mouseover effect for drop down menu items */
.slidemenu a:hover, .slidemenu a.menuActive 
{
  BACKGROUND-COLOR: #514129;
  font-weight: normal;
	color: #FFFFFF;
}
/* End New Slide out menu classes ================================================================= */

/* style for MAIN NAV*/
A
{
    FONT-WEIGHT: bold;
    COLOR: #514129;
    TEXT-DECORATION: none;
}
/* style for MAIN NAV ROLLOVER*/
A:hover
{
    COLOR: #514129;
}
A:active
{
}
H1
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #6E3F25;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-ALIGN: left;
	padding-top: 35px;
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #786949;
    FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica;
    TEXT-ALIGN: left;
	padding-top: 20px;
}
H3
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #666666;
    FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica;
    TEXT-ALIGN: left;
	padding-top: 20px;
}
TD
{
    font-size: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
DIV
{
    font-size: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
P
{
    FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
INPUT
{
    font-size: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
SELECT
{
    font-size: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
TEXTAREA
{
    font-size: 12px;
	FONT-FAMILY: Arial, Helvetica;
}
BODY
{
	background: #C6B683 repeat-x scroll top left;
	/* background: #b9b982 repeat-x scroll top left; */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	MARGIN: 0px;
}
BODY.clsLeftPane
{
    BACKGROUND-COLOR: #724329
}
.clsRadio
{
    FONT-SIZE: 11px
}
FORM
{
    MARGIN-BOTTOM: 0px
}
.clsEvent
{
    FONT-SIZE: 10px
}
.clsSignIn A
{
    COLOR: #e7e7e7;
    FONT-STYLE: italic
}
.clsFullMonth
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #514129;
    TEXT-DECORATION: none
}
.clsCalCurrentDay
{
    BORDER-RIGHT: #d20d0d solid;
    BORDER-TOP: #d20d0d solid;
    FONT-SIZE: 13px;
    BORDER-LEFT: #d20d0d solid;
    BORDER-BOTTOM: #d20d0d solid
}
.clsCalDay
{
    FONT-SIZE: 13px
}
.clsCalDayNM
{
    FONT-SIZE: 13px;
    COLOR: #989898
}
.clsCalEvents
{
    FONT-SIZE: 13px;
    BACKGROUND-COLOR: #6E3F25}
.clsCalHoliday
{
    FONT-SIZE: 13px;
    BACKGROUND-COLOR: #cccccc
}
.clsCalHoliday A
{
    FONT-SIZE: 13px;
    COLOR: #514129
}
.clsCalText
{
    FONT-SIZE: 11px
}
.clsMenuActive A
{
	FONT-SIZE: 11px;
	COLOR: #eae4c1;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 15px;
	text-decoration: none;
}
.clsMenuActive
{
	padding-left: 9px;
	FONT-SIZE: 11px;
	COLOR: #eae4c1;
	background-color: #b9b982; /* was #724329 */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}
.clsMenu A
{
	padding-left: 9px;
	FONT-SIZE: 11px;
	COLOR: #eae4c1;
	FONT-FAMILY: Arial, Helvetica, Sans-serif;
	TEXT-DECORATION: none;
	line-height: 15px;
	}
.clsMenu A:hover /* lft pane bg on link hover */
{
	FONT-SIZE: 11px;
	COLOR: #86704d;
	background-color: #ffffff;
	/* was background-color: #86704d; */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 15px;
	text-decoration: none;
	}
.clsMenu /* lft pane menu */
{
	width: 162px;
	background-color: #86704d;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	/* was COLOR: #eae4c1; */
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	line-height: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 0px;
	text-decoration: none;
}TABLE.clsPage
{
    BACKGROUND-COLOR: #FFFFFF
}
TABLE.clsPageMenu
{
}
TABLE.clsPageMenu TD
{
}
TABLE.clsPageMenu TD A
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #eae4c1
}
TD.clsBodyItalic
{
    font-size: 12px;
    COLOR: #383838;
    FONT-STYLE: italic
}
.clsBodyText
{
    font-size: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica; 
}
.clsBodyText P
{
    font-size: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica;
}

.clsBodyText A /* lft pane txt color ? */
{
	COLOR: #ffffff; /* copper */
	font-size: 11px;
	font-weight: bold;
	list-style-type: circle;
	line-height: 14px;
}
.clsBodyText A:hover
{
	COLOR: #86704d;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 14px;
}
.clsSmallText
{
    FONT-SIZE: 9px;
    COLOR: #514129!important;
	FONT-FAMILY: Arial, Helvetica;
}
.clsMemberBar
{
    FONT-SIZE: 10px
}
TD.clsDMData
{
    FONT-SIZE: 11px
}
TD.clsDMDtlHeader
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 14px;
    FONT-STYLE: italic
}
TD.clsDMLabel
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 11px
}
.clsCaption
{
    FONT-WEIGHT: normal;
    font-size: 12px;
    COLOR: #686868
}
TD.clsGreyItalic
{
    font-size: 12px;
    COLOR: #686868;
    FONT-STYLE: italic
}
TD.clsGridDetail
{
    FONT-SIZE: 11px
}
TD.clsGridData
{
    FONT-SIZE: 11px
}
TD.clsGridHeader /* AV page title area ? */
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #86704d;
    BACKGROUND-COLOR: #eae4c1;
    TEXT-ALIGN: center
}
/* New popup header class w/o the padding - ts 3/16/04 */
.clsHeaderPopUp
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	COLOR: #514129;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-ALIGN: left;
}
.clsHeader /* top??? */
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #86704d!important;
	/* was COLOR: #eae4c1!important; */
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, Sans-serif;
	TEXT-ALIGN: left;
	padding-top: 0px;
	padding-bottom: 10px;
}
.clsHeader A
{
    COLOR: #86704d
}
.clsHeader A:hover
{
	COLOR: #86704d;
	text-decoration: underline;
}
.clsLine
{
    BACKGROUND-COLOR: #eae4c1
}
.clsInstructions
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px
}
TD.clsLabel
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px
}
.clsLeftPane
{
	padding-top: 5px;
	padding-bottom: 5px;
  BACKGROUND-COLOR: #86704d;
}
.clsNavLogoText
{
    PADDING-LEFT: 45px;
    PADDING-TOP: 20px
}
TD.clsLogoText
{
    PADDING-LEFT: 45px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 36px;
    BACKGROUND-IMAGE: url(/images/Home%20Yellow.jpg);
    COLOR: #e8e8e8;
    PADDING-TOP: 30px;
	FONT-FAMILY: Arial, Helvetica;
}
.clsMainPane
{
		Height: 95%;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-TOP: 10px;
    PADDING-BOTTOM: 10px;
    BACKGROUND-COLOR: #eae4c1;
}
TD.clsWebLink /* hyperlink text */
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	/* was COLOR: #eae4c1; */
	FONT-FAMILY: Arial, Helvetica, Sans-serif;
	text-decoration: none;
}
TD.clsWebLink A
{
	COLOR: #ffffff;
	/* was COLOR: #eae4c1; */
	FONT-FAMILY: Arial, Helvetica, Sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
TD.clsWebLink A:hover /* lft pane bg 4 txt? */
{
	COLOR: #eae4c1;
	/* was COLOR: #86704d */
	FONT-FAMILY: Arial, Helvetica, Sans-serif;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
}
TD.clsWebLinkHdr
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
}
TD.clsWebLinkHdr A
{
	COLOR: #eae4c1;
	FONT-FAMILY: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.clsButton
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.clsButton A
{
	padding-left: 4px;
	background: #CCCCCC;
	FONT-WEIGHT: bold;
	font-size: 12px;
	COLOR: #514129;
	TEXT-DECORATION: none;
	border: white 2px outset;
}
.clsButton A:hover
{
	padding-left: 4px;
	border-right: white 2px outset;
	border-top: white 2px outset;
	background: #FFFFFF;
	border-left: white 2px outset;
	border-bottom: white 2px outset;
}
.clsTabs
{
    BORDER-RIGHT: #e8e8e8 2px outset;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: #e8e8e8 2px outset;
    BORDER-BOTTOM: #e8e8e8 2px inset
}
.clsTab
{
    BORDER-RIGHT: #e8e8e8 2px solid;
    BORDER-TOP: #e8e8e8 2px outset;
    FONT-WEIGHT: bold;
    font-size: 12px;
    BORDER-LEFT: #e8e8e8 2px outset;
    COLOR: #989898;
    BORDER-BOTTOM: #e8e8e8 2px inset;
    BACKGROUND-COLOR: #003700
}
.clsBlankTab
{
    BORDER-BOTTOM: #e8e8e8 2px inset
}
.clsTabSel
{
    BORDER-RIGHT: #e8e8e8 4px outset;
    BORDER-TOP: #e8e8e8 2px outset;
    FONT-WEIGHT: bold;
    font-size: 12px;
    BORDER-LEFT: #e8e8e8 2px outset;
    COLOR: #fce97c;
    BACKGROUND-COLOR: #514129
}
.clsTab A
{
    font-size: 12px;
    COLOR: #989898;
    TEXT-DECORATION: none
}
.clsTab A:active
{
    font-size: 12px;
    COLOR: #989898;
    TEXT-DECORATION: none
}
.clsTabSel A
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #fce97c;
    TEXT-DECORATION: none
}
.clsDMAddress
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 14px
}
.clsDMHeader
{
	FONT-WEIGHT: 600;
	FONT-SIZE: 13px;
}
.clsDMNotSpecified
{
    font-size: 12px;
    COLOR: #c0c0c0;
    FONT-STYLE: italic
}
.clsError
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #514129
}
.clsSuccess
{
    FONT-WEIGHT: bold;
    font-size: 12px;
    COLOR: #339966
}
.clsError A
{
    COLOR: #0000ff
}
.clsNoHeader
{
    BACKGROUND-COLOR: #fafae9
}
.clsSmall
{
    FONT-SIZE: 9px;
    COLOR: #999999!important;
	FONT-FAMILY:Verdana;
}
.clsSmall A
{
    FONT-SIZE: 9px;
    COLOR: #999999!important;
	FONT-FAMILY:Verdana;
}
.clsSmall A:hover
{
	FONT-SIZE: 9px;
	COLOR: #999999!important;
	FONT-FAMILY:Verdana;
	text-decoration: underline;
}
.PreviewPane
{
    BORDER-RIGHT: thin groove;
    BORDER-TOP: thin groove;
    BORDER-LEFT: thin groove;
    BORDER-BOTTOM: thin groove
}
.PreviewHeader
{
    BACKGROUND-COLOR: #514129
}
.tbButtonActive
{
    BORDER-RIGHT: 2px inset;
    BORDER-TOP: 2px inset;
    FONT-WEIGHT: bold;
    font-size: 12px;
    BORDER-LEFT: 2px inset;
    COLOR: white;
    BORDER-BOTTOM: 2px inset;
	FONT-FAMILY: Arial, Helvetica;
    BACKGROUND-COLOR: #e9e5dd
}
.tbButtonInactive
{
    BORDER-RIGHT: #d3d3d3 2px solid;
    BORDER-TOP: #d3d3d3 2px solid;
    BORDER-LEFT: #d3d3d3 2px solid;
    BORDER-BOTTOM: #d3d3d3 2px solid;
    BACKGROUND-COLOR: #d3d3d3
}
.tbWrapper
{
    BORDER-RIGHT: thin outset;
    BORDER-TOP: thin outset;
    BORDER-LEFT: thin outset;
    BORDER-BOTTOM: thin outset;
    BACKGROUND-COLOR: #d3d3d3
}
.tbButtonOver
{
    BORDER-RIGHT: white 2px outset;
    BORDER-TOP: white 2px outset;
    BORDER-LEFT: white 2px outset;
    BORDER-BOTTOM: white 2px outset;
    BACKGROUND-COLOR: #d3d3d3
}
#elfader
{
    VISIBILITY: hidden;
    WIDTH: 100px;
    POSITION: relative
}
.clsLabelMand
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px
}
.clsCopyright
{
    COLOR: #e8e8e8
}
.clsCopyright A
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 9px;
    COLOR: #e8e8e8
}
.clsFader
{
	background:#CFC3A1;
	font-size: 12px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica;
	TEXT-ALIGN: Left;
	Padding-top: 4px;
	Padding-Left: 5px;
	font-weight: bold;
}
.clsFader A
{
	FONT-FAMILY: Arial, Helvetica;
    COLOR: #000000;
	font-size: 12px;
	font-weight: bold;
}
.clsFader A:hover
{
	FONT-FAMILY: Arial, Helvetica;
	COLOR: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}
.clsTopSignIn
{
	background: #6E3F25 url() no-repeat scroll top left;
/* background: #3a6300 url(/hoa/assn16385/images/hoabanner.jpg) no-repeat scroll top left; */
}
.clsBodyText P
{
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.clsTopLogoImage
{
    BACKGROUND: #6E3F25;
}
.clsLogoImage
{
    BACKGROUND-COLOR: #FFFFFF;
}
.clsTree
{
    COLOR: #000000;
    TEXT-DECORATION: none;
    line-height 85: 
}
.clsTreeNde
{
    COLOR: black;
    font-size: 12px;
}
.clsTreeNdeActive
{
    COLOR: white;
    BACKGROUND-COLOR: navy;
}
TD.clsLogoImageText
{
    PADDING-LEFT: 1em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 36px;
    VERTICAL-ALIGN: middle;
    COLOR: #e8e8e8;
	FONT-FAMILY: Arial, Helvetica;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #FFFFFF
}
.clsCalCurrentDay
{
    FONT-SIZE: 13px;
    COLOR: #d20d0d
}
.clsContainer
{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.clsFooter
{
	background-color: #FFFFFF;
}