Body
{
	background-color: white;
	FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica;
	font-size: 10px;
	margin-left:0;
	margin-top:0;
}

.topLinks, A.topLinks, A.topLinks:link, A.topLinks:visited, A.topLinks:active  {
    font-size: 11px;
    color:#ffffff;
	text-decoration: none;
	vertical-align:middle;
}
div
{
	padding-top:0;
	padding-bottom:0;
}
span
{
	padding-top:0;
	padding-bottom:0;
}
A.topLinks:hover    {
    text-decoration: underline;
    font-size: 11px;
    color:#ffffff;
	vertical-align:middle;
}
.footer, A.footer, A.footer:link, A.footer:visited, A.footer:active  {
    font-size: 9px;
    color:#000000;
	text-decoration: none;
	vertical-align:middle;
}

A.footer:hover    {
    text-decoration: underline;
    font-size: 9px;
    color:#000000;
	vertical-align:middle;
}

.MainMenu_MenuContainer {
	background-color: transparent;/* if u put a color here, then that color will be added to the bottom
	display:none; if u add this, then the menu wont be visible.*/
	/*height:1px;the height is not getting reduced by this
	background-image:url(whatsnew.jpg);*/
	
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height: 16px;
	background-color: Transparent;/*no effect visible if u put a color here*/
}
.MainMenu_MenuItem {
	border-left: gray 0px solid; 
	border-bottom: gray 0px solid;   /*#ffd085*/
	border-top: gray 0px solid; 
	border-right: gray 0px solid;
	cursor: pointer; 
	cursor: hand; 
	/*color: black; */
	color: #5b5b5b;
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
	/*font-family:Verdana;Tahoma 
	font-size: 8pt; 
	font-weight: bold; 
	font-style: normal; */
	width: 225px;/* this makes all the sub menu items equal in width*/
	/*background-color: white;/*Transparent;*/
	/*background-image:url(whiteBorderSubMenu2.jpg);/*if this is removed, after mouse over, the lines will be vanished..*/ 
    background-image:url(../images/Menu_Border_All_Sides.jpg);
	/*if this bgcolor is transparent, then it will take the bgcolor specified in the Submenu.
      otherwise it wont take the value from the submenu*/ 
	/*background-image: url(pdo2.jpg);*/
	height:32px;/*by adding a height here will increase the submenu height to 32px*/
}
.MainMenu_MenuIcon {
	/*background-color: red;transparent;#ffd085;*/
	/*background-image:url(pdo2.jpg);*/
	border-left: #ffd085 1px solid; 
	border-bottom: #ffd085 1px solid; 
	border-top: #ffd085 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
	display:none;/*this will remove menu icon*/
	
}
.MainMenu_SubMenu 
{
	margin-left: -.3em;
	/*background-color:white;*/
	/*background-image:url(whiteBorderSubMenu.jpg); /*#FFD085; */
	background-image:url(../images/Menu_Border_All_Sides.jpg);
	/*background-image: url(middleMenuH.jpg);*/
	height: 32px;
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand;
	
	font-family: Verdana, Arial, Helvetica;
	/*font-family:Verdana;Tahoma */
	font-size: 8pt; 
	font-weight: bold; 
	font-style: normal;
	color: #5b5b5b;
	
	/*width: 212px; */
	/*border-bottom:red 1px solid; Added these 4 attributes. the result is, u wil get submenu table border 
	border-left:red 1px solid;
	border-right:red 1px solid;
	border-top:red 1px solid;*/
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	/*height:32px;added height attribute, but no effect*/
}

.MainMenu_MenuBreak {
	height: 1px;
	/*border:none; added these fields.. but no use..
	border-bottom:red 1px solid; 
	border-left:red 1px solid;
	border-right:red 1px solid;
	border-top:red 1px solid;*/
}
.MainMenu_MenuItemSel {
	/*background-color: #6BCA9E;/*green;fb541;*/
	background-image:url(../images/MouseOverSubMenu.jpg);
	cursor: pointer; 
	cursor: hand; 
	/*color: black; */
	color: #5b5b5b;
	font-family: Verdana, Arial, Helvetica;
	font-family:Verdana;
	font-size: 8pt; 
	font-weight: bold; 
	font-style: normal;
	height:32px;
	border-left:none 0 white;
	border-left-style:none;
	/*border-left-width:thick;
	width: 212px;*/
}
.MainMenu_MenuArrow {
	border-right: #FFD085 0px solid;  /*changed to 0px from 1px to avoid the narrow line on the right side icon*/
	border-bottom: #FFD085 0px solid; 
	border-top: #FFD085 0px solid;
	border-left:#FFD085 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
	display: none;/*this turn the arrows off*/ 
	
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
	display: none;
	
}

/*.MainMenu_BreadCrumbArrowClass 
{
	visibility:hidden; 
	display:none;
} when added this class for userootbreadcrumbarrow", instead of menu, an error has occured message came .
  so i removed it from the ascx also. then i used userootbreadcrumbarrow="false" in the ascx. It worked!! */
.StandardButton     {
    background: #e08c0b none; 
    color: #ffffff;
    font-family:verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #ffd696;
	border-right: #e08c0b 1px solid; 
	border-top: #e08c0b 1px solid; 
	border-left: #e08c0b 1px solid; 
	border-bottom: #e08c0b 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(../images/gradient_MidTangerine.jpg);
}
.Head   {
   font-family: Tahoma, Arial, Helvetica;
   font-size: 18px;
   font-weight: normal;
   color: #333333;
}


/*newly added 3 blocks*/
.MainMenu_TabRootMenuItem TD
{
	background-image: url(../images/menu.jpg);
	/*background-image: url(middle.jpg);*/
	/*background-color:Green;*/	
	background-position:center left;
	font-family:Verdana;
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	color: #5b5b5b;
	height: 32px;
	/*background-repeat:repeat-x;*/	
	width: 202px;/* to make the menu of hidden pages full in width..
	/*background-repeat:no-repeat;*/
	padding-left: 12px;
}

.MainMenu_TabRootMenuItemSel TD
{
	
	background-image: url(../images/menu.jpg);
	/*background-image: url(middle.jpg);*/
	/*background-color:Green;*/
	font-family:Verdana;
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;	
	color: #5b5b5b;	
	background-position:center left;
	height: 32px;
	/*width: 202px;*/
	width: 190px;/*total width:202=190+12;if u giv width:202 here, the image starts repeating on the right side */
	/*background-repeat:repeat-x;*/
	/*background-repeat:no-repeat;*//*if u add this, then the mouse over image or color will appear for
      a root menu item which doesnt have a sub menu.*/
	/*color:Red;*/
	padding-left: 12px;
	
}

.MainMenu_TabMenuItemHover TD
{
	background-image: url(../images/MenuHover.jpg);
	background-position:center left;
	font-family:Verdana;
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	color: #5b5b5b;/*gray; */
	height:32px;
	/*width: 202px; this will display the menu twice.
	/*background-repeat:no-repeat;*//*if u add this, then the mouse over image or color will appear for
      a root menu item which doesnt have a sub menu.*/
	/*background-color: silver;*/
	padding-left: 12px;
}
p
{
	text-align:justify;
	color : #292929; 
	font-size : 11px; 
	font-family :Verdana, Microsoft Sans Serif;
	line-height:130%;
	 
}
td{
	color : #292929; 
	font-size : 11px; 
	font-family :Verdana, Microsoft Sans Serif;
	line-height: 130%;
}
.pdoTitleGreen
{
color :#008000; 
font-weight:bolder;
font-size : 9.5pt; 
font-family:Trebuchet MS;/*Microsoft Sans Serif;*/
/*line-height: 125%;*/
padding-bottom:15px;
}
h1
{
color :#008000; 
font-weight:bolder;
font-size : 9.5pt; 
font-family:Trebuchet MS;/*Microsoft Sans Serif;*/
line-height: 125%;
}
h2
{
color :#000000; 
font-weight:bolder;
font-size : 9pt; 
font-family:Trebuchet MS;/*Microsoft Sans Serif;*/
line-height: 125%;
}
.welcomeHeader
{
color :#FFB812; 
font-weight:bold;
font-size : 15px; 
font-family:Verdana;/*Microsoft Sans Serif;*/
padding-left:10px;
}
.quicklinks, A.quicklinks, A.quicklinks:link, A.quicklinks:visited, A.quicklinks:active  {
    font-size: 12px;
    color:#003366;
	text-decoration: none;
	vertical-align:middle;
	font-family:Verdana;
}

A.quicklinks:hover    {
    text-decoration: underline;
    font-size: 12px;
    color:#000000;
	vertical-align:middle;
	font-family:Verdana;
}

.normal, A.normal, A.normal:link, A.normal:visited, A.normal:active  {
    font-size: 12px;
    color:#003366;
	text-decoration: none;
	vertical-align:middle;
	font-family:Verdana;
}

A.normal:hover    {
    text-decoration: underline;
    font-size: 12px;
    color:#000000;
	vertical-align:middle;
	font-family:Verdana;
}
.homelinks, A.homelinks, A.homelinks:link, A.homelinks:visited, A.homelinks:active  {
	text-align:justify;
	color : #292929; 
	font-size : 11px; 
	font-family :Verdana, Microsoft Sans Serif;
	line-height:130%;
}

A.homelinks:hover    {
    text-decoration: underline;
	text-align:justify;
	color : #292929; 
	font-size : 11px; 
	font-family :Verdana, Microsoft Sans Serif;
	line-height:130%;
}
.morelinks, A.morelinks, A.morelinks:link, A.morelinks:visited, A.morelinks:active  {
    font-size: 11px;
    color:#00A650;
	text-decoration: none;
	vertical-align:middle;
	font-family:Verdana;
}

A.morelinks:hover    {
    text-decoration: underline;
    font-size: 11px;
    color:#00A650;
	vertical-align:middle;
	font-family:Verdana;
}
UL LI {
	/*list-style-image:url(/eingtech/Portals/0/ul-li.gif);*/
	LIST-STYLE-TYPE:square;
	list-style-position: inherit;
	text-align:justify;
	color : #292929; 
	font-size : 11px; 
	font-family :verdana, Microsoft Sans Serif;
	line-height:130%;
	padding-bottom:15px; 
}

UL LI LI {
	LIST-STYLE-TYPE: disc
}

UL LI LI LI {
	LIST-STYLE-TYPE: circle
}

OL LI {
	LIST-STYLE-TYPE: decimal
}

OL OL LI {
	LIST-STYLE-TYPE: lower-alpha
}

OL OL OL LI {
	LIST-STYLE-TYPE: lower-roman
}