div.main2{
float:left;
width:657px;
margin:1px 0 2px 2px;
padding:3px 8px;
border:ridge 3px #FF9;
background-color:#F5F5F5;
}

#mainarea {
border:ridge 3px #006400;
text-align:center;padding:4px;
background-color:#A52A2A ;
background-image:url('imag/writfiltr.jpg');
height:1283px;
margin-left:3px;
margin-right:3px;
}

.level{
float:left;
margin-bottom:44px;
clear:left;
text-align:left;
width:145px;
padding:4px;
background-color:#F0E68C;
color:#FDF5E6;
}

#level1, #level2, #level3 {
float:left;position:relative;
text-align:left;
width:145px;
padding-left:2px;
padding-right:2px;
min-height:238px;
}

.prime {
background-color:#2F4F4F;
font-weight:600;
vertical-align:middle;
height:22px;
font-size:94%;
font-family:tahoma, arial;
cursor:pointer;
padding:6px;
border-bottom:ridge 2px #808080;
border-right:ridge 2px #808080;
border-left:ridge 1px #808080;
margin-bottom:4px;
margin-top:4px;
}
.prime:hover{background-color:#A52A2A;color:#FF0;text-decoration:underline}

#alfa, #period, #nation, #popular, #helen, #latin {
display:none;
padding:4px;
background-color:#F0E68C;
color:#FDF5E6;
border:solid 1px #808080;
font-size:86%;
font-family:tahoma, arial;
}

#nation2, #period2 {
display:none;
background-color:#F0E68C;
border:solid 1px #808080;
color:#FDF5E6;
padding:3px;
font-family:tahoma, arial;
}

#popular div, #alfa div, #period div, #nation div {
background-color:#708090;
font-size:90%;
font-weight:600;
padding:3px;
vertical-align:middle;
cursor:pointer;
height:17px;
border:solid 2px #D3D3D3;
margin-bottom:3px;
margin-top:3px;
}
#alfa div:hover{background-color:#A52A2A;color:#FF0;text-decoration:underline}
#period div:hover{background-color:#A52A2A;color:#FF0;text-decoration:underline}
#period2 div:hover{background-color:#A52A2A;color:#FF0;text-decoration:underline}
#nation div:hover{background-color:#A52A2A;color:#FF0;text-decoration:underline}
#nation2 div:hover{background-color:#A52A2A;color:#FF0;text-decoration:underline}
#popular div:hover{background-color:#A52A2A;color:#FF0;text-decoration:underline}

table.alf{width:100%;background-color:#F0E68C;padding:2px;text-align:center}
table.alf td {background-color:#2F4F4F;
padding:3px;
cursor:pointer;
border:ridge 2px #FFF;
font-weight:bold
}

table.alf td:hover  {background-color:#A52A2A;color:#FF0;text-decoration:underline}

.smaltit {
background-color:#8B0000;
text-align:center;
width:90%;margin:auto;
font-family:tahoma, arial;
font-size:small;
font-variant:small-caps;
font-weight:700;
color:#FFF;
border:ridge 2px #FFD700;
padding:2px;
}

#job 	{
display:none;
padding:2px;
background-color:#F0E68C;
border:solid 1px #808080;
color:#FDF5E6;
font-size:80%;
font-family:tahoma, arial;
}
.levela{
color:#FDF5E6;
background-color:#708090;
font-size:78%;
font-family:tahoma, arial;
font-weight:600;
padding:3px;
vertical-align:middle;
cursor:pointer;
height:17px;
border:solid 1px #808080;
margin-bottom:3px;
margin-top:3px;
}

.levelc{
color:#FDF5E6;
background-color:#708090;
font-size:88%;
font-family:tahoma, arial;
font-weight:600;
padding:2px;
vertical-align:middle;
cursor:pointer;
height:16px;
margin-bottom:2px;
margin-top:2px;
}

#job  div:hover{background-color:#A52A2A;color:#FF0;text-decoration:underline}

div.level4{float:left;height:896px;width:214px;}
.rsult {
background-color:#F0E68C;
border:solid 1px #800000;
width:188px;
margin:auto;
text-align:center;
padding:5px;
color:#006400;
font-size:93%;
z-index:2;
}

td.rslt {
background-color:#F5F5DC;
text-align:left;
font-weight:500;
padding-left:4px;
border-bottom:ridge 2px #006400;
border-right:ridge 2px #006400;
}

td.rslt:hover {background-color:#FFD700;}
a.drk {font-size:97%;color:#006400;font-family:georgia, trebuchet;text-decoration:none;}
a.drk:visited {color:#008B8B;text-decoration:none}
a.drk:hover {color:#4B0082;text-decoration:underline;}
a.drk:active {color:#FF0000;text-decoration:underline;}