td.topMenu
	{
	width: 100%;
	padding: 0px 0px 0px 0px;
	background-image: url("../GraphicsUI/bgWhiteToLightGrey_1x15.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	}

table.topMenu
	{
	width: 100%;
	}

td.topMenuLogoAndSubtitle
	{
	width: 320px; /*Must equal size of largest element.*/
	}

td.topMenuLogo
	{
	width: 320px; /*Width and height must be sufficient for logo size and margins established in the position.*/
	height: 75px;
	background-image: url("../GraphicsUI/logo_310x63.jpg");
	background-repeat: no-repeat;
	background-position: 10px 10px;
	}

td.topMenuSubtitle
	{
	height: 35px;
	vertical-align: middle;
	padding: 0px 0px 0px 15px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#333333;
	text-decoration: none;
	}

td.topMenuMessageBarAndMenu
	{
	width: 660px;
	vertical-align: top;
	}

td.topMenuMessageBarHomePage
	{
	width: 660px;
	height: 45px; 
	vertical-align: middle;
	padding: 12px 25px 0px 0px;
	background-image: url("../GraphicsUI/bgGreyAquaNotched_680x45.jpg");
	background-repeat: no-repeat;
	text-align: right;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#333333;
	text-decoration: none;
	}

td.topMenuMessageBar
	{
	width: 660px;
	height: 45px; 
	vertical-align: middle;
	padding: 0px 30px 0px 0px;
	background-image: url("../GraphicsUI/bgGreyAquaNotchedMagMan_680x45.jpg");
	background-repeat: no-repeat;
	text-align: right;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#333333;
	text-decoration: none;
	}

td.topMenuMessageBarSpacer
	{
	width: 660px;
	height: 29px;  /*Given that all menu items are 35px high and the total height defined in td.topMenuLogo and topMenuSubitle is 110, this plus MessageBar can be up to 75. 74 Chosen to display bottom 1px of the td.topMenu background image given that parent td.topMenuMessageBarAndMenu defines vertical alignment as top.*/
	}

td.topMenuItemSelectedLeft
	{
	width: 10px;
	height: 35px;
	background-image: url("../GraphicsUI/bgTabSelectedGrayBottomLeft_10x35.gif");
	}

td.topMenuItemSelectedMiddle
	{
	height: 35px;
	vertical-align: middle;
	padding: 0px 15px 0px 15px; /*Vertical padding is handled by the height and vertical-align property thus top and bottom are zero.*/
	background-image: url("../GraphicsUI/bgTabSelectedGrayBottomMiddle_10x35.gif");
	}

td.topMenuItemSelectedRight
	{
	width: 10px;
	height: 35px;
	background-image: url("../GraphicsUI/bgTabSelectedGrayBottomRight_10x35.gif");
	}

td.topMenuItemUnselectedLeft
	{
	width: 10px;
	height: 35px;
	background-image: url("../GraphicsUI/bgTabUnselectedLeft_10x35.gif");
	}

td.topMenuItemUnselectedMiddle
	{
	height: 35px;
	vertical-align: middle;
	padding: 0px 15px 0px 15px; /*Vertical padding is handled by the height and vertical-align property thus top and bottom are zero.*/
	background-image: url("../GraphicsUI/bgTabUnselectedMiddle_10x35.gif");
	}

td.topMenuItemUnselectedRight
	{
	width: 10px;
	height: 35px;
	background-image: url("../GraphicsUI/bgTabUnselectedRight_10x35.gif");
	}

td.topMenuItemSeparator
	{
	width: 0px;
	}

td.mainpageMenuSpacing
	{
	width: 10px;
	}

td.bottomMenuMessageBar
	{
	height: 20px;
	background-color: #999999;
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #535353;
	}

td.bottomMenuItem
	{
	height: 20px;
	background-color: #333333;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#FFFFFF;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	}

a.topMenuSelected:link, a.topMenuSelected:visited
	{
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#333333;
	text-decoration: none;
	white-space: nowrap;
	}

a.topMenuSelected:hover, a.topMenuSelected:active
	{
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#333333;
	text-decoration: underline;
	white-space: nowrap;
	}

a.topMenuUnselected:link, a.topMenuUnselected:visited
	{
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#FFFFFF;
	text-decoration: none;
	white-space: nowrap;
	}

a.topMenuUnselected:hover, a.topMenuUnselected:active
	{
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#FFFFFF;
	text-decoration: underline;
	white-space: nowrap;
	}

a.bottomMenu:link, a.bottomMenu:visited
	{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#FFFFFF;
	text-decoration: none;
	white-space: nowrap;
	}

a.bottomMenu:hover, a.bottomMenu:active
	{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#FFFFFF;
	text-decoration: underline;
	white-space: nowrap;
	}

