/*   http://www.associationvoice.com/library/css/hoa_ie35.css   */

/* New Horizontal Menu Classes ==================================================================== */
/* Horizontal top menu class */
.menuBar
{
	background:#ddd url(/images/tabs/35menuBg.gif);
  POSITION: relative;
  height: 24px;
}
/* Menu Item in the top menu */
.Bar
{
	BORDER-Right: blue 1px outset;
  CURSOR: hand;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 5px;
  POSITION: relative;
  font-weight: bold;
	color: #626262;
	height:24px;
}
/* Selected or Hovered over Menu Item in top menu */
.BarSelected
{
	background:White;
  BORDER-Right: blue 1px outset;
  CURSOR: hand;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 5px;
  POSITION: relative;
  font-weight: bold;
	color: #cc0000;
	height:24px;
}
/* drop down menu */
.menu
{
  BORDER-RIGHT: buttonhighlight thin outset;
  BORDER-TOP: buttonhighlight thin outset;
  VISIBILITY: hidden;
  BORDER-LEFT: buttonhighlight thin outset;
  WIDTH: 220px;
  BORDER-BOTTOM: buttonhighlight thin outset;
  POSITION: absolute;
  BACKGROUND-COLOR: #E7E2D1;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
}
/* Item in the drop down menu */
.menuItem
{
  PADDING-RIGHT: 15px;
  PADDING-LEFT: 10px;
  WIDTH: 100%;
  CURSOR: hand;
  LINE-HEIGHT: 18px;
  BORDER-BOTTOM: white 1px solid;
  font-weight: bold;
	color: #626262;
}
/* Mouseover effect for drop down menu items */
.ItemMouseOver
{
  PADDING-RIGHT: 15px;
  PADDING-LEFT: 10px;
  WIDTH: 100%;
  CURSOR: hand;
  COLOR: highlighttext;
  LINE-HEIGHT: 18px;
  BORDER-BOTTOM: white 1px solid;
  BACKGROUND-COLOR: white;
  font-weight: bold;
	color: #cc0000;
}

/* class for the down arrow in the main menu */
.ArrowDown
{
	padding-top:6px;
  padding-left:5px;
}

/* class for the right arrow in sub menu items with children */
.Arrow
{
  POSITION: absolute; 
  padding-top:2px;
  padding-left:4px;
}
/* horizontal submenu bar */
.subMenuBar
{
	padding-top: 2px;
	BACKGROUND-COLOR: white;
  height: 18px;
}

/* horizontal submenu items */
.subMenuItem
{
  CURSOR: hand;
  padding-right: 5px;
  padding-left: 5px;
  POSITION: relative;
  BORDER-Right: blue 1px outset;
  background:White;
}
.subMenuItem A
{
  color: #626262 !important;
}
/* horizontal submenu item Selected */
.subMenuItemSelected
{
  CURSOR: hand;
  padding-right: 5px;
  padding-left: 5px;
  POSITION: relative;
  BORDER-Right: blue 1px outset;
  background:White;
}
.subMenuItemSelected A
{
	color: #cc0000 !important;
}
/* End New Horizontal Menu classes ================================================================ */

A
{
	font-weight: bold;
	color: #626262;
	text-decoration: none;
}
A:hover
{
	color: #cc0000;
}
A:active
{
}
H1
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14pt;
    COLOR: #626262;
    FONT-STYLE: normal;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    MARGIN-BOTTOM: 0em;
    COLOR: #626262;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0em;
    COLOR: #626262;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
TD
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
DIV
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
P
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
INPUT
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
SELECT
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
TEXTAREA
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
BODY
{
    MARGIN: 0px;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #C5BAA4;
}
BODY.clsLeftPane
{
    BACKGROUND-COLOR: #999966;
}
.clsRadio
{
    FONT-SIZE: 10pt
}
FORM
{
    MARGIN-BOTTOM: 0px
}
.clsEvent
{
    FONT-SIZE: 8pt;
}
.clsSignIn A
{
    COLOR: #e7e7e7;
    FONT-STYLE: italic
}
.clsFullMonth
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #626262;
    TEXT-DECORATION: none
}
.clsCalCurrentDay
{
    BORDER-RIGHT: #d20d0d solid;
    BORDER-TOP: #d20d0d solid;
    FONT-SIZE: 11pt;
    BORDER-LEFT: #d20d0d solid;
    BORDER-BOTTOM: #d20d0d solid
}
.clsCalDay
{
    FONT-SIZE: 10pt
}
.clsCalDayNM
{
    FONT-SIZE: 10pt;
    COLOR: #989898
}
.clsCalEvents
{
    FONT-SIZE: 10pt;
    BACKGROUND-COLOR: #ffffff;
}
.clsCalHoliday
{
    FONT-SIZE: 10pt;
    BACKGROUND-COLOR: #ffffff;
}
.clsCalHoliday A
{
    FONT-SIZE: 10pt;
    COLOR: #cc9966;
}
.clsCalText
{
    FONT-SIZE: 10pt
}
.clsMenuActive A
{
    FONT-WEIGHT: bold;
    COLOR: #336699;
    TEXT-ALIGN: left
}
.clsMenuActive
{
    PADDING-LEFT: 8px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    COLOR: #626262;
    TEXT-INDENT: 8px;
    PADDING-TOP: 2px;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.clsMenu A
{
    FONT-WEIGHT: bold;
    COLOR: #626262;
    TEXT-ALIGN: left
}
.clsMenu
{
    PADDING-LEFT: 8px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 2px;
    WORD-SPACING: 0px;
    TEXT-INDENT: 8px;
    PADDING-TOP: 2px;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    font-weight : bold;
}
TABLE.clsPage
{
    /*BACKGROUND-COLOR: #336600;*/
}
TABLE.clsPageMenu
{
}
TABLE.clsPageMenu TD
{
}
TABLE.clsPageMenu TD A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #666666
}
TD.clsBodyItalic
{
    FONT-SIZE: 10pt;
    COLOR: #383838;
    FONT-STYLE: italic
}
.clsBodyText 
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
.clsBodyText A
{
	font-weight:normal;
    COLOR: #626262;
    TEXT-DECORATION: underline;
}
.clsBodyText A:hover
{
	color: #cc0000;
	text-decoration: underline;
}
.clsSmallText
{
    FONT-SIZE: 8pt;
    COLOR: #383838
}
.clsMemberBar
{
    FONT-SIZE: 8pt
}
TD.clsDMData
{
    FONT-SIZE: 10pt
}
TD.clsDMDtlHeader
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 12pt;
    FONT-STYLE: italic
}
TD.clsDMLabel
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 10pt
}
.clsCaption
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #686868
}
TD.clsGreyItalic
{
    FONT-SIZE: 8pt;
    COLOR: #686868;
    FONT-STYLE: italic
}
TD.clsGridDetail
{
    FONT-SIZE: 10pt
}
TD.clsGridData
{
    FONT-SIZE: 10pt
}
TD.clsGridHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #333333;
    BACKGROUND-COLOR: #cccccc;
    TEXT-ALIGN: center
}
.clsHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: #626262;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
.clsHeader A
{
    COLOR: #626262;
}
.clsLine
{
    BACKGROUND-COLOR: #993300
}
.clsInstructions
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt
}
TD.clsLabel
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt
}
.clsLeftPane
{
    PADDING-TOP: 8px;
    BACKGROUND-COLOR: #E7E2D1;
}
.clsNavLogoText
{
    PADDING-LEFT: 45px;
    PADDING-TOP: 20px
}
TD.clsLogoImageText
{
    PADDING-LEFT: 1em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 36px;
    VERTICAL-ALIGN: middle;
    COLOR: #e8e8e8;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    WHITE-SPACE: nowrap
}
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: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
.clsMainPane
{
		height: 95%;
		BACKGROUND-COLOR: #F9F3E8;
		padding-left : 8px;
		padding-right : 8px;
		padding-top : 8px;
}
TD.clsWebLink
{
	PADDING-LEFT: 4px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #626262;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
TD.clsWebLink A
{
    FONT-WEIGHT: normal;
    COLOR: #626262;
}
TD.clsWebLinkHdr
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #626262;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
TD.clsWebLinkHdr A
{
    COLOR: #626262;
}
.clsButton A
{
    BORDER-RIGHT: silver 2px outset;
    PADDING-RIGHT: 4px;
    BORDER-TOP: 2px outset;
    PADDING-LEFT: 4px;
    BORDER-LEFT: 2px outset;
    COLOR: #333333;
    BORDER-BOTTOM: 2px outset;
    BACKGROUND-COLOR: silver;
    TEXT-DECORATION: none
}
.clsButton A:hover
{
    BORDER-RIGHT: 2px outset;
    BORDER-TOP: 2px outset;
    BORDER-LEFT: 2px outset;
    COLOR: red;
    BORDER-BOTTOM: 2px outset;
    BACKGROUND-COLOR: silver
}
.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: 10pt;
    BORDER-LEFT: #e8e8e8 2px outset;
    COLOR: #989898;
    BORDER-BOTTOM: #e8e8e8 2px inset;
    BACKGROUND-COLOR: #993300
}
.clsBlankTab
{
    BORDER-BOTTOM: #e8e8e8 2px inset
}
.clsTabSel
{
    BORDER-RIGHT: #e8e8e8 4px outset;
    BORDER-TOP: #e8e8e8 2px outset;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    BORDER-LEFT: #e8e8e8 2px outset;
    COLOR: #fce97c;
    BACKGROUND-COLOR: #993300
}
.clsTab A
{
    FONT-SIZE: 10pt;
    COLOR: #989898;
    TEXT-DECORATION: none
}
.clsTab A:active
{
    FONT-SIZE: 10pt;
    COLOR: #989898;
    TEXT-DECORATION: none
}
.clsTabSel A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #fce97c;
    TEXT-DECORATION: none
}
.clsDMAddress
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 12pt
}
.clsDMHeader
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 11pt
}
.clsDMNotSpecified
{
    FONT-SIZE: 10pt;
    COLOR: #c0c0c0;
    FONT-STYLE: italic
}
.clsError
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #666666
}
.clsSuccess
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #E0C6A0;
}
.clsError A
{
    COLOR: #0000ff
}
.clsNoHeader
{
    BACKGROUND-COLOR: #fafae9
}
.clsSmall
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
.PreviewPane
{
    BORDER-RIGHT: thin groove;
    BORDER-TOP: thin groove;
    BORDER-LEFT: thin groove;
    BORDER-BOTTOM: thin groove
}
.PreviewHeader
{
    BACKGROUND-COLOR: #3cb371
}
.tbButtonActive
{
    BORDER-RIGHT: 2px inset;
    BORDER-TOP: 2px inset;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BORDER-LEFT: 2px inset;
    COLOR: white;
    BORDER-BOTTOM: 2px inset;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    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: 10pt
}
.clsCopyright
{
    COLOR: #e8e8e8
}
.clsCopyright A
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 8pt;
    COLOR: #e8e8e8
}
.clsFader
{
    BORDER-TOP: #336699 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 3px;
    COLOR: #336699;
    LINE-HEIGHT: 11pt;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: #336699 1px solid;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center
}
.clsFader A
{
    COLOR: #336699;
    font-style : normal;
    font-weight : normal;
}
.clsFader A:hover
{
}
.clsTree
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}
.clsTreeNde
{
    COLOR: black
}
.clsTreeNdeActive
{
    COLOR: white;
    BACKGROUND-COLOR: navy
}
.clsContainer
{
    BORDER-RIGHT: #000000 1px ridge;
    BORDER-TOP: #000000 1px ridge;
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px;
    BORDER-LEFT: #000000 1px ridge;
    BORDER-BOTTOM: #000000 1px ridge;
        background-color : #C5BAA4;
        }
.clsTopSignIn
{
    BACKGROUND-COLOR: #E7E2D1;
	PADDING-RIGHT: 0px;
}
.clsFooter
{
    COLOR: #F9F3E8;
}
.clsBodyText P
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}
.clsButton
{
    BORDER-RIGHT: white thin;
    PADDING-RIGHT: 2px;
    BORDER-TOP: white thin;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    BORDER-LEFT: white thin;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: white thin
}
.clsTopLogoImage
{
    BACKGROUND-COLOR: #ffffff
}
.clsBorder
{
	border-right: #c1c1c1 1px solid;
}
