/* The body element of all the masterpages have this style	*/
/* That is the main, top, side and footer masterpages	*/
body
{
font-family: Verdana;
font-size: 8pt;
margin: 0px;
padding: 0px;
border: 0px;
background-color: #f2f2f2;
}


/* Top Frame Style Classes ********************/

table.topFrameLayoutTable
{

margin: 0px 0px 0px 0px;
border: 0px;
padding: 0px 0px 0px 0px;
}

/* The Main Menu Style Classes ****************/

table.navbar
{
font-size: 8pt;
margin: 0px;
padding: 0px;  
font-weight: bold;
background-color: #f2f2f2;
cursor: pointer;
}

table.menu
{
font-size: 8pt;
margin: 0px;
padding: 0px;
font-weight: bold;
background-color: #f2f2f2;
vertical-align: middle;
}

/*
This is the style for menu items in the top menu and the bottom menu as they are displayed on the
page when the mouse cursor is not hovering over them.
*/
td.menuNormalBlack
{
width: 100px;
font-size: 8pt;
padding: 0px 0px 0px 0px;
border-style: solid;
border-color: #f2f2f2;
border-right-width: 2px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
color: #010101;
font-weight: bold;
vertical-align: middle;
background-image: url('./Images/menuButtonBlue.gif');
cursor: pointer;
}

/*
This is the style for the blank extra menu sections in the top menu and the bottom menu as they 
are displayed on the page.
*/
td.menuNormal
{
width: 40px;
font-size: 8pt;
padding: 0px 0px 0px 0px;
border-style: solid;
border-color: #f2f2f2;
border-right-width: 2px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
color: #010101;
font-weight: bold;
vertical-align: middle;
background-image: url('./Images/menuButtonBlue.gif');
cursor: pointer;
}




/*
This is the style for menu items in the top menu as they are displayed on the
page when the mouse cursor is hovering over them and while they are not active.
*/
td.menuHoverBlack
{
width: 100px;
padding: 0px 0px 0px 0px;
border-style: solid;
border-color: #f2f2f2;
border-right-width: 2px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
color: #010101;
font-weight: bold;
vertical-align: middle;
background-color: #FFD649;
background-image: url('./Images/menuButtonBlueActive.gif');
background-position: bottom;
cursor: hand;
}

/*
This is the style for the menu items in the top menu when they are active, whether the mous cursor
is hovering over them or not.
*/	
td.topMenuActiveBlack
{
width: 100px;
padding: 0px 0px 0px 0px;
border-style: solid;
border-color: #f2f2f2;
border-right-width: 2px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
color: #d80000;
font-weight: bold;
vertical-align: middle;
background-color: #FFD649;
background-image: url('./Images/menuButtonBlueActive.gif');
background-position: bottom;
cursor:	hand;
}

/*
This is the style for menu items in the top menu as they are displayed on the
page when the mouse cursor is hovering over them and while they are not active,
and while a dropped menu is displayed for the menu item.
*/
td.droppedMenuHoverBlack
{
width: 100px;
padding: 0px 0px 0px 0px;
border-style: solid;
border-color: #f2f2f2;
border-right-width: 2px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
color: #010101;
font-weight: bold;
vertical-align: middle;
background-color: #FFD649;
background-image: url('./Images/menuButtonBlueActive.gif');
background-position: bottom;
cursor: default;
}

/*
This is the style for menu items in the top menu as they are displayed on the
page when the mouse cursor is hovering over them and while they are active,
and while a dropped menu is displayed for the menu item.
*/
td.droppedMenuActiveBlack
{
width: 100px;
padding: 0px 0px 0px 0px;
border-style: solid;
border-color: #f2f2f2;
border-right-width: 2px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
color: #d80000;
font-weight: bold;
vertical-align: middle;
background-color: #FFD649;
background-image: url('./Images/menuButtonBlueActive.gif');
background-position: bottom;
cursor:	default;
}

/*
This is the style for menu items in the top menu as they are displayed on the
page when the mouse cursor is hovering over them and while they are active,
and while a dropped menu is displayed for the menu item.
*/
td.topMenuDroppedMenuItemNormalBlack
{
width: 100px;
font-size: 8pt;
padding: 0px 0px 0px 0px;
border: 0px;
color: #010101;
font-weight: bold;
vertical-align: middle;
background-color: #0085F2;
cursor: default;
}				


/*
This is the style for menu items in the dropdown menus of the top menu as they 
are displayed on the page when the mouse cursor is hovering over them and 
while they are not active.
*/
td.topMenuDroppedMenuItemHoverBlack
{
width: 100px;
padding: 0px 0px 0px 0px;
color: #010101;
font-weight: bold;
vertical-align: middle;
background-color: #f2f2f2;
cursor: hand;
}

/*
This is the style for menu items in the dropdown menus of the top menu as they 
are displayed on the page when the while they are active, whether the mouse cursor
is hovering over them or not.
*/
td.topMenuDroppedMenuItemActive
{
width: 100px;
padding: 0px 0px 0px 0px;
color: #d80000;
font-weight: bold;
vertical-align: middle;
background-color: #73C2FF;
cursor: hand;
}

div.menuNormal
{
display: none;
position: static;
}

div.menuHover
{
border: 0px;
background-color: #bcbcbc;
display: inline;
position: absolute;
}
/** End The Main Menu Style Classes ****************/
	
/** End Top Frame Style Classes ********************/

/** Footer Frame Styles ****************************/

table.quickLinksMenuTable
{
font-family: Verdana;
font-size: 8pt;
margin: 0px;
padding: 0px;
font-weight: bold; 
width: 800px;
height: 10px;
}

/*
This is the style for the menu items in the bottom menu when they are active, whether the mouse cursor
is hovering over them or not.
*/	
td.bottomMenuActiveBlack
{
width: 100px;
padding: 0px 0px 0px 0px;
border-color: #f2f2f2;
border-style: solid;
border-right-width: 2px;
border-left-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
color: #010101;
font-weight: bold;
vertical-align: middle;
background-image: url('./Images/menuButtonReverse.gif');
background-position: bottom;
cursor: hand;
}


/** End Footer Frame Style Classes *****************/



/** Side Frame Styles ******************************/

table.sideFrameLayoutTable
{
padding: 0px 0px 0px 0px;
font-family: Verdana;
font-size: 8pt;
}

td.sideFrameHeading
{
height: 10px;
color: #d80000;
font-weight: bold;
font-size: 8pt;
padding-left: 5px;
background-image: url('./Images/sideMenuHeadingBackBlue.gif');	
}

/** End Side Frame Styles **************************/

/** Main Frame Styles ******************************/

/*	This table defines the layout for the content pages displayed in the main frame and provides a
	placeholder for the content to be placed on the page */
table.contentPageLayoutTable
{
width: 765px;/*was775*/
font-size: 8pt;
font-family: Verdana;
vertical-align: top;
}

/*  This class is used by the table that is used to create the heading at the top
    of each content table. This table is found in the HeadingControl control */
table.headingControlTableBlack
{
border-top: solid 5px #010101;
border-bottom: solid 5px #010101;
}

td.sectionHeadingBlack
{
color: #010101;
padding-left: 3px;
font-family: Verdana;
font-weight: bold;
font-size: 10pt;
border-bottom: solid 1px #f2f2f2;
border-top: solid 1px #f2f2f2;
width: 100%;
/*background-color: #f2f2f2;*/
background-image: url('./Images/menuButtonSand.gif');
}

.contentPageButton
{
/*background-color: #bcbcbc;*/
color: #d80000;
font-family: Verdana;
font-weight: bold;
font-size: 8pt; 
}

.contentPageTextbox
{
font-family: Verdana;
color: Black;
background-color: White;
font-size: 8pt;
}

.contentPageDropDownList
{
font-family: Verdana;
color: Black;
background-color: White;
font-size: 8pt;
}

.contentPageInputControl
{
font-family: Verdana;
color: black;
background-color: white;
font-size: 8pt;
}

/** End Main Frame Styles **************************/


/* Style for the scrollbar of the main frame*/
.mainFrameScrollBar
{
scrollbar-3dlight-color: black;
scrollbar-arrow-color: black;
scrollbar-base-color: #F1DD9A;
}

/* Style for the site map */
.parentNode
{
  background-color: Transparent;
  width: 200px;
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	color: #d80000;
	font-weight: bold;
	vertical-align: middle;
	cursor: default;
}

.leafNode
{
  background-color: Transparent;
  width: 200px;
	padding: 0px 0px 0px 0px;
	border-style: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	color: #010101;
	font-weight: bold;
	vertical-align: middle;
	cursor: hand;
}