.c_left { text-align: left; }
.c_center { text-align: center; }
.c_right { text-align: right; }
.c_justify { text-align: justify; }
.c_bold { font-weight: bold; }
.c_notbold { font-weight: normal; }
.c_italic { font-style: italic; }
.c_red { color: #990000; }
.c_gray { color: #999999; }
.c_font8 { font-size: 8px; }
.c_font10 { font-size: 10px; }
.c_font12 { font-size: 12px; }
.c_font14 { font-size: 14px; }

.img_right { float: right; margin: 5px 5px 5px 15px; }
.img_left { float: left; margin: 5px 15px 5px 5px; }

body,div,span { margin: 0px; padding: 0px; }

body {
   background-image: url(./img/pcb_aluminum.png);
   background-attachment: fixed;
   text-align: center;
}

#topnav { background-color: #cccccc; color: #999999; font: 9px Arial; border-bottom: 2px solid #999999; }
#topnav a { color: #999999; text-decoration:none; }
#topnav a:hover { color: #666666; }

#container {
   width: 780px;
   margin-top: 8px;
   margin-left: auto;
   margin-right: auto;
   background-color: #336633;
   border-top: 2px solid #669966;
   border-left: 2px solid #669966;
   border-right: 2px solid #003300;
   border-bottom: 2px solid #003300;
}

#hmenu { padding: 2px; font: 14px Verdana; color: #000099; margin: 0px 6px 4px 6px; background-color: #eeffff; border-top: 2px solid #003300; border-left: 2px solid #003300; border-right: 2px solid #669966; border-bottom: 2px solid #669966; }
#hmenu a { padding: 0px 4px 0px 4px; color: #000099; font-weight: bold; text-decoration: none; }
#hmenu a:hover { background-color: #ccddee; font-weight: bold; text-decoration: none; }
.hflag { padding: 3px; color: #eeffee; font: 12px Verdana; }
.hflag a { color: #ffcc00; }

#menuleft { color: #ffffff; font: 12px Arial; }
#menuleft .header { color: #ffffff; font: 14px Arial; }
#menuleft .section { text-align: left; padding: 0px 2px 2px 2px; border: 1px solid #ffffff; margin: 0px 6px 0px 6px; }
#menuleft a { color: #cccccc; text-decoration: none; }
#menuleft a:hover { color: #ffffff; font-weight: bold; }

.menutable { margin: 2px 6px 0px 6px; border-collapse: collapse; width: 128px;}
.menutable th { font: 9px Verdana; font-weight: bold; background-color: #669966; color: #ffffff; }
.menutable td { font: 9px Arial; background-color: #ffffff; border-bottom: 1px solid #669966; color: #336633; }

.tabtextsm { margin: 0px 24px 0px 24px; color: #669966; font: 10px Verdana; text-align: center; }

/* WHITE MAIN BLOCK */

#main { text-align: left; font: 12px Verdana; color: #000000; padding: 0px 8px 0px 8px; margin: 0px 6px 6px 0px; background-color: #ffffff; border-top: 2px solid #003300; border-left: 2px solid #003300; border-right: 2px solid #669966; border-bottom: 2px solid #669966; }
#main .title { text-align: right; margin: 6px 6px 0px 0px; padding: 0px 4px 2px 4px; font: 16px Verdana; color: #990000; font-weight: bold; }
#main .subtitle { text-align: right; margin: 2px 6px 6px 200px; padding: 2px 4px 0px 4px; font: 12px Arial; color: #000000; border-top: 2px solid #cccccc; }

#main a {
   font: 12px Verdana;
   color: #cc0000;
   text-decoration: none;
   border-bottom: 1px dashed #cc0000;
}

#main a.normal {
   font: 12px Verdana;
   color: #cc0000;
   text-decoration: none;
   border: none;
}

#main a.big {
   font: 16px Verdana;
   font-weight: bold;
   color: #cc0000;
   text-decoration: none;
   border: none;
}

#main a.img {
   text-decoration: none;
   border: none;
}

#main a.a_bigboldred { color: #990000; font: 16px Arial; font-weight: bold; text-decoration:none; border-bottom:1px dashed #990000; }
#main a:hover.a_bigboldred { border-bottom: 1px solid #990000; }
#main a.a_bigboldgre { color: #009900; font: 16px Arial; font-weight: bold; text-decoration:none; border-bottom:1px dashed #009900; }
#main a:hover.a_bigboldgre { border-bottom: 1px solid #009900; }
#main a.a_bigboldblu { color: #000099; font: 16px Arial; font-weight: bold; text-decoration:none; border-bottom:1px dashed #000099; }
#main a:hover.a_bigboldblu { border-bottom: 1px solid #000099; }

#main a:hover.img { border: none; }
#main a:hover { border-bottom: 1px solid #cc0000; }

#main .c_msg { margin: 0px 24px 0px 24px; color: #009900; font-weight: bold; }
#main .c_err { margin: 0px 24px 0px 24px; padding: 4px; color: #cc0000; border: 2px dashed #cc0000; }
#main .c_msg a,#main .c_err a { color: #000099; border-color: #000099; font-weight: bold; }

/* FORM TABLE */

.formtable { width: 100%; margin: 0px; }
.formtable td,.formtable th { font: 12px Verdana; }
.formtable label { font: 10px Verdana; }
.formtable .nobkg { background-color: #ffffff; }

.formtable td,.formtable th { text-align: left;}
.formtable th {
   font: 16px Arial;
   font-weight: bold;
   color: #336633;
   background-color: #eeeeee;
   background-image: url(./img/pcb_section.png);
   background-position: right;
   background-repeat: repeat-y;
}

.formtable td.c_bold { font: 14px Verdana; font-weight: bold; }

.formtable input, .formtable textarea {
   padding: 2px;
   background-color: #eeffee;
   border: 1px solid #ccddcc;
}

.formtable select {
   background-color: #eeffee;
   border: 1px solid #ccddcc;
}

.formtable input.button {
   padding: 2px;
   background-color: #336633;
   font-weight: bold;
   color: #ffffff;
   border-top: 2px solid #669966;
   border-left: 2px solid #669966;
   border-right: 2px solid #003300;
   border-bottom: 2px solid #003300;
}

.formtable input.tinybutton {
   padding: 1px;
   background-color: #336633;
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
   border-top: 2px solid #669966;
   border-left: 2px solid #669966;
   border-right: 2px solid #003300;
   border-bottom: 2px solid #003300;
}

.formtable input.check {
   background-color: #ffffff;
   border: none;
}



/* ALPHA TABLE */

.alphatable td,.alphatable th { font: 12px Verdana; text-align: left;}
.alphatable th { font-weight: bold; }

#main .alphatable a {
   font: 12px Verdana;
   color: #cc0000;
   text-decoration: none;
   border-bottom: 1px dashed #cc0000;
}

#main .alphatable a:hover { border-bottom: 1px solid #cc0000; }


/* GRIDTABLE */

.gridtable { border-collapse: collapse; }
.gridtable th,.gridtable td { font: 10px Verdana; }
.gridtable td,.gridtable th { border: 1px solid #336633; }

.gridtable th {
   padding: 2px 4px 2px 4px;
   background-color: #eeffee;
   font-weight: bold;
   color: #336633;
}

.gridtable th.big {
   font: 12px Verdana;
   font-weight: bold;
   background-color: #336633;
   color: #ffffff;
}

.gridtable td {
   padding: 2px 4px 2px 4px;
   background-color: #ffffff;
}

.gridtable td.c_bold { font-weight: bold; }

.gridtable input.tinybutton {
   margin-top: 0px;
   padding: 0px;
   background-color: #336633;
   font-size: 10px;
   font-weight: bold;
   color: #ffffff;
   border-top: 2px solid #669966;
   border-left: 2px solid #669966;
   border-right: 2px solid #003300;
   border-bottom: 2px solid #003300;
}

#main .gridtable a {
   font: 10px Verdana;
   color: #cc0000;
   text-decoration: none;
   /*border-bottom: 1px dashed #cc0000;*/
   border-bottom: none;
}

#main .gridtable a:hover { border-bottom: 1px solid #cc0000; }