body {
  background-image: url('images/grupoilonggo.gif');
  font-family: "Courier New"; font-size: 8pt;
  text-align: center;
}

a:link    {text-decoration:none;font-family: "Courier New"; font-size: 9pt;color:black;background-color:transparent;font-weigh:bold;}
a:visited {text-decoration:none;font-family: "Courier New"; font-size: 9pt;color:black;background-color:transparent;font-weigh:bold;}
a:hover   {text-decoration:underline;font-family: "Courier New"; font-size: 9pt;color:black;background-color:transparent;font-weigh:bold;}
a:active  {text-decoration:underline;font-family: "Courier New"; font-size: 9pt;color:black;background-color:transparent;font-weigh:bold;}

a.topmenu:link {text-decoration:underline;font-family: "Comic Sans MS"; font-size: 9pt;color:black;background-color:transparent; font-weight: bolder;}
a.topmenu:visited {text-decoration:underline;font-family: "Comic Sans MS"; font-size: 9pt;color:black;background-color:transparent; font-weight: bolder;}
a.topmenu:hover {text-decoration:underline;font-family: "Comic Sans MS"; font-size: 9pt;color:red;background-color:transparent; font-weight: bolder;}
a.topmenu:active {text-decoration:underline;font-family: "Comic Sans MS"; font-size: 9pt;color:red;background-color:transparent; font-weight: bolder;}


.menuheader {font-family: "Comic Sans MS"; font-size: 8pt; color: #FFFFFF;font-weight: bolder; width: 120px; background-color: #888888;}
a.menuitem:link {font-family: "Comic Sans MS"; font-size: 8pt; text-decoration:none;color: black;cursor:crosshair; width: 120px;background-color: #FFFFFF;}
a.menuitem:visited {font-family: "Comic Sans MS"; font-size: 8pt; text-decoration:none;color: black;cursor:crosshair; width: 120px;background-color: #FFFFFF;}
a.menuitem:hover {font-family: "Comic Sans MS"; font-size: 8pt; text-decoration:none;color: #FFFFFF;cursor:crosshair; width: 120px;background-color: #6699FF;}
a.menuitem:active {font-family: "Comic Sans MS"; font-size: 8pt; text-decoration:none;color: #FFFFFF;cursor:crosshair; width: 120px;background-color: #6699FF;}

.rightmenuheader {font-family: "Comic Sans MS"; font-size: 8pt; color: #FFFFFF;font-weight: bolder; width: 206px; background-color: #888888;}

img.floatRight { float: right; margin: 4px; }
img.floatRightClear { float: right; clear: right; margin: 4px; }

img.floatLeft { float: left; margin: 4px; }
img.floatLeftClear { float: left; clear: left; margin: 4px; }

img.nofloatLeft {clear: left; margin: 4px;}
img.nofloatRight {clear: right; margin: 4px;}

img.hbar1 {position: relative; left: 0px;}
img.hbar2 {position: relative; left: 10px;}
img.vbar1Left {position: relative; top: 0px;float: left; clear: left;}
img.vbar2Left {position: relative; top: 20px; float: left;}
img.vbar1Right {position: relative; top: 0px;float: right; clear: right;}
img.vbar2Right {position: relative; top: 20px; float: right;}

.hiddenPic {display:none;}
.comment {font-family: Arial; font-size: 8pt; font-weight: bold}
.box {/*this is a box */
  background-color: #FFFFFF; padding : 0px; margin: 0px;
  border-color : #EEEEEE; border-style : solid; border-width : 2px;
}

.boxinv {/*this is a box */ padding : 0px; margin: 0px; border-color : transparent;}

#container { width:780px;
 height=800px;
 /*position: absolute; 
 top: 0px;
 left: 0px;*/
}

#header {
 height:60px;
 /*background-image: url('images/GrupoIlonggo_banner.gif');
 background-repeat: no-repeat;*/
 text-align: center;
 vertical-align: top;
 font-family: "Courier New"; font-size: 9pt;
 border-bottom: thick solid #444488;
}

#footer { height:40px; vertical-align: top; font-family: "Arial"; font-size: 7pt; color: #336699; border-color : #EEEEEE; border-style : solid; border-width : 2px;}

#left{
 width:100px;
 vertical-align: top;
 font-family: "Courier New"; font-size: 9pt;
}

#center{
 width: 500px;
 vertical-align: top;
 text-align: left;
 font-family: "Courier New"; font-size: 9pt;
 /*background-color: #66CCCC;*/
}

#right{
 width:120px;
 vertical-align: top;
 font-family: "Courier New"; font-size: 9pt;
}