.h1 {
        FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: arial,verdana,tahoma,helvetica,sans-serif; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.h2 {
        FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: arial,verdana,tahoma,helvetica,sans-serif; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.h3 {
        FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: arial,verdana,tahoma,helvetica,sans-serif; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.h4 {
        FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: arial,verdana,tahoma,helvetica,sans-serif; FONT-VARIANT: normal; TEXT-DECORATION: none
}

A {
	FONT-WEIGHT: normal; COLOR: #006699; FONT-STYLE: normal; FONT-FAMILY: arial,verdana,tahoma,helvetica,sans-serif; FONT-VARIANT: normal; TEXT-DECORATION: none
}

A:hover {
	FONT-WEIGHT: normal; COLOR: #013c5a; FONT-STYLE: normal; FONT-FAMILY: arial,verdana,tahoma,helvetica,sans-serif; FONT-VARIANT: normal; TEXT-DECORATION: none
}

	.clear{
			clear:both;
		}
		
		#mainContainer{
			width:150px;
			text-align:left;
			margin:0 auto;
			background-color: #FFF;
			border-left:1px solid #000;
			border-right:1px solid #000;
			height:100%;
		}
		
		#topBar{
			width:150px;
			height:100px;
		}
		#leftMenu{
			width:150px;
			padding-left:10px;
			padding-right:10px;
			float:left;
		}
		#mainContent{
			width: 150px;
			padding-right:10px;	
			float:left;
		}
		/*
		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{		
	
			visibility:hidden;
			border:0px solid #000;
			padding:1px;
	
			width: 150px;	/* IE 5.x */
			width/* */:/**/150px;	/* Other browsers */
			width: /**/150px;	
			
		}
	
		/* All A tags - i.e menu items. */
		#dhtmlgoodies_slidedown_menu a{
			color: #000;
			text-decoration:none;	
			display:block;
			clear:both;
	
			padding-left:1px;	
			
			width: 150px;	/* IE 5.x */
			width/* */:/**/150px;	/* Other browsers */
			width: /**/150px;
			
		}
		
		img{
			border:0px;
		}
		
		/*
		A tags 
		*/
		#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
			margin-top:1px;
			font-weight:bold;
			font-size:12px;
			background-color:#eeeeee;
			color:#000;
			background-image:url('../images/nav-bg.jpg');
			height:21px;
			line-height:21px;
			vertical-align:top;
			padding-left:10px;
			border-left:1px solid #fff;
			border-right:1px solid #fff;
		}	
		#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
			margin-top:2px;
			font-weight:normal;
			font-size:12px;
			padding-left:10px;
			color:#006699;
			height:18px;
		}	
		#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{
	
		}
		#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
			margin-left:10px;
			padding:1px;
		}
		#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
			margin-left:15px;
			padding:1px;
		}