/* 
General styles for this example page */
html{
	height:100%;
}

body{
/*	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; */
/*	font-size:0.8em; */
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;

	height:100%;
}

p{
	margin-top:5px;
	margin-bottom:10px;
}

#mainContainer{
	width:760px;
	margin:0 auto;
	text-align:left;
	background-color: #FFF;
	padding-left:16px;
	padding-right:16px;
	padding-bottom:20px;	
}

#dynamicmenu_menu img{
	border:0px;
}

/* End general styles for this example page */
/* General configuration CSS */

#dynamicmenu_menu ul li ul{
	display:none;	/* Needed to display ok in Opera */
}
	
#dynamicmenu_menu{
	/* visibility:hidden;	*/
	margin-top:0px;
}

#dynamicmenu_menu ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
}

#dynamicmenu_menu li{
	list-style-type:none;	/* No bullets */
	white-space: nowrap;
}	
#dynamicmenu_menu a {

	margin:0px;
	padding:0px;

}
/* End general configuration CSS */




/* Cosmetic */

/***********************************************************************
	CSS - MENU BLOCKS
 	General rules for all menu blocks (group of sub items) 
***********************************************************************/
#dynamicmenu_menu ul{
	/*border:1px solid #000;*/
	border:1px solid #ffffff;
	background-color:#FFF;
	padding:1px;
}
	
#dynamicmenu_menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0px;
	padding:1px;
/*	border:1px solid #317082;
	background-color:#E2EBED; */
	background-color:#00703e;
	border:1px solid #00703e;
	overflow:visible;
	
}
#dynamicmenu_menu ul.menuBlock2{	/* Menu bar - main menu items */
	margin-top:2px;
	border:0px;
	padding:1px;
/*	border:1px solid #555; */
	border:1px solid #ffffff;
}


/***********************************************************************
	CSS - MENU ITEMS
 	Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dynamicmenu_menu a {
	color: #000;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;

}

/*
Main menu items 
*/



#dynamicmenu_menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
	
	
	/*border:1px solid #E2EBED; */
	border: 1px solid #00703e;
	border-left: solid 1px white; /* TODO */
	
	
}
#dynamicmenu_menu .currentDepth1over{
	padding-left:5px;
	padding-right:5px;
	
	/* background-color:#317082; */
	
	background-color:#00703e;
	
	border:1px solid #00703e;
	border-left: solid 1px white; /* TODO */ 	
}


#dynamicmenu_menu .currentDepth1 a{
	/* font-weight:bold; */
	color:#FFF;
	
}
#dynamicmenu_menu .currentDepth1over a{	/* Text rules */
	color:#FFF;
	
	/*font-weight:bold; */
}


#dynamicmenu_menu ul.menuBlock2{
	background-color:#e8f3ef;
}

#dynamicmenu_menu ul.menuBlock3{
	background-color:#e8f3ef;
}

#dynamicmenu_menu ul.menuBlock4{
	background-color:#e8f3ef;
}

/* Sub menu depth 1 */
#dynamicmenu_menu .currentDepth2{
	padding-right:2px;
	border-bottom:1px solid #FFF;
	padding:5px;
	
}
#dynamicmenu_menu .currentDepth2over{
	padding-right:2px;
	background-color:#E2EBED;
	border-bottom:1px solid #FFF; 
	padding:5px;
}	
#dynamicmenu_menu .currentDepth2over a{	/* Text rules */
	color:#000;
}	
/* Sub menu depth 2 */
#dynamicmenu_menu .currentDepth3{
	padding-right:2px;
	border-bottom:1px solid #FFF;
	padding:5px;
	
}
#dynamicmenu_menu .currentDepth3over{
	padding-right:2px;
	background-color:#E2EBED;
	border-bottom:1px solid #FFF;
	padding:5px;
}
/* Sub menu depth 3 */
#dynamicmenu_menu .currentDepth4{
	padding-right:2px;
	border-bottom:1px solid #FFF;
	padding:5px;
}
#dynamicmenu_menu .currentDepth4over{
	padding-right:2px;
	background-color:#E2EBED; 
	border-bottom:1px solid #FFF;
	padding:5px;
}