Как сделать левую колонку до низа - Joomla 1.5: Шаблоны, разметка и макеты вывода

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	color:#222;
}

.wrapper {
	overflow:hidden;
}

a:link, a:active, a:visited { color:#607bab; text-decoration:none; outline: none; }

a:hover { text-decoration:underline; outline: none; }

.container {
	width:1052px;
	margin:0px auto;
}

.header {
	margin-top:-55px;
}

.header, .topmenu, .toper, .main {
	padding-right:60px;
	padding-left:52px;
}

.header {
	background:url(../images/header.jpg) top left no-repeat;
	padding-top:78px;
	padding-bottom:16px;
}

.header a img {
	margin-left:15px;
}

.toper { background:url(../images/top_bg.jpg) top left repeat-y; }

.main { background:url(../images/center.jpg) top left repeat-y; }

.footer {
	background:url(../images/footer.gif) bottom left no-repeat;
	height:28px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:11px;
	padding-top:80px;
	margin:-76px 0 20px 0px;
}


.languages {
	float:right;
	margin-right:15px;
	margin-top:10px;
}

.languages ul li {
	display:block;
	float:left;
	width:30px;
	text-align:center;
}

.top {
	float:right;
	margin-right:65px;
	margin-top:10px;
}

.top .menu { width:940px; display:block;}

.toper .moduletable_menu ul {
	display:block;
	width:940px;
	overflow:hidden;
	background:url(../images/menu.jpg) top right no-repeat;
}

.toper .moduletable_menu ul li a:link, .toper .moduletable_menu ul li a:active, .toper .moduletable_menu ul li a:visited {
	padding:7px 24px 7px 26px;
	display:block;
	float:left;
	height:14px;
	background:url(../images/menu.jpg) top left no-repeat;
	border-right:1px solid #777;
	color:#fff;
	font-weight:bold;
}

.toper .moduletable_menu ul li a#menulink_3:link, .toper .moduletable_menu ul li amenulink_3:active, .toper .moduletable_menu ul li a#menulink_3:visited {
	padding:7px 26px 7px 30px;
}

.toper .moduletable_menu ul li a:hover,
.toper .moduletable_menu ul li a.mainlevel_current:link,
.toper .moduletable_menu ul li a.mainlevel_current:visited,
.toper .moduletable_menu ul li a.mainlevel_current:active,
.toper .moduletable_menu ul li a.mainlevel_current:hover {
	background:url(../images/menu.jpg) bottom left no-repeat;
	text-decoration:none;
}

.main {
	padding-right:80px;
}

.main .right {
	float:right;
	width:280px;
	margin:0 12px 0 20px;
	padding-top:30px;
}

.main .right .moduletable h3 {
	color:#143a92;
	text-align:left;
	padding-bottom:8px;
	margin-bottom:10px;
	border-bottom:1px solid #d5d5d5;
	font-size:13px;
}

.main .left {
	float:left;
	width:168px;
	background:url(../images/left.gif) top left no-repeat #f3f3f3;
	padding:30px 20px 15px 20px;
}

.left .moduletable h3 {
	text-align:right;
	border-bottom:1px solid #d5d5d5;
	padding-bottom:10px;
	margin-bottom:10px;
}

.left .moduletable .banneritem img {
	width:87px;
	display:block;
	margin:5px auto 10px;
}

.main .center {
	padding:30px 0 20px 0;
	margin:0 320px 0 228px;
}