* {
    padding: 0;
    margin: 0;
} 

body {
    background:#CCCC99;
	font: 11px Verdana, Arial, sans-serif;
	line-height: 1.5em; 
	color : #111;
}

a { color: #595A3A }
a:hover { color: #000; }

#wrap {
margin: 20px auto;
width: 780px;
background: #CCCC99;
}

#header {
background: #CCCC99 url('header.png') no-repeat;
height: 240px;
}
#header h1 {
font-size: 0em;
color: #000000;
padding: 0px 0 0 40px;
font-weight: 100;
}
#header h1 a{
text-decoration: none;
color: #000000;
font-weight: 100;
}
#header h1 a:hover {
border-bottom: 1px dotted #aaa; text-decoration: none;
}

#header h2 {
font-size: 0em;
padding: 0 0 0 40px;
color: #000000;
font-weight: 100;
}

#breadcrumbs {
background: #CCCC99 url('breadcrumbs.jpg') no-repeat;
height: 20px;
padding: 0 0 0 40px;
font-size: 18px;
}
#breadcrumbs a { text-decoration: none; }
#breadcrumbs a:hover { border-bottom: 1px dotted #000; text-decoration: none; }

#content {
background: #CCCC99 url('content.jpg');
background-repeat: repeat-y;
padding: 10px 25px 20px 25px;
line-height: 1.4;
}
.left { 
float: left;
width: 520px;
margin-right: 20px;
margin-top: 5px;
font-size: 1.2em;
}
.left h1 { font-size: 1.5em; margin: 0 0 5px 0; padding-top: 8px; }
.left h2 { font-size: 1.4em; margin: 0 0 5px 0; padding-top: 8px; }
.left h2 a { text-decoration: none; }
.left h2 a:hover { border-bottom: 1px dotted #aaa; text-decoration: none;}
.left a { text-decoration: none; }
.left a:hover { border-bottom: 1px dotted #aaa; text-decoration: none; }

.right {
float: left;
width: 160px;
padding: 15px;
background: #f7f7f7;
margin-top: 10px;
}
.right h2 { font-size: 1em; margin: 0 0 5px 0; }
.right li { list-style-type: none; padding-left: 5px; }
.right li a { text-decoration: none; }
.right li a:hover { border-bottom: 1px dotted #aaa; text-decoration: none;;}

#right2 {
width: 470px;
background-color: #f7f7f7;
padding: 15px;
margin-top: 10px;
}

#footer { 
background: #CCCC99 url('footer.jpg');
height: 30px;
padding: 0px 25px 0 25px;
text-align: center;
}
#footer a { text-decoration: none; }
#footer a:hover { border-bottom: 1px dotted #aaa; text-decoration: none; }



ul#navigation {
    position: relative;
    width: 485-px;
    margin: 0;
    height: 509px;
    list-style: none;
    overflow: hidden;
}

ul#navigation li a {
    height: 509px;
    position: absolute;
    overflow: hidden;
    padding: 509px 0 0 0;
    text-indent: -100em;
    text-decoration: none;
    top: 0;
    width: 485px;
}
html>body ul#navigation li a{
    height: 0;
}


li#botan1 a{
    background: transparent url('yaba1.jpg') no-repeat 0 0;
    left: 0px;
    }


li#botan1 a:hover{
background-position: 0px -509px;
}

li#botan1 a:active{
    background-position: 0px -1018px;
    }