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

	html{
		height:100%;
	}
	body{
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:0.8em;
		margin:0px;
		padding:0px;

		background-color:#F8F8F8;
		height:100%;
		text-align:center;
	}
	.clear{
		clear:both;
	}
	
	#mainContainer{
		width:760px;
		text-align:left;
		margin:0 auto;
		background-color: #FFF;
		border-left:1px solid #000;
		border-right:1px solid #000;
		height:100%;
	}
	
	#topBar{
		width:760px;
		height:100px;
	}
	#leftMenu{
		width:200px;
		padding-right:10px;
		padding-left:10px;
		float:right;
	}
	#mainContent{
		width: 520px;
		padding-right:10px;	
		float:right;
	}
	/*
	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:130px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #8484FF;
		text-decoration:none;	
		display:block;
		clear:both;
		width:150px;	
		padding-right:2px;	

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		border-bottom:1px solid #A0EEEB;
		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:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-right:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-right:15px;
		padding:1px;
	}
.menu {
	MARGIN: 0px auto; WIDTH: 150px
}
.menu A {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; FONT: 9pt Verdana, Arial, Helvetica, sans-serif; WIDTH: 145px; PADDING-TOP: 5px; BORDER-BOTTOM: #008000 1px dotted; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.menu A:hover {
	PADDING-left: 0px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url('images/menu_item_bg.png') no-repeat right center; PADDING-BOTTOM: 5px; WIDTH: 140px; COLOR: #46a214; PADDING-TOP: 5px; BORDER-BOTTOM: 1px solid #008000; TEXT-ALIGN: right; TEXT-DECORATION: none; font-style:normal; font-variant:normal; font-weight:normal; font-size:9pt; font-family:Verdana, Arial, Helvetica, sans-serif
}
.menu A.unactive {
	PADDING-left: 0px; PADDING-right: 5px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 5px; WIDTH: 145px; CURSOR: default; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #008000 1px dotted
}
.menu A.unactive:hover {
	PADDING-left: 0px; PADDING-right: 5px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 5px; WIDTH: 145px; CURSOR: default; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #008000 1px dotted