/* New Slide out Menu classes ===================================================================== */
/* Horizontal top menu class */
#slidemenubar 
{
	background:#FFFFFF url(/images/tabs/70menuBg.gif);
  height: 23px;
}

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

/* Selected or Hovered over Menu Item in top menu */
#slidemenubar a.active, #slidemenubar a:Hover 
{
	background:#FFFFFF url(/images/tabs/70menuBgSel.gif);
	  height: 16px;
}

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

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

/* drop down menu container*/
.slidemenu .options 
{
	/*BORDER-RIGHT: buttonhighlight thin outset;
  BORDER-TOP: buttonhighlight thin outset;
  BORDER-LEFT: buttonhighlight thin outset;
  BORDER-BOTTOM: buttonhighlight thin outset;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);*/
  BACKGROUND-COLOR: #660000;
	border: solid 1px #660000;
  margin-right:1px;
	margin-bottom:1px;
}
/* Item in the drop down menu */	
.slidemenu a 
{
	PADDING-RIGHT: 15px;
  PADDING-LEFT: 10px;
  CURSOR: hand;
  LINE-HEIGHT: 18px;
 /* BORDER-BOTTOM: white 1px solid;*/
  font-weight: normal;
	color: #FFFFFF;
	display:block;
}
/* more arrow for sub menus with children */
.slidemenu .more
{
	background-image:url(/images/tabs/70arrowRight.gif);
	background-position: center right;
	background-repeat:no-repeat; 
}

/* Mouseover effect for drop down menu items */
.slidemenu a:hover, .slidemenu a.menuActive 
{
	BACKGROUND-COLOR: #990000;
	text-decoration: none;
	color: #FFFFFF;
}
/* End New Slide out menu classes ================================================================= */

/* New Horizontal Menu Classes ==================================================================== */
/* Horizontal top menu class */
.menuBar
{
	background:#FFFFFF url(/images/tabs/70menuBg.gif);
  POSITION: relative;
  height: 24px;
}
/* Menu Item in the top menu */
.Bar
{
	BORDER-Right: 1px outset #660000;
  CURSOR: hand;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 5px;
  POSITION: relative;
  font-weight: bold;
	color: #FFFFFF;
	height:24px;
}
/* Selected or Hovered over Menu Item in top menu */
.BarSelected
{
	background:#FFFFFF url(/images/tabs/70menuBgSel.gif);
  BORDER-Right: 1px outset #660000;
  CURSOR: hand;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 5px;
  POSITION: relative;
  font-weight: bold;
	color: #FFFFFF;
	height:24px;
}
/* PC DROP DOWN MENU ================================================================ */
/* drop down menu container*/
.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: #CCCCCC;
  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: normal;
	color: #FFFFFF;
}
/* 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: #999999;
  font-weight: normal;
	color: #FFFFFF;
}

/* class for the right arrow in sub menu items with children */
.Arrow
{ 
  padding-top:2px;
}
.ArrowDown
{
	display:none;
}
/* MAC SETTING FOR DROP DOWN ================================================================ */
/* horizontal submenu bar FOR MAC*/
.subMenuBar
{
	padding-top: 2px;
	BACKGROUND-COLOR: #FFFFFF;
  	height: 18px;
}

/* horizontal submenu items  FOR MAC*/
.subMenuItem
{
  FONT-WEIGHT: normal;
  CURSOR: hand;
  padding-right: 5px;
  padding-left: 5px;
  POSITION: relative;
  BORDER-Right: 1px outset #660000;
  background:#FFFFFF;
}

/* horizontal submenu items  FOR MAC*/
.subMenuItem A
{
    FONT-WEIGHT: normal;
  color: #333333!important;
}
.subMenuItem A:hover
{
	FONT-WEIGHT: normal;
	color: #333333!important;
	text-decoration: underline;
}
/* horizontal submenu item Selected  FOR MAC**/
.subMenuItemSelected
{
	FONT-WEIGHT: normal;
	CURSOR: hand;
	padding-right: 5px;
	padding-left: 5px;
	POSITION: relative;
	BORDER-Right: 1px outset #000033;
	text-decoration: underline;
}
.subMenuItemSelected A
{
	FONT-WEIGHT: normal;
	color: #333333!important;
	text-decoration: underline;
}
/* End New Horizontal Menu classes ================================================================ */

/* style for MAIN NAV*/
A
{
    FONT-WEIGHT: bold;
    COLOR: #660000;
    TEXT-DECORATION: none
}
/* style for MAIN NAV ROLLOVER*/
A:hover
{
    COLOR: #660000}
A:active
{
}
H1
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	COLOR: #000066;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	padding-top: 35px;
}
H2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 16px;
    COLOR: #000066;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
H3
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #000066;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
TD
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
DIV
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
P
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
INPUT
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
SELECT
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
TEXTAREA
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
BODY
{
    MARGIN: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #000000;
}
BODY.clsLeftPane
{
    BACKGROUND-COLOR: #cccccc
}
.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: #FFFFCC;
    BACKGROUND-COLOR: #660000;
    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: #CCCCCC}
.clsCalHoliday
{
    FONT-SIZE: 13px;
    BACKGROUND-COLOR: #cccccc
}
.clsCalHoliday A
{
    FONT-SIZE: 13px;
    COLOR: #660000
}
.clsCalText
{
    FONT-SIZE: 11px
}
.clsMenuActive A
{
    FONT-WEIGHT: bold;
    COLOR: #660000
}
.clsMenuActive
{
    FONT-SIZE: 15px;
    PADDING-BOTTOM: 2px;
    COLOR: #660000;
    TEXT-INDENT: 5px;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.clsMenu A
{
    FONT-WEIGHT: bold;
    COLOR: #660000}
.clsMenu
{
    FONT-SIZE: 15px;
    PADDING-BOTTOM: 2px;
    TEXT-INDENT: 5px;
    PADDING-TOP: 2px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}
TABLE.clsPage
{
    BACKGROUND-COLOR: #FFFFFF
}
TABLE.clsPageMenu
{
}
TABLE.clsPageMenu TD
{
}
TABLE.clsPageMenu TD A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #660000}
TD.clsBodyItalic
{
    FONT-SIZE: 11px;
    COLOR: #383838;
    FONT-STYLE: italic
}
.clsBodyText
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(/images/70bullet.gif);
}
.clsBodyText A
{
	COLOR: #660000;
	font-size: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.clsBodyText A:hover
{
	COLOR: #660000;
	font-size: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.clsSmallText
{
    FONT-SIZE: 10px;
    COLOR: #383838
}
.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: 11px;
    COLOR: #686868
}
TD.clsGreyItalic
{
    FONT-SIZE: 10px;
    COLOR: #686868;
    FONT-STYLE: italic
}
TD.clsGridDetail
{
    FONT-SIZE: 11px
}
TD.clsGridData
{
    FONT-SIZE: 11px
}
TD.clsGridHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #660000;
    TEXT-ALIGN: center
}
/* New popup header class w/o the padding - ts 3/16/04 */
.clsHeaderPopUp
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #660000;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
}
.clsHeader
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	COLOR: #000066;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	padding-top: 25px;
}
.clsHeader A
{
    COLOR: #000066}
.clsHeader A:hover
{
	COLOR: #000066;
	text-decoration: underline;
}
.clsLine
{
    BACKGROUND-COLOR: #003700}
.clsInstructions
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px
}
TD.clsLabel
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px
}
.clsLeftPane
{
    BACKGROUND-COLOR: #FFFFFF
}
.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: Verdana, Arial, Helvetica, sans-serif;
}
.clsMainPane
{
    PADDING-RIGHT: 50px;
    PADDING-LEFT: 50px;
    PADDING-TOP: 10px;
    PADDING-BOTTOM: 10px;
    BACKGROUND-COLOR: #ffffff
}
TD.clsWebLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #660000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
TD.clsWebLink A
{
    COLOR: #660000}
TD.clsWebLinkHdr
{
    FONT-WEIGHT: 800;
    FONT-SIZE: 11px;
    COLOR: #660000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
TD.clsWebLinkHdr A
{
    COLOR: #660000
}

.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: 11px;
	COLOR: #660000;
	TEXT-DECORATION: none;
	border: white 2px outset;
}
.clsButton A:hover
{
	padding-left: 4px;
	border-right: white 2px outset;
	border-top: white 2px outset;
	background: #999999;
	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: 11px;
    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: 13px;
    BORDER-LEFT: #e8e8e8 2px outset;
    COLOR: #fce97c;
    BACKGROUND-COLOR: #003700
}
.clsTab A
{
    FONT-SIZE: 11px;
    COLOR: #989898;
    TEXT-DECORATION: none
}
.clsTab A:active
{
    FONT-SIZE: 11px;
    COLOR: #989898;
    TEXT-DECORATION: none
}
.clsTabSel A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #fce97c;
    TEXT-DECORATION: none
}
.clsDMAddress
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 14px
}
.clsDMHeader
{
	FONT-WEIGHT: 600;
	FONT-SIZE: 13px;
}
.clsDMNotSpecified
{
    FONT-SIZE: 11px;
    COLOR: #c0c0c0;
    FONT-STYLE: italic
}
.clsError
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #666666
}
.clsSuccess
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #339966
}
.clsError A
{
    COLOR: #0000ff
}
.clsNoHeader
{
    BACKGROUND-COLOR: #fafae9
}
.clsSmall
{
    FONT-SIZE: 10px;
    COLOR: #666666!important;
    FONT-FAMILY: arial
}
.clsSmall A
{
    FONT-SIZE: 10px;
    COLOR: #666666!important;
    FONT-FAMILY: arial
}
.clsSmall A:hover
{
	FONT-SIZE: 10px;
	COLOR: #666666!important;
	FONT-FAMILY: arial;
	text-decoration: underline;
}
.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: 11px;
    BORDER-LEFT: 2px inset;
    COLOR: white;
    BORDER-BOTTOM: 2px inset;
    FONT-FAMILY: 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: 11px
}
.clsCopyright
{
    COLOR: #e8e8e8
}
.clsCopyright A
{
    FONT-WEIGHT: lighter;
    FONT-SIZE: 9px;
    COLOR: #e8e8e8
}
.clsFader
{
	background:#D9D9FF;
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: Left;
	Padding-top: 2px;
	Padding-Left: 5px;
}
.clsFader A
{
    COLOR: #000000;
	FONT-WEIGHT: normal}
.clsFader A:hover
{
	COLOR: #000000;
	text-decoration: underline;
}
.clsTopSignIn
{
    BACKGROUND: #660000 url(/images/70topbkg.jpg) no-repeat;
}
.clsBodyText P
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.clsTopLogoImage
{
    BACKGROUND-COLOR: #660000;
}
.clsLogoImage
{
    BACKGROUND-COLOR: #660000;
}
.clsTree
{
    COLOR: #000000;
    TEXT-DECORATION: none;
    line-height85: 
}
.clsTreeNde
{
    COLOR: black
}
.clsTreeNdeActive
{
    COLOR: white;
    BACKGROUND-COLOR: navy
}
TD.clsLogoImageText
{
    PADDING-LEFT: 1em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 36px;
    VERTICAL-ALIGN: middle;
    COLOR: #e8e8e8;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #FFFFFF
}
.clsCalCurrentDay
{
    FONT-SIZE: 13px;
    COLOR: #d20d0d
}
.clsContainer
{
	BORDER-RIGHT: #FFFFFF 1px solid;
	MARGIN-BOTTOM: 10px;
	BORDER-LEFT: #FFFFFF 1px solid;
    BACKGROUND-COLOR: #FFFFFF;
}
.clsFooter
{
	BACKGROUND: #FFFFFF;
}