body {background-image:url('imag/writfiltr.jpg');}

.col1a, .col2b, .col3c {float:left;margin:0;padding:0;overflow:hidden;}
.col1a, .col3c {width:18%;} 
.col2b {width:64%;}
.col1a {text-align:center;}

.side .menu1 td {padding:6px 0 6px;}
.side .menu1 {margin-bottom:1px;}
.main {
width:84%;
margin:35px auto;
padding:0;
}

#facade, #col1side1, #col2side2 {
margin:0 auto;
padding:1px 0;
height:113px;
/* background-color:RGBA(207, 177, 136, 0.8); */
background-color:#D2B48C;
-webkit-box-shadow:inset 0 0 30px #7D6749;
-moz-box-shadow:inset 0 0 30px #7D6749;
box-shadow:inset 0 0 30px #7D6749;
}

.issuefst {
width:72%;
margin:23px auto;
padding: 7px 0;
border:4px ridge #DDC8AA;
text-align:center;
letter-spacing:1px;
background-color:#fafaf8;
-webkit-box-shadow:1px 1px 2px #888, 0 0 12px #86602A  inset;
-moz-box-shadow:1px 1px 2px #888, 0 0 12px #86602A  inset;
box-shadow:1px 1px 2px #888, 0 0 12px #86602A  inset;
z-index:3	
}	

.main h1 {font-size:147%;}

#mainarea {
width:100%;
margin:0 auto;
padding:0 0 20px;
font-size:95%;
/* background-color:#800000; */
background-color:rgba(128, 0, 0, 0.87);
-webkit-box-shadow:inset 0 0 102px 22px #4E1321;
-moz-box-shadow:inset 0 0 102px 22px #4E1321;
box-shadow:inset 0 0 102px 22px #4E1321;
}

#voidtop {width:100%;padding:5px 0;margin:0;}
.voidleft {width:1%;padding:0;margin:0;float:left;}

#firstmenu, #alfa, #period, #nation, #popular, #nation2, #period2, #job,  #helen, #latin, .alf, .rsult  {
background-color:#B1AB95;
color:#FDF5E6;
padding:1px 0;
margin:0;
border:1px solid #6E6E9C;
}
#firstmenu {border:none;}

#level0 {width:19%;float:left;padding:0;margin:0;font-size:92%;}
#level1 {width:19%;}
#level2 {width:18%;}
#level1 {font-size:88%;}
#level2 {font-size:84%;}
#level3 {font-size:76%;width:18%;}
#level4 {width:24%;}

#level1, #level2, #level3, #level4 {
float:left;position:relative;
font-weight:600;
color:#FDF5E6;
font-family:arial, tahoma, helevetica, arial, sans-serif;
padding:0 0 1px;margin:0 0 1px;
}


.prime {
background-color:#4E5B6F;
font-weight:600;
text-shadow:1px 1px #100F0A;
font-family:tahoma, arial;
cursor:pointer;
padding:6px 0 6px 6px;
border-bottom:ridge 2px #808080;
border-right:ridge 2px #808080;
border-left:ridge 1px #808080;
margin:6px;
}

#alfa, #period, #nation, #popular,  #helen, #latin, #job {
display:none;
}

#nation2, #period2 {
display:none;
}

#popular div, #alfa div, #period div, #nation div,  #nation2 div, #period2 div, #job div {
background-color:#4E5B6F;
font-weight:600;
text-shadow:1px 1px #100F0A;
font-family:tahoma, arial;
cursor:pointer;
padding:6px 0 6px 6px;
border-bottom:ridge 2px #808080;
border-right:ridge 2px #808080;
border-left:ridge 1px #808080;
margin:6px;
}

#alfa div:hover, #period div:hover, #period2 div:hover, #nation div:hover, #nation2 div:hover, #popular div:hover, #job  div:hover, .prime:hover {background-color:#233D65;color:#FF0;text-decoration:underline}

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

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

 .smaltit {
text-align:center;
margin:auto;
font-family:tahoma, arial;
font-size:small;
font-variant:small-caps;
font-weight:600;
color:#FFF;
}

#job 	{
display:none;
}

#void {margin:1px;padding:1px;height:450px;}

.rsult {
margin:auto;
text-align:center;
color:#006400;
font-size:94%;
z-index:2;
}

.rsult table {width:93%;margin:auto;}

td.rslt {
background-color:#FFFFF0;
text-align:left;
padding:3px 0 3px 4px;
border:2px ridge #FFFFF0;
box-shadow:2px 3px 8px #3E3333;
border-radius:4px;
}

td.rslt:hover {background-color:#F1F180;}
.blk640 {display:block;}
/* theinnerHTML table */
.inn {width:95%;margin-bottom:7px;}

a.drk {color:#030115;text-decoration:none;}
a.drk:visited {color:#008B8B;text-decoration:none}
a.drk:hover {color:#4C1375;text-decoration:underline;}
a.drk:active {color:#FF0000;text-decoration:underline;}

.social {width:98%;margin-top:200px;}
.soc1 {width:55%;background-color:#4E5B6F;}

@media only screen and (max-width: 1180px) {
 .col1a, .col3c  {width:16%;}
 .col2b {width:68%;}
 #mainarea {font-size:82%;}
}
@media only screen and (max-width: 1000px) {
.col3c {display:none;}
.issuefst {width:90%;}
.col2b {float:none;width:100%;}
 #mainarea {font-size:90%;}
}

@media only screen and (max-width: 850px) {
.main {width:79%;margin:1px auto;}
 #mainarea {font-size:90%;}
}
@media only screen and (max-width: 640px) {
.blk640 {display:none;}
#mainarea {font-size:80%;}
.prime {margin-right:2px;margin-left:2px;}
#level1 div div {margin:2px 2px;}
td.rslt {padding:4px 0 4px 2px;border:1px ridge #FFFFF0;box-shadow:1px 1px 1px #3E3333;}
#level0 {width:30%;padding:0;margin:0;font-size:108%;font-weight:bold;}
#level1 {width:28%;font-size:91%;}
#level4 {width:38%;font-size:105%;font-weight:bold;}
h1 {font-size:125%;}
.prime {padding:5px 0 5px 6px;}
#mainarea {font-weight:100;}
.rsult table {width:97%;}
#h1sp {display:none;}
 .issuefst {margin:14px auto;padding:2px 0;}
}
@media only screen and (max-width: 400px) {
.main h1 {font-size:120%;}
 #mainarea {font-size:77%;}
}