* { padding: 0;
margin: 0;
}

body{
width: 100%;
text-align: center;
font-family: verdana;
font-size: 10pt;
}

#page{
width: 900px;
text-align: left;
margin: 0 auto;
}

#header{
width: 100%;
height: 90px;
font-family: verdana;
border-bottom: solid 1px #cfcfcf;
}


#menutop, #header img{
float: left;
}


#menutop ul{
margin: 70px 0 0 30px;;
padding: 0;
}

#menutop ul li{

display: inline;
list-style: none;

}

#menutop ul li span{
display: block;
margin: -30px 0 0 0;
float: left;
width: 100px;
text-align: center;
}

#menutop ul li.selecto a:link, #menutop ul li.selecto a:visited{
display: block;
width: 100px;
height: 20px;
line-height: 30px;
padding: 20px 0 0 0;
text-decoration: none;
color: #b1b1b1;
font-size: 12pt;
font-variant: small-caps;
font-weight: bold;
background: url("images/select.jpg") no-repeat;
}


#menutop ul li.selecto a:hover{
color: #6fd2e4;
}

#menutop ul li a:link, #menutop ul li a:visited{
display: block;
width: 100px;
height: 20px;
line-height: 30px;
padding: 20px 0 0 0;
text-decoration: none;
color: #b1b1b1;
font-size: 12pt;
font-variant: small-caps;
font-weight: bold;
}

#menutop ul li a:hover{
background: url("images/select.jpg") no-repeat;
color: #6fd2e4;
}

#leftmenu{
float: left;
width: 180px;
font-family: verdana;
}

#leftmenu ul{
margin: 20px 5px 0;
padding; 0;
}

#leftmenu ul li{
list-style: none;
padding: 3px 0;
line-height: 18px;
}

#leftmenu ul li a:link, #leftmenu ul li a:visited{
color: #6fd2e4;
font-size: 11px;
text-decoration: none;
}

#leftmenu ul li a:hover{
color: #785710;
}

#content{
text-align: center;
position: relative;
width: 700px;
margin: 10px 10px;
border-left: dashed 1px #6fd2e4;
}

#content p{
margin: 12px; 0;
text-align: justify;
}

#content p span{
color: #468995;
}

#content img{

width: 450px;
margin: 20px auto 0;
}

.circle1{
position: absolute;
top: 10px;
left: 325px;
}

.circle2{
position: absolute;
top: 25px;
left: 410px;
}

.circle3{
position: absolute;
top: 95px;
left: 540px;
}

.circle4{
position: absolute;
top: 160px;
left: 570px;
}

.circle5{
position: absolute;
top: 235px;
left: 575px;
}

.circle6{
position: absolute;
top: 328px;
left: 540px;
}

.circle7{
position: absolute;
top: 430px;
left: 360px;
}

.circle8{
position: absolute;
top: 420px;
left: 260px;
}

.circle9{
position: absolute;
top: 355px;
left: 115px;
}


.circle10{
position: absolute;
top: 280px;
left: 50px;
}

.circle11{
position: absolute;
top: 130px;
left: 20px;
}

.circle12{
position: absolute;
top: 130px;
left: 35px;
}

.circle13{
position: absolute;
top: 25px;
left: 190px;
}

.circle14{
position: absolute;
top: 60px;
left: 100px;
}

.circle15{
position: absolute;
top: 390px;
left: 475px;
}

.circle16{
position: absolute;
top: 50px;
left: 485px;
}

.circle17{
position: absolute;
top: 395px;
left: 165px;
}

.circle18{
position: absolute;
top: 210px;
left: 25px;
}

#content .cntlink a:link, #content .cntlink a:visited{
text-decoration: none;
color: #6fd2e4;
font-size: 12px;
}

#content .cntlink a:hover{
color: #785710;
}