
@charset "UTF-8";

/* colors */
.cBLK { color: Black; }
.cGYL { color: GreenYellow; }
.cLBL { color: LightBlue; }
.cLGR { color: LightGray; }
.cMRN { color: Maroon; }
.cYLW { color: Yellow; }
.bcLBL { background-color: LightBlue; }
.bcLGR { background-color: LightGray; }

* {
    background-color: Ivory;
}

.lBox {			/* globals */
    margin: 0px;
    border: 0px none Red;
    outline: Red none 0px;
    padding: 0.5ex;
    overflow: auto;
    text-align: left;
/*    background-color: Ivory;
 */
}

.flLft { float: left; }
.flRgt { float: right; }

.hFull { height: 98%; }
.hHalf { height: 49%; }
.wFull { width: 98%; }
.wHalf { width: 49%; }

#dWrap {			/* wrapper box */
/*    background-color: LightGrey;
 */
    width: 56em;
    height: 40em;
    margin: auto;
}

.lMargin {			/* left side/column */
    width: 15%;
    min-width: 8em;
    float: left;
    border-left: 2px none;
    border-top: 0px none;
    border-right: 2px none;
    border-bottom: 0px none;
}

.lMain {			/* left and middle column */
    width: 79%;
/*
    min-width: 400px;
 */
    max-width: 48em;
    float: left;
    margin-left: 1em;
}


.lHdr, .lFtr {		/* header and footer */
    height: 3em;
}

.lFtr {
  font-size: smaller;
}

#dBdy {
    height: 33em;
/*    border-style: groove;
 */
    border-top: 4px groove gray;
    border-bottom: 4px groove gray;
/*    border-color: black;
 */
}

.Home {
    float: left;
}

/* order ! */
.aLink:link, .aLink:visited, .aLink:hover, .aLink:active, .aLink:focus {
    text-decoration: none;
    border: 0 none Red;
    outline: Red none 0;
}

#dHome {
/*    background-color: DarkGray;
    bottom: -0.43em;
 */
    overflow: visible;
    position: relative;
    bottom: -0.43em;
    font-size: x-large;
    float: left;
}
#hHome {
/*     background-color: LightGray;
    position: relative;
 */
}
#aHome {
    padding: 0;
    overflow: visible;
}

#topTabs {
/*    background-color: LightGray;
 */
/*    float: right;
 */
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.topTab {
    padding-right: 1ex;
/*
    font-size: smaller;
    border-style: outset;
 */
    float: left;
    color: MidnightBlue;
}

.ftSansSerif { font-family: "Arial", "Sans-serif"; }
.ftSerif { font-family: "Verdana", "Serif"; }
.ftSmaller { font-size: smaller; }
.ftLarger { font-size: larger; }
.ftLarge { font-size: large; }
.ftXLarge { font-size: x-large; }

#dMain {
/*    border-left: 2px groove;
 */
}

.bdTop { border-top: 2px groove gray; }
.bdRgt { border-right: 2px groove gray; }
.bdLft { border-left: 2px groove gray; }
.bdBtm { border-bottom: 2px groove gray; }

#dCpr {
    text-align: center;
}

#dhLMd {
/*    background-color: LightBlue;
 */
    padding: 0;
}

#dHdr {
/*    background-color: LightGray;
 */
/*    margin: 0px;
    border: 0px;
    padding: 0px;
    height: 3em;
 */
    overflow: visible;
}
#dFtr {
/*    background-color: LightGray;
 */
/*    border-top: 2px groove;
 */
}
#servTab {
/*    background-color: LightGray;
    position: relative;
    left: 1ex;
 */
    
}
#dSearch {
/*    background-color: LightGray;
 */
    padding: 0;
    text-align: left;
}

#dItFriend {
/*    background-color: DarkGray;
 */
    float: left;
/*    height: 1em;
 */
    position: relative;
    bottom: -0.66em;
/**/
    width: 33em;
}

#pItFriend {
/*    background-color: LightGray;
 */
    font-size: smaller;
}

#dFlag {
/*    background-color: DarkGray;
 */
    position: relative;
    overflow: visible;
/*    width: 51px;
    height: 32px;
*/
    float: right;
}

#iFlag {
    width: 35px;
    height: 21px;
}


.Mmitech {
/*    background-color: LightGray;
 */
    font-family: "Arial", "Sans-serif";
    font-style: italic;
    font-weight: bold;
    color: Maroon;
    float: left;
    vertical-align: bottom
}
.centered {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  margin: auto;
  text-align: center;
  table-layout: auto;
}


