@charset "utf-8";
/* CSS Document */

	

	.clear{
		clear:both;
	}

	#mainContainer{
		width:980px;
		text-align:left;
		margin:0 auto; padding-top:0;
		background-color: #FFF;
		border-left:1px solid #000;
		border-right:1px solid #000;
		height:100%;
	}

	#topBar{
		width:980px;
		height:100px;
	}
	#leftMenu{
		width:200px; height:auto;
		padding-left:10px; padding-top:0;
		padding-right:10px;
		float:left; background-color:#6c7678; background-image:url(images/bg_footer.gif);
		background-attachment: fixed;
	}
	#mainContent{
		width: 720px;
		padding-right:10px; padding-left:20px;
		float:left;
	}
	/*
	General rules
	*/

	/* Active menu item */
	#dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
		font-weight:bold;
		color: white;
	}

	#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:205px; 
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #fff;
		text-decoration:none;
		display:block;
		clear:both;
		width:170px;
		padding-left:2px;
	}

	/* Active menu item */
	#dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
		font-weight:bold;
		color: white;  ;
	}

	/*
	A tags
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:10px;
		border-bottom:1px solid #fff;
		font-weight:bold;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}
	#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:5px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:5px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}