/* body layout */
body { 
  background-color: #ffffee; 
  margin: 0px; 
  padding: 0px; 
  border: 0px; 
  width: 100%; 
  height: 100%;  
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* header layout */
#document { 
  margin: 0px; 
  padding: 0px; 
  text-align: center; 
  width: 100%; 
  height: 100%; 
}
#page { 
  margin: 5px auto; 
  position: relative; 
  padding: 0px; 
  width: 800px; 
  background-image: url(/graphics/bg.jpg); 
  background-repeat: repeat-y; 
  border: 2px solid #3c3c00;
}
#secondarymenu { 
  text-align:right; 
  width:800px; 
  padding-bottom:5px; 
}
#logobox { 
  float: left; 
  width: 400px; 
  padding-top:15px; 
}
#graphicbox { 
  float: right; 
  width: 350px; 
  text-align: right; 
}
#maincontents { 
  width: 800px; 
  margin: 0px; 
  padding: 0px; 
  overflow:hidden; 
}
.mainbtn { 
  text-align: center; 
  width: 200px; 
  background-position: center; 
  background-image: url(/graphics/btnu.jpg); 
  background-repeat: no-repeat; 
  padding: 0px;
}
.mainbtnheight { 
  line-height: 20px; 
}
.preload { 
  position: absolute; 
  left: 0px; 
  top: 0px; 
  width: 0px; 
  height: 0px; 
}

/* footer layout */
#floatbox { 
  padding-top: 10px; 
  padding-bottom: 5px; 
  width: 800px; 
  text-align: center; 
}
#comodo { 
  width: 395px; 
  float: left; 
  text-align: right; 
}
#contact { 
  width:395px; 
  float:right; 
  text-align:left; 
  padding-top:18px; 
}

/* generic designations */
h1 {
  font-size: 150%;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}
h2 {
  font-size: 125%;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}
h3 {
  font-size: 100%;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}
dt { 
  font-size: 100%; 
  color: #780000; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}
dd { 
  font-size: 90%; 
  color: #3c3c00; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

/* text presentation */
.text {}

.b { font-weight: bold; }
.fs { letter-spacing: 2px; }
.sc { font-variant: small-caps; }

.xl { font-size: 150%; }
.lg { font-size: 125%; }
.md { font-size: 100%; }
.sm { font-size: 90%; }
.xs { font-size: 80%; }

.c1fnt { color: #3c3c00; }
.c2fnt { color: #780000; }
.c3fnt { color: #ffffee; }

/* link presentation */
a.c1link:link { color: #3c3c00; text-decoration: none; }
a.c1link:visited { color: #3c3c00; text-decoration: none; }
a.c1link:active { color: #cc3014; text-decoration: none; }
a.c1link:hover { color: #cc3014; text-decoration: none; }

a.c2link:link { color: #780000; text-decoration: none; }
a.c2link:visited { color: #780000; text-decoration: none; }
a.c2link:active { color: #cc3014; text-decoration: none; }
a.c2link:hover { color: #cc3014; text-decoration: none; }

a.c3link:link { color: #ffffee; text-decoration: none; }
a.c3link:visited { color: #ffffee; text-decoration: none; }
a.c3link:active { color: #ffffcc; text-decoration: none; }
a.c3link:hover { color: #ffffcc; text-decoration: none; }

/* box presentation */
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

.c1box { border: 1px solid #3c3c00; }
.c2box { border: 1px solid #780000; }
.c3box { border: 1px solid #ffffee; }

.c1bg { background-color: #3c3c00; }
.c2bg { background-color: #780000; }
.c3bg { background-color: #ffffee; }

.nobox { background-color:transparent; border:0; }
.nomargin { margin:0px; padding:0px; }
.fullwidth { width:800px; }
.floatclear { height:0px; line-height:0px; font-size:1px; overflow:hidden; clear: both; }
.spacer { height:10px; background-color:transparent; border:0; }
.collapse { border-collapse:collapse; }