/* CSS Document */

html, body {
padding:0;
margin:0;
background:url(images/greenleather.jpg);

}

#wrapper {
width:840px;
height:100%;
margin:auto;
background-image:url(images/test2.jpg);
}

#header {
height:160px;
background:url(images/finalheader2.jpg);
}

#header .animated {
margin:0;
padding:0;
float:right;
margin-top:25px;
padding-right:45px;
background-repeat:no-repeat;
}

#sidenav{
width:110px;
float:left;

}

#content{
width: 620px;
padding-right:40px;	
padding-left:50px;
float:left;
padding-top:20px;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
min-height:750px;
height:100%;
}

#content a{
color:#660000;
}

#footer {
background:url(images/footer.png) #993300;
height:100px;
clear:both;
color:#FFFFFF;
text-align:center;
}

#footer a{
color:#FFFFFF;
}
	
	
	/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
		margin:0px;
		padding-bottom:5px;
		padding-top:5px;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:14px;
		
		
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin-left:20px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		padding:0px;
		margin:0px;
	}
	
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:110px;	
		visibility:hidden;
	}

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

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:0px;
		font-weight:bold;
		margin-left:0px;
		color:#000000;
		
	}	
		
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:0px;
		margin-left:0px;
		color:#000000;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:0px;
		margin-left:0px;
		font-size:11px;
		color:#000000;
	}	

	/* 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-top:3px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:0px;
		padding-top:3px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:0px;
		padding-top:3px;
	}