@charset "utf-8";

body {

height:100%;

background:#FFFFFF;

font-size:100%;

color:#000000;

font-family:Tohama, Geneva, sans-serif;

line-height:1.5;

text-align:right;

}

a{

color:#000000;

text-decoration:none;

}

.aa{

width:100%;

position:fixed;

height:75px;

right:0px;

background:#00ded1;

top:0px;

z-index:75;

opacity:0.7;

text-align:center;

box-shadow:inset 2px 2px 25px #000;

/*background:#228b22;*/

}

#abcde{

float:right;

color:red;

font-size:27px;

display:none;

}

#headerli{

display:none;

display:block;

}

#headerli nav{

height:10%;

margin:0 auto;

padding:0 auto;

padding:0 auto;

}

#headerli nav ul{

list-style:none;

margin:0 auto;

font-family:Tohama, Geneva, sans-serif;

font-size:150%;

}

#headerli nav ul li{

float:right;

display:inline;

margin:0.25% 3%;

margin:0.25% 3%;

background-color:#cdFFcd;

display:inline;

padding:10px;

border-radius:15px;

}

#headerli nav ul li:hover{

background-color:;

background-color:;

}

#headerli a:link{

color:green;

text-decoration:none;

font-size:20px;

font-weight:bold;

}

#headerli a:hover{

color:maroon;

color:maroon;

}

#reheaderli{

display:block;

display:none;

position:relative;

top:75px;

}

#reheaderli nav{

height:10%;

margin:0 auto;

padding:0 auto;

padding:0 auto;

}

#reheaderli nav ul{

list-style:none;

margin:0 auto;

font-family:Tohama, Geneva, sans-serif;

font-size:150%;

}

#reheaderli nav ul li{

float:right;

display:inline;

margin:0.25% 3%;

margin:0.25% 3%;

background-color:#cdFFcd;

display:inline;

padding:10px;

border-radius:15px;

}

#reheaderli nav ul li:hover{

background-color:;

background-color:;

}

#reheaderli a:link{

color:green;

text-decoration:none;

font-size:20px;

font-weight:bold;

}

#reheaderli a:hover{

color:maroon;

color:maroon;

}

#abcdb{

float:left;

float:left;

position:relative;

left:15px;

}

.imageclass{

position:relative;

top:75px;

margin-bottom:10px;

box-shadow:2px 4px 10px 4px red;

}

.edman{

padding:2%;

margin:1.5%

font-size:14pt;

text-align:justify;

color:black;

font-weight:bold;

}

.boldcs{

font-size:24px;

color:blue;

font-weight:bold;

font-weight:bold;

}

.pc, .Fcss{

font-size:smaller;

font-style:italic;

}

.arch, .archb{

background:#FFF;

padding:2%;

margin:1.5%;

margin:1.5%;

}

.scimage{

width:37%;

float:left;

background:#FFF;

margin:1.1% 2% 0.5% 2%;

padding:1.1% 2% 0.5% 2%;

}

.ab{

top:75px;

position:relative;

width:100%;

background:#228b22;

background:#2F4F4F;

}

#adam{

background:#FFFFFF;

width:90%;

padding:5px;

position:relative;

right:2.5%;

margin:5px;

box-shadow:inset 0 0 1em gold;

}

#middleid{

background:#FFFFFF;

width:90%;

padding:5px;

position:relative;

right:2.5%;

margin:5px;

box-shadow:inset 0 0 1em gold;

}

#mainview{

text-align:center;

color:green;

text-decoration:none;

font-size:20px;

font-weight:bold;

background:#FFFFFF;

width:90%;

padding:5px;

position:relative;

right:2.5%;

margin:5px;

box-shadow:inset 0 0 1em gold;

}

#menuid{

background:#FFFFFF;

width:90%;

position:relative;

padding:5px;

right:0.5%;

margin:5px;

box-shadow:inset 0 0 1em gold;

}

#sideid{

background:#FFFFFF;

width:90%;

position:relative;

right:2.5%;

padding:5px;

margin-top:25px;

margin-bottom:25px;

box-shadow:inset 0 0 1em gold;

}

.a5{

float:left;

position:relative;

left:0px;

width:29%;

background:#FF69b4;

}

.a4{

float:right;

width:70%;

position:relative;

right:0px;

background:#7FFFd4;

}

.a6{

position:relative;

width:23%;

float:right;

right:0.5%;

background:#228b22;

}

.a3{

position:relative;

left:1%;

float:left;

width:75%;

background:#8dbc8F;

}

/*.abcde57{

width:100%;

height:200px;

bottom:0px;

background:#FFFFFF;

right:0px;

opacity:0.2;

position:fixed;

position:absolute;

}*/

.ae{

width:100%;

height:57px;

bottom:0px;

background:#4169e1;

right:0px;

opacity:1;

position:fixed;

/*position:absolute;*/

}



@media only screen and (min-width:157px) and (max-width:1000px) {

body {

margin-right:0;

margin-right:0;

}

#abcde{

float:right;

display:block;

}

#headerli{

display:block;

display:none;

}

#reheaderli{

display:block;

}

#reheaderli nav{

height:160px;

height:160px;

}

#reheaderli nav ul{

padding-right:0;

padding-right:0;

}

#reheaderli nav ul li{

width:95%;

text-align:center;

display:block;

text-align:center;

background:##cdFFcd;

margin-bottom:2px;

padding:5px;

margin-left:200px;

}

#reheaderli nav ul li:hover{

background:##cdFFcd;

background:##cdFFcd;

}

#reheaderli nav ul li a:hover{

background:#;

background:#;

}

.imageclass{

display:none;

display:none;

}

.scimage{

width:93%;

float:right;

margin-top:1%;

margin-left:0;

margin-right:1.5%;

margin-bottom:1%;

}

.a5{

width:100%;

position:relative;

right:0px;

background:#FF69b4;

}

.a4{

width:100%;

position:relative;

right:0px;

background:#7FFFd4;

}

.a6{

display:block;

display:none;

}

.a3{

width:100%;

width:100%;

}

}