/* New Wrapper classes - used for outlines, shadows, etc.
#TopWrapperContainer { display:table-row; }
* html #TopWrapperContainer { display:block; }
.TopWrapper { height:12px; overflow:hidden; background: #ffffff url(/images/wrappers/535bgTop.gif) repeat-x; }
.TopWrapperLeft { height:12px; width:12px; overflow:hidden; background: #ffffff url(/images/wrappers/535bgTopLeft.gif) no-repeat; }
.TopWrapperRight { height:12px; width:12px; overflow:hidden; background: #ffffff url(/images/wrappers/535bgTopRight.gif) no-repeat; }
	
.LeftWrapper { overflow:hidden; background: #ffffff url(/images/wrappers/535bgLeft.gif) repeat-y left; }
.ContentWrapper {}
.RightWrapper { overflow:hidden; background: #ffffff url(/images/wrappers/535bgRight.gif) repeat-y right; }

.BottomWrapper { height:12px; overflow:hidden; background: #ffffff url(/images/wrappers/535bgBottom.gif) repeat-x; }
.BottomWrapperLeft { height:12px; width:12px; overflow:hidden; background: #ffffff url(/images/wrappers/535bgBottomLeft.gif) no-repeat; }
.BottomWrapperRight { height:12px; width:12px; overflow:hidden; background: #ffffff url(/images/wrappers/535bgBottomRight.gif) no-repeat; } */

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

/* Menu Item in the top menu */	
#slidemenubar a 
{
	CURSOR: hand;
	BORDER-Right: 1px solid #FFFFFF;
	padding-right: 7px;
	padding-left: 7px;
	font-weight: bold;
	color: #FFFFFF;
	height: 13px;
	text-decoration: none;
	margin-top: 4px;
	margin-bottom: 2px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

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

/* 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 
note: For Opacity, Mozilla and Safari use "opacity: [0 - 1]" IE uses "filter: alpha(opacity=[0 - 100])" and 
you MUST SPECIFY A WIDTH for the effect to be rendered in IE"*/
.slidemenu .options 
{
	margin-right: 1px;
	margin-bottom: 10px;
	border: 1px solid #746F59;
	background-color: #746F59;
	width:200px;
	opacity: .90;
	filter: alpha(opacity=90);
}
/* 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;
	text-decoration: none;
	/*background-color: #FFFFFF;*/
}
/* more arrow for sub menus with children */
.slidemenu .more
{
	background-position: center right;
	background-repeat:no-repeat; 
  background-image: url(/images/tabs/535arrowRight.gif);
}

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

/* style for MAIN NAV*/
A
{
    FONT-WEIGHT: bold;
    COLOR: #0B3453;
    TEXT-DECORATION: none;
}
/* style for MAIN NAV ROLLOVER*/
A:hover
{
    COLOR: #0B3453;
    TEXT-DECORATION: underline;
}
A:active
{
}
H1
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	COLOR: #0B3453;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	padding-top: 35px;
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    COLOR: #7AA3C2;
    FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
	padding-top: 20px;
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #999999;
    FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
	padding-top: 20px;
}
TD
{
    FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
DIV
{
    FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
P
{
    FONT-SIZE: 9px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
INPUT
{
    FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
SELECT
{
    FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
TEXTAREA
{
    FONT-SIZE: 11px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
BODY
{
    MARGIN: 0px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
    BACKGROUND: #C1E4FF url(/images/535pgbkg.gif) repeat-x;
}
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: #0B3453;
    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: #0B3453
}
.clsCalText
{
    FONT-SIZE: 11px
}
.clsMenuActive A
{
    FONT-WEIGHT: bold;
    COLOR: #0B3453
}
.clsMenuActive
{
    FONT-SIZE: 15px;
    PADDING-BOTTOM: 2px;
    COLOR: #0B3453;
    TEXT-INDENT: 5px;
    PADDING-TOP: 2px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.clsMenu A
{
    FONT-WEIGHT: bold;
    COLOR: #0B3453
	}
.clsMenu
{
    FONT-SIZE: 15px;
    PADDING-BOTTOM: 2px;
    TEXT-INDENT: 5px;
    PADDING-TOP: 2px;
	FONT-FAMILY: 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: #0B3453}
TD.clsBodyItalic
{
    FONT-SIZE: 11px;
    COLOR: #383838;
    FONT-STYLE: italic
}
.clsBodyText
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
    list-style-image: url(/images/64bullet.gif);
}
.clsBodyText P
{
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.clsBodyText A
{
	COLOR: #0B3453;
	font-size: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.clsBodyText A:hover
{
	COLOR: #0B3453;
	font-size: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.clsSmallText
{
    FONT-SIZE: 9px;
    COLOR: #999999!important;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.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: #0B3453;
    TEXT-ALIGN: center
}
/* New popup header class w/o the padding - ts 3/16/04 */
.clsHeaderPopUp
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	COLOR: #0B3453;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
}
.clsHeader
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	COLOR: #0B3453;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	padding-top: 30px;
}
.clsHeader A
{
    COLOR: #0B3453;
	}
.clsHeader A:hover
{
	COLOR: #0B3453;
	text-decoration: underline;
}
.clsLine
{
    BACKGROUND-COLOR: #0B3453}
.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: 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: #0B3453;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
TD.clsWebLink A
{
    COLOR: #0B3453}
TD.clsWebLinkHdr
{
    FONT-WEIGHT: 800;
    FONT-SIZE: 11px;
    COLOR: #0B3453;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
TD.clsWebLinkHdr A
{
    COLOR: #0B3453
}

.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: #0B3453;
	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: 11px;
    BORDER-LEFT: #e8e8e8 2px outset;
    COLOR: #989898;
    BORDER-BOTTOM: #e8e8e8 2px inset;
    BACKGROUND-COLOR: #0B3453
}
.clsBlankTab
{
    BORDER-BOTTOM: #e8e8e8 2px inset
}
.clsTabSel
{
    BORDER-RIGHT: #e8e8e8 4px outset;
    BORDER-TOP: #e8e8e8 2px outset;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BORDER-LEFT: #e8e8e8 2px outset;
    COLOR: #fce97c;
    BACKGROUND-COLOR: #0B3453
}
.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: 11px;
    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: #999999
}
.clsSuccess
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    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: #0B3453
}
.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:#7AA3C2;
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Verdana;
	TEXT-ALIGN: Left;
	Padding-top: 4px;
	Padding-Left: 5px;
	font-weight: bold;
}
.clsFader A
{
    COLOR: #000000;
	font-weight: bold;
}
.clsFader A:hover
{
	COLOR: #000000;
	font-weight: bold;
	text-decoration: underline;
}
.clsTopSignIn
{
    BACKGROUND: #746F59;
}

.clsTopLogoImage
{
    BACKGROUND-COLOR: #FFFFFF;
}
.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, sans-serif;
    WHITE-SPACE: nowrap;
    BACKGROUND-COLOR: #FFFFFF;
}
.clsCalCurrentDay
{
    FONT-SIZE: 13px;
    COLOR: #d20d0d
}
.clsContainer
{
	MARGIN-TOP: 10px;
	MARGIN-BOTTOM: 10px;
	border: 5px solid #FFFFFF;
	background-color: #FFFFFF;
}
.clsFooter
{
    BACKGROUND-COLOR: #FFFFFF;
}