подменю - уменьшить расстояние между подчинёнными элементами - Вопросы по CSS

/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */
@import url(layouts.css);
@import url(components.css);
@import url(modules.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);


/* #######################  GENERAL SETTINGS ############################ */
html.body{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 0px;
	}
	
.top_left{
	background-image: url(../images/top_left.png);
	background-repeat: no-repeat;
	height: 31px;
	width: 692px;
}
.top_right{
	background-image: url(../images/top_right.png);
	background-repeat: no-repeat;
	height: 31px;
	width: 350px;	
}
.top_center{
	background-image: url(../images/head_banner.png);
	background-repeat: no-repeat;
	height: 203px;
	width: 1042px;
}

.footer_menu{
	background-image: url(../images/--menu_footer.png);
	background-repeat: no-repeat;
	height: 105px;
	width: 1042px;
}
.footer_left{
	background-image: url(../images/footer_left.png);
	background-repeat: no-repeat;
	height: 86px;
	width: 211px;
}
.footer_right{
	background-image: url(../images/footer_right.png);
	background-repeat: no-repeat;
	height: 86px;
	width: 833px;
}
.top_right div {
	color: #000;
}
.c_content{
	padding-left:5px;
        padding-right: 5px;
	padding-top: 5px;
}

.cellsBlock {
  width: 100%;
  display: table;
}
.cellLeft, .cellMiddle, .cellRight {
  display: table-cell !important;
  display: inline; /*  */
}
.cellLeft, .cellRight {
  width:35%;
}
.cellMiddle {
  width:30%;
}
.telefon_icq {
font-size: 12px;
font-weight: bold;
text-align: left;
color: #000000;

}
.name_user_log{
padding-top: 3px;
}


/* Block Right LOGIN JDV*/

.block-right{

width: 213px;
}

.block-right div.module-login {
background: url(../images/bottom_left_login.png) no-repeat;
background-position: bottom left;
}

.block-right div.module-login div {
background: url(../images/bottom_right_login.png) no-repeat;
background-position: bottom right;
}

.block-right div.module-login div div{
background: url(../images/left_login.png) no-repeat;
background-position: top left;
}

.block-right div.module-login div div div {
background: url(../images/right_login.png) no-repeat;
background-position: top right;
padding-top: 20px;
padding-left: 10px;
/*padding-right: 10px;*/
padding-bottom: 20px;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

.block-right div.module-login div div div h3{
margin-top: -9px;
color: #FFF;
text-align: center;
text-transform: uppercase;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}



/* Block Right JDV*/


.block-right div.module-right {
background: url(../images/right_block_left_bottom.png) no-repeat;
background-position: bottom left;
}

.block-right div.module-right div {
background: url(../images/right_block_right_bottom.png) no-repeat;
background-position: bottom right;
}

.block-right div.module-right div div{
background: url(../images/right_block_left_top.png) no-repeat;
background-position: top left;
}

.block-right div.module-right div div div {
background: url(../images/right_block_right_top.png) no-repeat;
background-position: top right;
padding-top: 20px;
padding-left: 8px;
/*padding-right: 10px;*/
padding-bottom: 35px;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

.block-right div.module-right div div div h3{
margin-top: -9px;
color: #FFF;
text-align: center;
text-transform: uppercase;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

/*Block Left JDV*/

.block{
width: 240px;
}


.block div.module {
background: url(../images/left_bottom_m.png) no-repeat;
background-position: bottom left;
}

.block div.module div {
background: url(../images/right_bottom_m.png) no-repeat;
background-position: bottom right;
}

.block div.module div div{
background: url(../images/left_top_m.png) no-repeat;
background-position: top left;
}

.block div.module div div div {
background: url(../images/right_top_m.png) no-repeat;
background-position: top right;
padding-top: 25px;
padding-bottom: 35px;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

.block div.module div div div h3{
margin-top: -9px;
color: #FFF;
text-align: center;
text-transform: uppercase;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
.block div.module div div div div{
background: none;
}
/*for menu JDV*/

.block div.module_menu {
background: url(../images/left_bottom_m.png) no-repeat;
background-position: bottom left;
}

.block div.module_menu div {
background: url(../images/right_bottom_m.png) no-repeat;
background-position: bottom right;
}

.block div.module_menu div div{
background: url(../images/left_top_m.png) no-repeat;
background-position: top left;
}

.block div.module_menu div div div {
background: url(../images/right_top_m.png) no-repeat;
background-position: top right;
width: auto !important;
width: 100%;
padding-top: 25px;
padding-bottom: 35px;
padding-right: 10px;
padding-left: 10px;
font-family: arial, helvetica, sans-serif;
}

.block div.module_menu div div div h3{
margin-top: -9px;
color: #FFF;
text-align: center;
text-transform: uppercase;
width: auto !important;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

.block div.module_menu div div div div{
background: none;
}


/* (MENU) */
.mainlevel-left{
margin-top: 10px;
}
a.mainlevel{
	background-repeat: no-repeat;
	background-position: left;
} 

a.mainlevel-left:link {
	background-image: url(../images/strela.png);
	background-repeat: no-repeat;
	background-position: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	font-style: normal;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: left;
	display: block;
	padding-left: 14px;
	margin-right: 10px;
	text-transform: uppercase;
	border-bottom: 1px dotted #CCCCCC;
}
a.mainlevel-left:visited {

    background-image: url(../images/strela.png);
	background-repeat: no-repeat;
	background-position: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	font-style: normal;
	text-decoration: none;
	display: block;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 14px;
	margin-right: 10px;
	text-transform: uppercase;
	border-bottom: 1px dotted #CCCCCC;
}
a.mainlevel-left:hover {

	background-image: url(../images/strela.png);
	background-repeat: no-repeat;
	background-position: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #00A9DD;
	font-style: normal;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: left;
	display: block;
	padding-left: 14px;
	margin-right: 10px;
	text-transform: uppercase;
	border-bottom: 1px dotted #CCCCCC;

}

/*sublevel-left*/
.sublevel-left{
}
a.sublevel-left:link{
	border-bottom: 1px dotted #CCCCCC;
	font-size: 12px;
	color: #777777;
	display: block;
	font-style: normal;
	text-decoration: none;
}
a.sublevel-left:visited{
	border-bottom: 1px dotted #CCCCCC;
	font-size: 12px;
	color: #777777;
	display: block;
	font-style: normal;
	text-decoration: none;
}
a.sublevel-left:hover{
	border-bottom: 1px dotted #CCCCCC;
	font-size: 12px;
	color: #00A9DD;
	display: block;
	font-style: normal;
	text-decoration: none;

}
a.mainlevel-left#active_menu-left {
	color: #00A9DD;
}
a.sublevel-left#active_menu-left {
	color: #00A9DD;
}


#active_menu {} /*  main/sub*/

ul#mainlevel-nav {}
ul#mainlevel-nav li{}

#mainlevel-nav {
margin:0px;
margin-top: -1px;

}

#mainlevel-nav a:link {
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}

#mainlevel-nav a:visited{
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}

#mainlevel-nav a:hover {
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}


#mainlevel-nav-footer {
margin-top: 10px;

}

#mainlevel-nav-footer a:link {
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-top: 25;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}

#mainlevel-nav-footer a:visited{
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-top: 25;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}
#mainlevel-nav-footer a:hover {
font-size:12px;
color:#FFFFFF;
display:block;
text-align:center;
float:left;
text-decoration: none;
padding-top: 25;
padding-left: 25px;
text-transform: uppercase;
font-family: arial, helvetica, sans-serif;
}


#form-login{
padding-top: 15px;
	
}

/*  Global Formatting */
h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {
    font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color:  #AE2924;
	font-style: normal;
	font-weight: bold;

}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	font-size: 12px;
	text-align: left;
	}
	
th{
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	font-size: 12px;
	text-align: left;
	}
a:link {color: #4d4a4a;
font-weight: bold;}
a:hover {color: #4d4a4a;
font-weight: bold;}
a:visited {color: #4d4a4a;
font-weight: bold;}
img {border: 0 none;
font-weight: bold;}

p {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	font-size: 12px;
	text-align: left;
}

/* Clears Divs */
.clr{clear: both;}

/* #######################  END GENERAL SETTINGS ############################ */

<?php
/*
* @copyright	Copyright (C) 2008 - 2009 All rights reserved.
* @license		
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template.css" type="text/css" />
 <?php
   if (file_exists(JPATH_SITE.DS.'components'.DS.'com_joomlastats'.DS.'joomlastats.inc.php'))
       include_once(JPATH_SITE.DS.'components'.DS.'com_joomlastats'.DS.'joomlastats.inc.php');
   ?>

</head>

<body>
<table width="1042" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="3B3B3B">
<tr>
    <td width="692"  class="top_left"><div id="mainlevel-nav"><jdoc:include type="modules" name="top" /></div></td>
    <td width="350"  colspan="2" class="top_right"><div><jdoc:include type="modules" name="user1" /></div></td>
  </tr>
    <tr>
      <td  colspan="3" class="top_center"></td>
    </tr>
</table>
<table width="1042" border="0" align="center" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td width="240"  valign="top">
		<div class="block">
			<jdoc:include type="modules" name="left" style="rounded"/>
		</div> 
      </td>
      <td width="589" valign="top"><div class="c_content"><jdoc:include type="component" /></div></td>
      <td width="213" align="right" valign="top">
      <div class="block-right">
      	  <jdoc:include type="modules" name="right" style="rounded"/>
	  </div>
      </td>
    </tr>
  </tbody>
</table>
<table width="1042" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td  width="1042" align="center" valign="top" class="footer_menu">
      	<div id="mainlevel-nav-footer">
      		<jdoc:include type="modules" name="user3"/>
        </div>
      </td>
</tr>
</table>
<table width="1043" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td  width="211" align="left" valign="top" class="footer_left"><jdoc:include type="modules" name="user4"/></td>
      <td  width="834" align="left" valign="top" class="footer_right"><jdoc:include type="modules" name="footer"/></td>
</tr>
</table>
</body>

</html>

.block div.module_menu div div div {
background: url(../images/right_top_m.png) no-repeat;
background-position: top right;
width: auto !important;
width: 100%;
padding-top: 25px;
padding-bottom: 35px;
padding-right: 10px;
padding-left: 10px;
font-family: arial, helvetica, sans-serif;
}

ul.menu-left, ul.menu-left li ul {
  list-style: none;
  /*border: 1px solid red; */
  padding: 5px;
}

ul.menu-left li {
  padding: 5px 0;
}


ul.menu-left li a {  /* скопировано с a.mainlevel-left:link */
   background-image: url(strela00.png);
	background-repeat: no-repeat;
	background-position: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	font-style: normal;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 5px;
	text-align: left;
	display: block;
	padding-left: 14px;
	margin-right: 10px;
	text-transform: uppercase;
	border-bottom: 1px dotted #CCCCCC;
 }

 ul.menu-left li#current ul li a{
   color: #777;
 }
 ul.menu-left li a:hover, ul.menu-left li#current a, ul.menu-left li#current ul li a:hover {
   color:#00A9DD;
 }



 ul.menu-left li ul li a {
    background: transparent;
    text-transform: none;
    margin-left: -10px;
   padding: 10px 5px; /* вот тут регулируй высоту и отступ подменюшек*/
 }