/* Start of CMSMS style sheet 'simple' */
body,html { 
background: url(/uploads/images/tlo.gif);
margin: 0px;
padding: 0px;
font-family: Verdana, Tahoma, Arial;
font-size: 12px;
color: #303030;
height: 100%;
width: 100%; 
}

#main_page {
height: 100%; 
width: 740px; 
margin: 0px auto; 
}

#logo {
width: 100%;
height: 90px; 
/*background: #ffcf00 url(images/logo.jpg)*/
background: #ffcf00 url(http://bikepark.com.pl/uploads/images/glowna/logo3.jpg)
left no-repeat;
}

#menu { 
width: 100%;
}

#menu ul {
list-style: none;
background: #ffffff;
border-bottom: #ff1313 solid 3px;
margin: 0px;
padding: 0px;
display: table;
width: 100%; zoom:1; }

#menu li {
font-size: 14px;
display: block; 
float:left;
margin: 0px;
padding: 0px;
height: 25px;
white-space: nowrap; 
}
#menu a { 
font-family: "Trebuchet MS";
padding: 0px 16px; margin: 0px; font-size: 115%; font-weight: bold; color: #303030; text-decoration: none; }
#menu a:hover, #menu .current a { background: #ebebeb; border-bottom: #303030 solid 3px; }
#content { clear: both; background-color: #fff;}
#welcome { font-family: "Trebuchet MS", Verdana, Tahoma; font-size: medium; background: #ffcc00; font-weight: bold; padding: 3px 15px 3px 15px; }
#footer { clear:both; border-top: #303030 dashed 1px; padding: 5px; }
#footer #f_left { float: left; }
#footer #f_right { float: right; }
h1 { font-family: "Trebuchet MS"; margin-top: 0px; font-size: 215%; }
h2 { font-family: "Trebuchet MS"; padding: 0px; font-size: 215%; }
h2 span { color: #ff1313; }
h3 { font-size: 135%; clear: both; margin: 0px; padding: 0px 0px 0px 0px; }
h4 { font-size: 15px; }
p, .text  { line-height:16px; font-style : normal; font-weight : normal; margin-bottom: 20px; margin-left: 20px; margin-right: 20px;}
a { color: #ff1313; text-decoration: underline; }
a:hover { text-decoration: none; }

.redtext { color: #ff0000; }

/*style linków menu*/

a.akt:link {
background-color : #ffffff;
display : block;
color : #FF1313;
width : 400px;
text-decoration : none;
}
a.akt:visited {
background-color : #ffffff;
display : block;
color : #FF1313;
width : 400px;
text-decoration : none;
}
a.akt:hover {
background-color : #FFCF00;
display : block;
color : #000000;
width : 400px;
text-decoration : none;
}
a.akt:active {
background-color : #ffffff;
display : block;
color : #FF1313;
width : 600px;
text-decoration : none;
}

/*koniec stylów linków menu*/

#offer_menu { width: 159px; float: left; background-color: #fff; height:1000px;}
#offer_menu ul { list-style: none; margin: 0px; padding: 0px 0px 0px 10px; }
#offer_menu a { text-decoration: none; }
#offer_menu a:hover { text-decoration: underline; }

a.activeparent, .currentpage { font-weight: bold; }
.currentpage a { font-weight: normal; }

#offer_content { width:560px; height:1000px; float: left; border-left: #303030 dashed 1px; padding: 0px 0px 0px 20px; background-color: #fff;}
img.mini { border: #ebebeb solid 1px; height: 90px; margin-bottom: 5px; }
.category_item { width: 140px; height: 130px; float: left; padding-bottom: 20px; }
.category_items { background: #fff; }
.catnav { clear: both; }

#item_image { border: #ebebeb solid 1px; padding-bottom:3px; }
.notes { padding: 10px 0px 10px 0px; }

#archive_content { width:740px; padding: 0px 20px 0px 20px; background: #fff; }

.item_thumbnails a img { border: #ebebeb solid 1px; }

li.active0n h3 - n is the depth/level of the node. To style the active page for each level separately. The active page is not clickable.
.clearfix - Used for the unclickable h3 to use the entire width of the li, just like the anchors. See the Tools
/* End of 'simple' */