.ddsmoothmenu {
	BACKGROUND: red; FONT: bold 12px calibri; WIDTH: 100%
}
.ddsmoothmenu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 100; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.ddsmoothmenu UL LI {
	DISPLAY: inline; FLOAT: left; POSITION: relative
}
.ddsmoothmenu UL LI A {
	BORDER-RIGHT: #778 1px solid; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND:#333333; PADDING-BOTTOM: 8px; COLOR: #2d2b2b; PADDING-TOP: 8px; TEXT-DECORATION: none
}
 HTML .ddsmoothmenu UL LI A {
	DISPLAY:inline-block;
}
.ddsmoothmenu UL LI A:link {
	COLOR: white
}
.ddsmoothmenu UL LI A:visited {
	COLOR: white
}
.ddsmoothmenu UL LI A.selected {
	BACKGROUND: red; COLOR: white
}
.ddsmoothmenu UL LI A:hover {
	BACKGROUND: black; COLOR: white
}
.ddsmoothmenu UL LI UL {
	DISPLAY: none; LEFT: 0px; VISIBILITY: hidden; POSITION: absolute
}
.ddsmoothmenu UL LI UL LI {
	DISPLAY:list-item; 
	FLOAT: none
}
.ddsmoothmenu UL LI UL LI UL {
	TOP: 0px
}
.ddsmoothmenu UL LI UL LI A {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px; FONT: 13px calibri; WIDTH: 160px; PADDING-TOP: 5px; BORDER-BOTTOM: gray 1px solid
}
 HTML .ddsmoothmenu {
	HEIGHT: 1%
}
.downarrowclass {
	RIGHT: 7px; POSITION: absolute; TOP: 12px
}
.rightarrowclass {
	RIGHT: 5px; POSITION: absolute; TOP: 6px
}
.ddshadow {
	/*BACKGROUND: silver; */
	LEFT: 0px; 
	WIDTH: 0px; 
	POSITION: absolute; 
	TOP: 0px; 
	HEIGHT: 0px
}
/*.toplevelshadow {
	opacity: 0.8
}*/




/*this is other code for dropdown menu

*/




/* dito ka mag focus*********************************************************************************************/

.ddsmoothmenu-v ul{

margin: 0;
padding: 0;
width: 215px; /* Main Menu Item widths */
list-style-type: none;
font: bold 13px calibri;

border-bottom: 1px solid #ccc;
}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;

/*border-right: 1px solid #778;*/
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
/*background: #414141; background of menu items (default state)*/

/*background:url(../images/page.gif) repeat-x bottom;*/
color: black;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background:blue;
color: black;
}

.ddsmoothmenu-v ul li a:hover{
background:url(../images/rollover.gif) repeat-x bottom; /*background of menu items during onmouseover (hover state)*/
color: white;


}

/*Sub level menu items *************************************************************************/
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 275px; /*Sub Menu Items width */
top: 0;

visibility: hidden;
background-color: #8ab6f8;
font:normal 12px Verdana;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */