html, body {
    height: 100%;
    font-family: verdana, arial, sans-serif, helvetica,;
    padding: 0; outline: none; border: none;
    }

body {
    padding: 0px;
    text-align: center;
    background-image: url(../images/css/bg.jpg);
    background-attachment: fixed;    
}

body { margin-top:20px; margin-bottom:20px;}

#outerContainer {
  
  position: relative;
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: center;
  width: 700px;
  height: auto;
  border: solid #FFCC33;
}

#top {text-align: left; width: 100%; height:200px; border:0px solid #b0b000; margin-bottom:2px; padding:0;/* background: #999999; background-image: url(../images/css/top.jpg*/ }

#page, #Bnav { float: left; clear: left; width: 100%; height: 20px; background: #CE9F00;
        border-top-width:0px; border-top-color:#000066; border-style:solid;
        border-right-width:0px; border-top-color:blue;
        border-bottom-width:0px; border-bottom-color:blue;
        border-left-width:0px; border-top-color:blue;
        }

#innerContainer { float: left; margin: 0 auto; text-align: left; width: 100%; height: auto; margin-top:2px; padding:0; }

#page {text-align: right;}
#Bnav {text-align: center;}

#Lnav {text-align: left; float: left; width: 135px; min-height: 100%; height: auto;  border-left-width:0px; border-right-width:0px;  margin-right:5px;/* background: red; */}
#data {text-align: center; float: left; width: 555px; min-height: 100%; height: auto; /*background: #ffCC66;*/ }
#bottom {text-align: right; clear: left; width: 100%; height: auto; /* background: #FFFFFF;*/ }

#header {text-align: left; float: left; display: block; width: 100%; height: auto; background: #CE9F00; border-style: solid;
        border-top-width:0px; border-top-color:#b0b000;
        border-right-width:0px; border-right-color:#b0b000;
        border-bottom-width:2px; border-bottom-color:#EDEEEF;
        border-left-width:0px; border-left-color:#b0b000;
}

#body { text-align: left; float: left; display: block; width: 100%; height: auto; background: #CE9F00; border-style: solid;
        border-top-width:0px; border-top-color:#b0b000;
        border-right-width:0px; border-right-color:#b0b000;
        border-bottom-width:0px; border-bottom-color:#b0b000;
        border-left-width:0px; border-left-color:#b0b000;

}

#displayHeaderFooter{text-align: center; float: left; display: block;  width: 100%; height: auto; border-style: solid; margin-top:2px;
        border-top-width:0px; border-top-color:#999999;
        border-right-width:0px; border-right-color:#999999;
        border-bottom-width:0px; border-bottom-color:#ffffff;
        border-left-width:0px; border-left-color:#999999;

}

#displayLong, #displayShort {text-align: left; float: left; display: block; height: auto; border-style: solid; margin-top:2px;
        border-top-width:0px; border-top-color:#999999;
        border-right-width:0px; border-right-color:#999999;
        border-bottom-width:0px; border-bottom-color:#ffffff;
        border-left-width:0px; border-left-color:#999999;

}

#displayShortB{text-align: left; float: left; display: block;  width: 98px; height: auto; border-style: solid; margin-top:2px;
        border-top-width:0px; border-top-color:#999999;
        border-right-width:0px; border-right-color:#999999;
        border-bottom-width:0px; border-bottom-color:#999999;
        border-left-width:0px; border-left-color:#999999;
}

#displayMiddleLeft { text-align: left; float: left; width: 50%; }
#displayMiddleRight { text-align: right; float: left; width: 50%; }
#displayShort { width: 10%;}
#displayLong { width: 90%;}

#displayHeaderFooter, #displayLong, #displayShort, #displayShortB, #innerContainer, #panel { background: #CE9F00; }

#buttonUp, #buttonDown, #panel {text-align: left; width: 100%; height:auto;  margin-bottom:2px; padding:0; /*background:yellow;   margin:0; padding:2px;*/ }

#buttonUp, #page, #Bnav, #panel {height:auto; border-style:outset;
        border-top-width:0px; border-top-color:#b0b000;
        border-right-width:0px; border-right-color:#b0b000;
        border-bottom-width:0px; border-bottom-color:#b0b000;
        border-left-width:0px; border-left-color:#b0b000;
        }
#buttonDown{ border-style:outset; background:#eaea00;
        border-top-width:0px; border-top-color:#750000;
        border-right-width:0px; border-right-color:#750000;
        border-bottom-width:0px; border-bottom-color:#750000;
        border-left-width:0px; border-left-color:#750000;
        }

#panel {text-align: left; }

#submitButtonPanel {text-align: center; width: 100%; height:auto;  margin-bottom:2px; padding:0;}

#buttonUp {background-color:#F4F4F4}
#buttonOver, #buttonDown {background-color:#ffff00}

 .imgPadding { margin-right:4px; margin-bottom: 4px; }

 .Link1 A:link {text-decoration: none; border-bottom: 0px solid #999999; color: #0F2B8E; }
 .Link1 A:visited {text-decoration: none; border-bottom: 0px solid #999999; color: #0F2B8E;}
 .Link1 A:active {text-decoration: none; border-bottom: 0px solid #999999; color: #0F2B8E;}
 .Link1 A:hover {text-decoration: none; border-bottom: 0px solid #999999; color: #cc3300; font-weight: bold;}

 .Link2 A:link {text-decoration: none; border-bottom: 0px dashed #999999; color: #804000; }
 .Link2 A:visited {text-decoration: none; border-bottom: 0px dashed #999999; color: #804000; }
 .Link2 A:active { text-decoration: none; border-bottom: 0px dashed #999999; color: #804000;}
 .Link2 A:hover {text-decoration: underline; border-bottom: 0px dashed #999999; color: #ffff00;}

 .Link3 A:link {text-decoration: none; border-bottom: 1px dashed #0F2B8E; color: #0F2B8E; }
 .Link3 A:visited {text-decoration: none; border-bottom: 1px dashed #0F2B8E; color: #0F2B8E; }
 .Link3 A:active { text-decoration: none; border-bottom: 1px dashed #0F2B8E; color: #0F2B8E;}
 .Link3 A:hover {text-decoration: underline; border-bottom: 0px dashed #cc3300; color: #cc3300;}

/*Text*/
#T1 {color: #ffffff; font-size: 2em;  font-weight: normal; font-family: Impact, helvetica, arial, sans-serif; letter-spacing:0.1em; margin:0; padding:4px;}

#T2 {color: #000000; font-size: 1.0em; font-weight: normal;  margin:0; padding:2px;}

#T3, #upLink {color: #ffffff; font-size: 0.80em; font-weight: normal;  margin:0; padding:2px; }

#T4 {color: #000000; font-size: 0.75em; font-weight: normal;  margin:0; padding:2px; }

#T5 {color: #FFFFFF; font-size: 0.70em; font-weight: normal;  margin:0; padding:2px; }


#T1b {color: #49341B; font-size: 2em;  font-weight: bold;  margin:0; padding:2px;}

#T2b {color: #000000; font-size: 1.0em; font-weight: bold;  margin:0; padding:2px;}

#T3b, #downLink { font-size: 0.80em; font-weight: bold;  margin:0; padding:2px; }
#T3b  {color: #ffff00;}
#upLink {color: #0F2B8E }
#downLink {color: #CC3300 } /*used for text links*/


#T4b {color: #ffff00; font-size: 0.75em; font-weight: bold;  margin:0; padding:2px; }

#T5b {color: #49341B; font-size: 0.55em; font-weight: bold;  margin:0; padding:2px; }

#err {color: red; font-size: 0.80em; font-weight: bold;  margin:0; padding:2px;}

#spacerRow { float: left;width: 100%; height: auto;}
#spacerColumn { float: left;width: 10px; height: auto; }