body {
           margin : 0;
           padding : 5px;
           font : normal 80% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	   color: black;
           background-color : white
           }

/*
BODY {
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	font-size : 10pt;
	margin:40px 0px; padding-top:0px;
	margin-top:10px;
        padding-left:40px;
	text-align:left;
	}

*/

TABLE {
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	font-size : 10pt;

      }	

#content {
	width:600px;
	padding:5px;
	padding-left:15px;
	}

/* ######### Right column ######### */

#rightcolumn{
          width: 150px;
          float: right;
         }

#leftcolumn{
          width: 150px;
          float: right;
         }

#header{
color: #8AAA70;
}

/* ######### Right column menu ######### */

#rightcolumn .titlebar{
background: black url("images/rightgradient.jpg") top left repeat-x;
color: white;
padding: 4px 0;
border-bottom: 1px solid black;
text-align: center;
font-weight: bold;
}

/* ######### Left column menu ######### */
#leftcolumn .titlebar{
background: black url("images/rightgradient.jpg") top left repeat-x;
color: white;
padding: 4px 0;
border-bottom: 1px solid black;
text-align: center;
font-weight: bold;
}

#categorymenu{
border: 1px solid black;
border-bottom-width: 0;
}


.framelook b{
   display: block;
   background: white url("images/rightgradient2.gif") top left repeat-x;
   border-bottom: 1px solid black;
   padding-left: 5px;
}


.framelook ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.framelook a{
text-decoration: none;
font-weight: bold;
}

.framelook li a{
padding: 1px 0;
padding-left: 14px;
display: block;
width: auto;
text-decoration: none;
font-weight: bold;
color: #3c3c3c;
border-bottom: 1px solid gray;
border-left: 6px solid navy;
}

.framelook ul.minor li a{ /*alternate theme*/
border-left: 6px solid gray;
font-size: smaller;
}

.framelook li a:hover {
background-color: #c7f6fd;
background-color: #f6f6fe;
border-left-color: blue;
color: black;
}

.framelook ul.minor li a:hover{ /*alternate theme*/
background-color: #f6f6fe;
border-left-color: black;
color: black;
}

* html #rightcolumn .framelook li a{ /*IE only */
width: 125px; /*IE 5*/
w\idth: 130px; /*IE 6*/
}

* html #leftcolumn .framelook li a{ /*IE only */
width: 125px; /*IE 5*/
w\idth: 130px; /*IE 6*/
}

.normallist{
margin-left: 0;
padding-left: 18px;
}

.normallist li{
border-bottom: 1px solid #DADADA;
margin-bottom: 2px;
}

.normallist a{
text-decoration: none;
}

.normallist a:hover{
color: green;
}



#date  {
	color: blue;
	}


#content UL {
	list-style-image: url(./images/zelenabodka.gif)
}

#content UL LI.popular {
	list-style-image: url(./images/modrabodka.gif)
}

#content UL LI.beginner {
	list-style-image: url(./images/zelenabodka.gif)
}

#content UL LI.intermed {
	list-style-image: url(./images/zltabodka.gif)
}

#content UL LI.advanced {
	background-color : Red;
	list-style-image: url(./images/cervenabodka.gif)
}

HR {
	color : navy;
	height: 1pt;
}


H1 {
	color: black;
	width: 75%;
	border-bottom-style : solid;
	border-color : navy;
	border-bottom-width : medium;
	text-align: left;
}

H2 {
	color: black;
	width: 40%;
   font-size: 12pt;
	text-align: left;
   border-bottom : solid;
	border-bottom-color : navy;
	border-bottom-width : medium;
}

H3 {
	color: black;
	width: 80%;
	text-align: left;
	background : #00BFFF;
}

H4 {
	color: black;
	text-align: left;
}

H5 {
	color: orange;
        font-size : 14pt;
	text-align: left;
        padding : 0;
        margin : 0;
}

A {
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}