/* 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.:
	}
		
	
* Capitalize all colors.
	
--------------------------------------------------------------------------------------------------- */													   


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

body
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


a
{
    font-weight: bold;
}

a:link
{
	color: #666666;
}

a:visited
{
	color: #999999;
}

a:hover
{
	text-decoration: none;
}

a:active
{
}

h1
{
	padding-top: 35px;
	font-size: 18px;
}

h2
{
	padding-top: 20px;
	font-size: 16px;
}

h3
{
	padding-top: 20px;
	font-size: 14px;
}


p, div, td
{
	font-size: 12px;
	line-height: 16px;
}

form
{
    margin-bottom: 0px;
}

input, select, textarea
{
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	padding-left: 3px;
	padding-bottom: 2px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


input
{
	border-width: expression((this.type == "text" || this.type == "password" || this.type == "file") ? '1px' : '0');
}

.ContentWrapper /* method to add a border around the entire content */
{
	border: #000000 1px solid;
	vertical-align: top;
}

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



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

.clsTopSignIn /* background for top most bar */
{
	background-color: #000000;
}

.clsTopLogoImage /* space between sign in button and menu */
{
	background-color: #000000;
} 

.clsLogoImage /* background color or image for header/logo image */
{
	background-color: #000000;
}

td.clsLogoImageText /*   */
{
	padding-left: 36px;
	background-color: #E9E7D2;
	font-size: 36px;
	font-weight: bold;
	vertical-align: middle;
    color: #E8E8E8;
	white-space: nowrap;
}

.clsNavLogoText /*   */
{
    padding-top: 20px;
    padding-left: 45px;
}

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


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



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

.clsFader /* general display properties */
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; /* does not work */
	text-align: left;
	color: #FFFFFF;
}

.clsFader a
{
	font-weight: normal;
	text-decoration: none;
    color: #FFFFFF;
}

.clsFader a:hover
{
	text-decoration: underline;
}

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



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

#slidemenubar /* horizontal top menu class */
{
	padding-top: 10px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #000000;
	vertical-align: top;
}

#slidemenubar a /* menu item in the top menu */	
{
	margin-top: 2px;
	margin-bottom: 2px;
	padding-right: 6px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: capitalize;
	line-height: 18px; 
	color: #FFFFFF;
	cursor: pointer;
}

#slidemenubar a:hover, #slidemenubar a:active, #slidemenubar a.active /* selected or hovered over menu item in top menu */
{
	color: #C8C8C8;	
}

.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*/
{
	border-right-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
}

.slidemenu a, .slidemenu a:link, .slidemenu a:visited /* item in the drop down menu */	
{
	border-top-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	line-height: 14px;
	color: #000000;
	display: block;
	cursor: pointer;
}

.slidemenu a:hover, .slidemenu a:active, .slidemenu a.menuActive /* mouseover effect for drop down menu items */
{
	background-color: #828282;
	line-height: 14px;
	color: #FFFFFF;
}

.ArrowDown
{
	display: none;
}

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



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

table.clsPage /* container for the header region of the page (excluding menu) */
{
	background-color: #000000;
}

.clsMainPane /* main page container */
{
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #FFFFFF;
}

.clsLeftPane /* background to navigation bar (horizontal?) */
{
	background-color: #FFFFFF;
}

body.clsLeftPane /* background to navigation bar (horizontal?) */
{
    background-color: #FFFFFF;
}

table.clsPageMenu /* controls the upper portion of the page (uusally were button appear */
{
}

table.clsPageMenu td /* tighter control for laying our subnav */
{
}

table.clsPageMenu td a
{
	font-weight: bold;
}

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



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

.clsHeader /* page title */
{
	padding-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

.clsHeader a
{
}

.clsHeader a:hover
{
}

.clsBodyText /* controls body text for main sections */
{
}

.clsBodyText a
{
}

.clsBodyText a:hover
{
}

.clsInstructions /* test that appears next to balloons */
{
	font-size: 10px;
	line-height: 16px;
}

.clsSmallText /*   */
{
    font-size: 9px;
    color: #666666 !important;
}

.clsCaption /*   */
{
	font-size: 12px;
	font-weight: normal;
	color: #686868
}

.clsError /*   */
{
	font-size: 12px;
	font-weight: bold;
    color: #666666
}

.clsError a
{
    color: #0000ff
}

.clsSuccess /*   */
{
    font-size: 12px;
    font-weight: bold;
    color: #339966;
}

td.clsGreyItalic /*   */
{
	font-size: 10px;
    font-style: italic;
	color: #686868;	
}

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

.clsEvent /*   */
{
    font-size: 10px;
}

.clsSignIn a /*   */
{
    font-style: italic;
	color: #E7E7E7;
}

.clsMemberBar /*   */
{
    font-size: 10px;
}

.clsCopyright /*   */
{
    color: #E8E8E8;
}

.clsCopyright a /*   */
{
    font-size: 9px;
    color: #E8E8E8;
}

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



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

td.clsLabel /* text labels on controls */
{
	font-size: 11px;
	font-weight: bold;
}

.clsLabelMand /* required text labels on controls */
{
	font-size: 11px;
	font-weight: bold;
}

.clsButton /* custom buttons */
{
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.clsButton a
{
/*	border-top-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-left-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;*/
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	background: #000000;
	padding-left: 9px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.clsButton A:hover
{
	background-color: #C8C8C8;
	color: #000000;
}

.clsButton A:visited
{
	color: #FFFFFF;
}

.clsButton A:active
{
	background-color: #FFFFFF;
	color: #000000;
}

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

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



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

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

td.clsGridData /* search results */
{
	font-size: 11px;
}

td.clsGridDetail /*   */
{
    font-size: 11px;
}

/* End data grid classes -------------------------------------------------------------------------- */



/* Calendar classes ------------------------------------------------------------------------------- */

.clsFullMonth, select.clsFullMonth /* header title or dropdown */
{
    background-color: #A2A192;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #E9E7D2;
}

.clsCalDay, .clsCalDay a /* date number */
{
	font-size: 13px;
	line-height: 14px;
}

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

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

.clsCalEvents /* events */
{
	font-size: 13px;
	line-height: 14px;
	color: #CCCCCC;
}

.calEvent /* events (override calendat component */
{
	font-size: 10px;
	line-height: 12px;
}


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

.clsCalHoliday a
{
	font-size: 13px;
	color: #000000;
}

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

/* print calendar - ticket: 24540 */
#tblCal *
{
 font-family: arial, sans-serif;
 font-size: 7.5pt;
 line-height: 1.0;
}
@media print
{
  #tblCal
  {
   font-family: arial, sans-serif;
   font-size: 7.5pt;
   line-height: 1.0;
  }
}

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



/* Tab(?) classes ------------------------------------------------------------------------------------ */

.clsTabs /*   */
{
	margin-left: 0px;
	border-right-color: #E8E8E8;
	border-right-width: 2px;
	border-right-style: outset;	
	border-bottom-color: #E8E8E8;
	border-bottom-width: 2px;
	border-bottom-style: outset;	
	border-left-color: #E8E8E8;
	border-left-width: 2px;
	border-left-style: outset;	    
}

.clsTab /*   */
{
	border-top-color: #E8E8E8;
	border-top-width: 2px;
	border-top-style: outset;
	border-right-color: #E8E8E8;
	border-right-width: 2px;
	border-right-style: solid;	
	border-bottom-color: #E8E8E8;
	border-bottom-width: 2px;
	border-bottom-style: inset;	
	border-left-color: #E8E8E8;
	border-left-width: 2px;
	border-left-style: outset;	
	background-color: #003700;
	font-size: 12px;
	font-weight: bold;
	color: #989898;	
}

.clsBlankTab /*   */
{
	border-bottom-color: #E8E8E8;
	border-bottom-width: 2px;
	border-bottom-style: inset;
}

.clsTabSel /*   */
{
	border-top-color: #E8E8E8;
	border-top-width: 2px;
	border-top-style: outset;
	border-right-color: #E8E8E8;
	border-right-width: 4px;
	border-right-style: outset;	
	border-left-color: #E8E8E8;
	border-left-width: 2px;
	border-left-style: outset;	
	background-color: #003700;
	font-size: 12px;
	font-weight: bold;
	color: #FCE97C;
}

.clsTab a /*   */
{
	font-size: 12px;
	text-decoration: none;
	color: #989898;
}

.clsTab a:active /*   */
{
	font-size: 12px;
	text-decoration: none;
	color: #989898;
}

.clsTabSel a /*   */
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FCE97C;
}

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



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

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

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

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

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



/* Menu classes(?) -------------------------------------------------------------------------------- */

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

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

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

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

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



/* DM(?) classes ---------------------------------------------------------------------------------- */

td.clsDMData /*   */
{
    font-size: 11px;
}

td.clsDMDtlHeader /*   */
{
	font-size: 14px;
    font-weight: bold;
	font-style: italic;
}

td.clsDMLabel /*   */
{
    font-size: 11px;
}

.clsDMAddress /*   */
{
	font-size: 14px;
}

.clsDMHeader /*   */
{
	font-size: 13px;
	font-weight: bold;
}

.clsDMNotSpecified /*   */
{
	font-size: 12px;
	font-style: italic;
	color: #C0C0C0;
}

/* End DM(?) classes ------------------------------------------------------------------------------ */



/* WebLink(?) classes -------------------------------------------------------------------------------- */

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

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

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

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

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



/* TB(?) classes ---------------------------------------------------------------------------------- */

.tbButtonActive /*   */
{
	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: #E9E5DD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

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

.tbWrapper /*   */
{
	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: #D3D3D3;
}

.tbButtonOver /*   */
{
	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: #D3D3D3;
}

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



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

.clsFooter /* controls entire bottom portion of page (main options: background-color, padding) */
{
	background-color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C8C8C8;
}

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

.clsSmall a:link, .clsSmall a:visited, .clsSmall a:active 
{
    color: #C8C8C8;
	text-decoration: none;
}

.clsSmall a:hover
{
    color: #FFFFFF;
	text-decoration: none;
}

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



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

.clsHeaderPopUp /* new popup header class w/o the padding - ts 3/16/04 (?) */
{
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	color: #000000;
}

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


.clsNoHeader /*   */
{
	background-color: #FAFAE9;
}


.PreviewPane /*   */
{
	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 /*   */
{
	background-color: #A2A192
}

#elfader /*   */
{
	visibility: hidden;
	width: 100px;
	position: relative;
}

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