body          { color: #696969; font-size: 12px; font-family: Arial, SunSans-Regular, Sans-Serif; background-color: #fff; background-image: url("images/a_tile.jpg"); background-repeat: repeat-x; margin: 0; padding: 0 }
h1     { color: #699; font-size: 18px; font-family: "Times New Roman", Times, serif; font-weight: lighter; letter-spacing: 1px; margin: 20px 0 0; padding-bottom: 20px }
h2     { color: #699; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: 1px; margin: 0; padding-bottom: 5px }
h3  { color: #699; font-size: 12px; font-weight: normal; letter-spacing: 1px; margin: 0 }
p, pre  { color: #696969; text-align: justify; margin: 0 }
.table { padding: 5px; border: dashed 1px #800000 }
a  { color: #800000 }
a:visited  { color: #800000 }
a:hover {color: #564b47;}
a:active { color:#000000;}
img.download {vertical-align:middle;}

/* --- Gros Container --- */
.container       { margin: 0 auto 10px; padding: 0; width: 820px; height: 100% }
/* --- banner logo ---*/
.banner     { margin: 0; padding: 0; height: 100px; vertical-align: middle }
#banner img { padding: 0 }
/* --- Top Sub Title--- */
.top    { color: #add8e6; font-size: 14px; font-style: normal; font-weight: lighter; letter-spacing: 2px }
/* --- Nav Top --- */
.navbar            { padding-top: 4px; padding-bottom: 4px; padding-left: 10px; height: 18px; vertical-align: middle }
.nav       { color: #fff; font-size: 11px; font-family: Arial, Helvetica; font-weight: bold; letter-spacing: 1px; padding-right: 10px; padding-left: 10px; border-right: 1px solid #ccc }
.nav a    { color: #fff; text-decoration: none }
.nav a:visited { color: #fff; text-decoration: none }
.nav a:hover    { color: #006; text-decoration: none }
.nav3         { font-size: 12px; font-family: Arial; font-weight: normal; line-height: 20px; text-decoration: none; background-color: #e6e6fa; text-align: left; text-indent: 20px; letter-spacing: 1px; width: 200px; height: 20px; border-style: solid none none; border-width: 1px 0 0; border-color: #d3d3d3 }
.nav3:link   { color: #699; font-size: 12px; font-family: Arial; text-decoration: none; float: left }
.nav3:visited   { color: #699; font-size: 12px; font-family: Arial; text-decoration: none; float: left }
.nav3:hover     { color: #fff; font-size: 12px; font-family: Arial; text-decoration: none; background-color: #9cc; float: left }
.nav3:active  { color: #a9a9a9; font-size: 12px; font-family: Arial; text-decoration: none; background-color: #fff; float: left }
/* --- Content ---*/
.content                { background-color: #fff; margin: 0; padding: 0; min-height: 400px }

/* --- Tables ---*/
.Table1 { color: #333; font-size: 12px; font-family: Arial, Helvetica; margin: 2px; border: dotted 2px #669 }
.TB1 { background-color: #fff; margin: 0; padding: 0; width: 100%; border-width: 0; outline-width: 0 }
.td2  { padding-right: 20px; vertical-align: top; border-right: 1px solid #9cc; border-bottom: 1px solid #9cc }
.tdpromo  { background-color: #e0ffff; padding: 10px; vertical-align: middle; border-style: solid; border-width: 0 1px 1px; border-color: #9cc }
/* --- Left --- */
.left          { background-image: url("images/a_left_tile.jpg"); text-align: center; margin: 0; padding: 0; width: 200px; height: 100%; min-height: 450px; float: left; vertical-align: top }
/* --- Right ---*/
.right             { padding: 0 10px 0 20px; width: 620px; height: 100%; vertical-align: top }
.right-scroll { width: 100%; height: 100%; vertical-align: top }
#TB-scroll { }
/* --- footer ---*/
.footer       { color: #808080; font-size: 10px; text-align: right; letter-spacing: 1px; margin: 0; padding: 3px 10px; clear: both; border-top: 1px solid #c0c0c0 }