#container
{
width:100%;
height:calc(100vh - 0Px);
margin-left:auto;
margin-right:auto;

margin-bottom:21px;
box-shadow: 10px 10px 5px #000000;
}
#h1text
{
font-weight: bold;
font-size:20px;
}



#header
{
height:60px;
background-color:#000000;
/*backkground-size:     cover;*/
background-image: url("./splashsm.bmp");
background-repeat:no-repeat;
clear:both;
color:#ffffff;
text-shadow: 2px 2px #006699;
font-size: 25px;
}
#letter
{
width:calc(100% - 10px);
height:calc(100vh - 170px);
padding-left: 5px;
padding-right: 3px;
background-color:#444444;
margin-left:1px;
margin-right:3px;
margin-top:11px;
margin-bottom:21px;
color:white;
font:white;
box-shadow: 0px 0px 0px #000000;
 
}
#letter table
{
	color:white;
}
#letter DIV OBJECT
{
	color:white;
}

#menu
{
height:20px;
background-color:#000000
}

#sidebar
{
width:0px;
height:0px;
background-color:#000000;
float:left
}

#main
{

height:calc(100vh - 100px);
background-color:#808080;
float:right

}

#footer
{
height:20px;

background-color:#CCC;
clear:both;

}

#main li
{
list-style-temp:none;
float:left;
display:block;
width:230px;
height:60px;
text-align:center;
line-height:55px;
font-family:Tahoma, Geneva, sans-serif;
font-size:17px;


}

#box
{
margin-left: 0px;	
}

#dhpcl{width:auto;}

#dkvacl{width:auto;}