a:active, a:focus, a:hover { outline: none; }

html { height:100%; }

body {
	font-family: Arial, Tahoma, Lucida Sans Unicode, sans-serif;
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	height:100%;
	font-size:10px
}

.clear { clear:both; }

#mainContainer {
	width:280px;
	text-align:left;
	border-left:1px solid #1C8FB0;
	border-right:1px solid #1C8FB0;
	height:100%;
	margin-left: 20px;
	margin-top:0px;
}

#topBar {
	width:280px;
	height:100px;
}

#leftMenu {
	width:280px;
	padding-left:7px;
	padding-right:10px;
}

/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li {
	list-style-type: none;
	position:relative;
}

#dhtmlgoodies_slidedown_menu ul {
	margin:0px;
	padding:0px;
	position:relative;
}

#dhtmlgoodies_slidedown_menu div {
	margin:0px;
	padding:0px;
}

/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu {
	width:280px;
	visibility:hidden;
}

/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a {
	text-decoration:none;
	clear:both;
	/*	width:150px;	*/
	padding-left:2px;
	font-size:12px;
	font-weight:bold;
	color:#9F0;
}

/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1 {	/* Main menu items */
	margin-top:1px;
	border-bottom:0px solid #46B9DA;
	font-weight:bold;
	font-size:14px;
}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth2 {	/* Sub menu items */
	margin-top:1px;
	background-color:#1C8FB0; /*width:159px;*/
	color:#fff;
	font-size:13px;
	font-weight:normal;
}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth3 {	/* Sub menu items */
	margin-top:1px;
	/*width:148px;*/background-color:#00CC33;
}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 {	/* Sub menu items */
	margin-top:1px; /*width:137px; */
	background-color:#00CC33;
}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth5 {	/* Sub menu items */ margin-top:1px; }

/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul { padding:1px; }

#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul {
	margin-left:0px;
	padding:1px;
}

#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul {
	margin-left:0px;
	padding:1px;
}

#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul {
	margin-left:0px;
	padding:1px;
}
