/* 
/* 
General styles for this example page */
html{
	height:100%;
}

p{
	margin-top:5px;
	margin-bottom:10px;
}

#mainContainer{
	width:940px;
	margin:0 auto;
	text-align:left;
	background-color: #ffffff;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}

#dhtmlgoodies_menu img{
	border:0px;
}

/* End general styles for this example page */
/* General configuration CSS */

#dhtmlgoodies_menu ul li ul{
	display:none;	/* Needed to display ok in Opera */
}
	
#dhtmlgoodies_menu{
	visibility:hidden;
}
#dhtmlgoodies_menu ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
}
#dhtmlgoodies_menu li{
	list-style-type:none;	/* No bullets */
}	
#dhtmlgoodies_menu a{
	margin:0px;
	padding:0px;
}
/* End general configuration CSS */


/* Cosmetic */

/***********************************************************************
	CSS - MENU BLOCKS
	General rules for all menu blocks (group of sub items) 
***********************************************************************/
#dhtmlgoodies_menu ul{
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	background-color:#2a54a0;
	padding:0px;
}
	
#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0px;
	padding:0px;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	background-color:#2a54a0;
	overflow:visible;
}
#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
	border:0px;
	padding:0px;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
}

/***********************************************************************
	CSS - MENU ITEMS
	Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dhtmlgoodies_menu a{
	color: #ffffff;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;

}

/*
Main menu items 
*/

#dhtmlgoodies_menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #2a54a0;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #2a54a0;
	
}
#dhtmlgoodies_menu .currentDepth1over{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #2a54a0;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 0px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-color: #2a54a0;
}
#dhtmlgoodies_menu .currentDepth1 a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:normal;
	font-size: 13px;
}
#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#f89e49;
	font-weight:normal;
	font-size: 13px;
}

/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2{
	padding-right:10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-top-color: #2a54a0;
	border-bottom-width: 1px;
}
#dhtmlgoodies_menu .currentDepth2over{
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #f89e49;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-top-color: #f89e49;
	border-bottom-width: 1px;
}	
#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
	color:#ffffff;
}	
/* Sub menu depth 2 */
#dhtmlgoodies_menu .currentDepth3{
	padding-right:10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}
#dhtmlgoodies_menu .currentDepth3over{
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #f89e49;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}
/* Sub menu depth 3 */
#dhtmlgoodies_menu .currentDepth4{
	padding-right:10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}
#dhtmlgoodies_menu .currentDepth4over{
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #f89e49;
	border-style: solid;
	border-color: #ffffff;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	border-bottom-width: 1px;
}
	



