body
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	line-height:19px;	
	color:#5D5D5D;
	width:1004px;
	font-weight:normal;
	margin-left:auto;
	margin-right:auto;
	background-color:#E7E7EF;
	}
#page-align
{
width:100%;
background-color:#250676;
}

.menu {width:430px; height:29px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:430px; w\idth:430px; height:29px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; height:29px; text-decoration:none; padding:0; font-size:13px; font-family:Arial; color:#ded6ee; font-weight:bold; padding-left:16px; padding-right:16px;
 }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {h\eight:29px; line-height:29px;}
.menu a:hover{ color:#e0d6f9;}
.menu :hover > a { color:e0d6f9;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:0px;left:0; background-image:none;}
/* another hack for IE5.5 */
* html .menu ul ul {top:29px;t\op:29px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
#menu-selected
{
color:#cfc6e4; font-weight:normal;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background-position:8px 12px;
background-color:#FFF;
line-height:25px;
color:#FFFFFF;
padding-left:18px;
font-size:12px;
font-weight:normal;
height:25px;
border-width: 0 0px 1px 0px;
border-color:#ded6ee;
border-style:solid;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { 
line-height:25px;
}

/* style the top level hover */

.menu ul ul a:hover
{
background-color:#FFF;
line-height:25px;
color:#FFFFFF;
padding-left:18px;
height:25px;
border-width: 0 0px 1px 0px;
border-color:#ded6ee;
border-style:solid;
}
.menu ul ul :hover > a
{
line-height:25px;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}

/* position the third level flyout menu */

.ddsmoothmenu{
 width:100%;
 margin:0 auto;
 height:100%;
 }
.ddsmoothmenu ul{
z-index:500;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float:left;
height:100%;
line-height:29px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
height:29px; line-height:29px; text-decoration:none; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#ded6ee; font-weight:normal; padding-left:16px;
margin:0 auto;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

/*.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #444444;
}
*/
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#ded6ee;
}

.ddsmoothmenu ul li a:hover{
color:#e0d6f9;
line-height:29px;
height:29px;
}
* html .ddsmoothmenu ul ul {top:29px;t\op:29px; background-image:none;}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding-top:5px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
background-color:#FFFFFF;
line-height:25px;
height:26px;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
/*width: 140px; width of sub menus*/
padding-left:18px;
margin: 0;
color:#FFFFFF;
padding-left:18px;
font-size:12px;
font-weight:normal;
height:25px;
line-height:25px;
border-width: 0 0px 1px 0px;
border-color:#ded6ee;
border-style:solid;
background-position:8px 12px;
background-color:#250676;

}

.ddsmoothmenu ul li ul li a:hover{
background-color:#e0d6f9;
line-height:25px;
color:#3b2c6d;
padding-left:18px;
height:25px;
border-width: 0 0px 1px 0px;
border-color:#ded6ee;
border-style:solid;
}

/* position the third level flyout menu */


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 0px;
right: 0px;
}

.rightarrowclass{
position: absolute;
top: 0px;
right: 0px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: transparent;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.6;
filter:alpha(opacity=60);
 -moz-opacity:0.6;

}