body, div, h1, h2, h3, h4, h5, h6, p, ul, img {margin:0px; padding:0px; }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    background: url(../images/BackgroundGrad.jpg) repeat-x;
	background-color: #222222;

}


#main {  
    background: url(../images/BackgroundGrad.jpg) repeat-x;
	background-color: #222222;
}

#container {  
    width: 910px;  
    margin: 0 auto; 
}

#leftnav {  
    padding-top: 20px;   
}  

#logo {  
    background: url(../images/DJJP_SidebarBKG.png) no-repeat;  
    height: 354px;  
    width: 156px;   
    float: left;   

} 

#logo h1 {  
    text-indent: -9999px;   
} 



#menubuttons {  
    list-style: none;   
		margin-top: 114px;  
		margin-left: 6px;  

	  
}  

ul#menu {  
    list-style: none;   
	text-indent: -9999px; 
	padding-top: 120px;  
}  
  
ul#menu li {  
    float: left;  
    padding-left: 30px;    
}  

ul#menu li a {  
    font-size: 16px;  
    color: #007cff;  
    text-decoration: none;   
}  




#ContactBox {  
	padding-top: 30px;  
	border: none;
    float: top;
	text-decoration: none;   
} 

#ContactBox a img { 
	border: none;
    float: top;
	text-decoration: none;   
} 

#RHScontent {  
    background: url(../images/DJJP_ContentBKG.png) repeat-y; 
    margin-left: 160px;
    margin-top: 0px;


}  

#section h2 {  
	height: 33px;  
    width: 273px;   
	text-indent: -9999px;
}  

#section img{  
	height: 33px;  
    width: 273px; 
    float: top; 
}  

#tagline {  
    background: url(../images/DJJP_ContentHeader.png) no-repeat; 
	height: 52px;  
    width: 746px;   
	text-indent: -9999px;
	float: top; 
	margin-top: 0px;
    margin-left: 160px;	  
}  
  
    
#Videoplayer {  
	padding-top: 10px;  
	padding-left: 2px;  
	float: top;
} 

  
#LHSspecial {  
    background: url(../images/DJJP_ContentBKG.png) repeat-y; 
	border: none;
	width: 350px;     
	float: left;
    font-size: 12px;  
    color: #FFFFFF;  
	width: 350px;     
	padding-left: 370px;
	padding-right: 26px;

} 


#LHSspecial img {  
	float: top;
	border: none;
	margin-left: -355px;
	margin-bottom: -120px;
	margin-top: 6px;
} 


  
#LHS {
	/*	width: 350px;     
*/	padding-left: 14px;
	margin-top: 10px;
	float: left;
	width: 320px;
} 

#LHS img {  
	margin-bottom: 14px;
	margin-top: 6px;
	float: left;
} 
  
#LHS h4 {  
	text-indent: -9999px;  
}   

#RHS {  
	width: 350px;     
	padding-left: 370px;
	margin-top: 4px;

}


#content {  
    background: url(../images/DJJP_ContentBKG.png) repeat-y; 
}


#content h2 {  
	margin-top: 14px;
    font-size: 16px;  
    color: #FFFFFF;  
	padding-top: 8px;
	padding-bottom: 8px;  
 
}  

#content p {  
	margin-top: 14px;
    font-size: 12px;  
    color: #FFFFFF;  
	padding-top: 4px;
	padding-bottom: 6px;  
 
}  
  
#content small {  
    font-size: 12px;  
    color: #373737;   
}  
  
#content a {  
    color: #0f6c8d;  
    font-weight: bold;  
    text-decoration: none;   
}

#sidebar {  
    float: left;   
} 

#contentfoot {  
    background: url(../images/DJJP_ContentFooter.png) no-repeat; 
	height: 16px;  
    width: 746px;   
    margin-left: 160px;	  
} 

#footer {  
    background: url(../images/DJJP_CopyrightFooter.png) no-repeat; 
	height: 52px;  
    width: 746px;
	text-indent: -9999px; 
	padding-top: 20px; 
	margin-top: 10px;  
    margin-left: 160px;	  
}