/******************************************************************************
** HYPERLINKS
******************************************************************************/

a:link, a:visited { color: blue; text-decoration: underline;  }
a:hover { color: #E72B33; text-decoration: underline; }

a.nav:link, a.nav:visited
{
  width: 95px;
  border-bottom: 1px white dotted;
  margin: 7px 10px 0px 10px;
  padding: 2px;
  color: white;
  font-weight: bold;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
}
a.nav:hover { border-bottom: 1px red solid; color: red; }

a.ref { color: white; }

/******************************************************************************
** HTML ELEMENTS
******************************************************************************/

body, table
{
  font-family: verdana;
  font-size: 10pt;
  line-height: 150%;
}

div.page-content
{
  width: 780px;
  background: #fff url('/images/bg_total.jpg') no-repeat;
  margin: 0px auto;
  padding: 0px 10px;
  min-height: 700px;
}

div.page-footer
{
  width: 790px;
  margin: 0 auto;
  padding: 2px 5px;
  font-family: "Trebuchet MS", Arial;
  font-size: 10px;
  color: white;
  text-align: right;
}

h1
{
  color: #27245D;
  font-family: arial;
  font-size: 18pt;
  text-align: right;
  border-bottom: 1px black dotted;
  width: 90%;
  margin-bottom: 5px;
  line-height: 150%;
  position: relative;
  left: 8%;
}

hr  { color: black; height: 2pt }
img { border: 0 }
li  { list-style: square outside }
td, th  { text-align: left; vertical-align: top; }


/******************************************************************************
** COMMON TEXT STYLING & COLORS
******************************************************************************/

.b { font-weight: bold }           .B { font-weight: normal }
.u { text-decoration: underline }  .U { text-decoration: none }
.i { font-style: italic }          .I { font-style: normal }

.size6 { font-size: 6pt } .size10 { font-size: 10pt } .size14 { font-size: 14pt }
.size7 { font-size: 7pt } .size11 { font-size: 11pt } .size15 { font-size: 15pt }
.size8 { font-size: 8pt } .size12 { font-size: 12pt } .size16 { font-size: 16pt }
.size9 { font-size: 9pt } .size13 { font-size: 13pt } .size17 { font-size: 17pt }

.black          { color: black }           .BGblack          { background: black }
.blue           { color: #27245D }         .BGblue           { background: #27245D }
.darkblue       { color: #123 }            .BGdarkblue       { background: #146 }
.darkgray       { color: #555 }            .BGdarkgray       { background: #555 }
.darkgreen      { color: darkgreen }       .BGdarkgreen      { background: darkgreen }
.darkorange     { color: darkorange }      .BGdarkorange     { background: darkorange }
.darkred        { color: #900 }            .BGdarkred        { background: #c00 }
.gray           { color: gray }            .BGgray           { background: gray }
.green          { color: green }           .BGgreen          { background: green }
.khaki          { color: khaki }           .BGkhaki          { background: khaki }
.lightgray      { color: lightgrey }       .BGlightgray      { background: lightgrey }
.lightsteelblue { color: lightsteelblue }  .BGlightsteelblue { background: lightsteelblue }
.midgray        { color: #aaa }            .BGmidgray        { background: #aaa }
.orange         { color: orange }          .BGorange         { background: orange }
.orangered      { color: orangered }       .BGorangered      { background: orangered }
.red            { color: #E72B33 }         .BGred            { background: #E72B33 }
.shade          { color: #eee }            .BGshade          { background: #f5f5f5 }
.steelblue      { color: steelblue }       .BGsteelblue      { background: steelblue }
.white          { color: white }           .BGwhite          { background: white }
.yellow         { color: yellow }          .BGyellow         { background: yellow }

.arial     { font-family: Arial }
.arialN    { font-family: "Arial Narrow", Arial }
.calibri   { font-family: Calibri, Arial }
.courier   { font-family: "Courier New" }
.tahoma    { font-family: Tahoma }
.times     { font-family: "Times New Roman"; }
.trebuchet { font-family: "Trebuchet MS", Tahoma, Arial; }
.verdana   { font-family: Verdana }

.upper   { text-transform: uppercase }
.lower   { text-transform: lowercase }
.capital { text-transform: capitalize }

.left    { text-align: left }
.center  { text-align: center }
.right   { text-align: right }
.justify { text-align: justify }
.top     { vertical-align: top }
.middle  { vertical-align: middle }
.bottom  { vertical-align: bottom }

.borderNO { border: none; }
.border   { border: 1px black dotted }
.borderT  { border-top: 1px black dotted }
.borderR  { border-right: 1px black dotted }
.borderB  { border-bottom: 1px black dotted }
.borderL  { border-left: 1px black dotted }
.borderS  { border:1px #dde solid }

.hidden  { visibility:hidden; display:none }
.visible { visibility:visible; }

.mar0  { margin: 0px }   .marT0  { margin-top: 0px }   .marR0  { margin-right: 0px }   .marB0  { margin-bottom: 0px }   .marL0  { margin-left: 0px }
.mar3  { margin: 3px }   .marT3  { margin-top: 3px }   .marR3  { margin-right: 3px }   .marB3  { margin-bottom: 3px }   .marL3  { margin-left: 3px }
.mar6  { margin: 6px }   .marT6  { margin-top: 6px }   .marR6  { margin-right: 6px }   .marB6  { margin-bottom: 6px }   .marL6  { margin-left: 6px }
.mar9  { margin: 9px }   .marT9  { margin-top: 9px }   .marR9  { margin-right: 9px }   .marB9  { margin-bottom: 9px }   .marL9  { margin-left: 9px }
.mar12 { margin: 12px }  .marT12 { margin-top: 12px }  .marR12 { margin-right: 12px }  .marB12 { margin-bottom: 12px }  .marL12 { margin-left: 12px }
.mar15 { margin: 15px }  .marT15 { margin-top: 15px }  .marR15 { margin-right: 15px }  .marB15 { margin-bottom: 15px }  .marL15 { margin-left: 15px }
.mar18 { margin: 18px }  .marT18 { margin-top: 18px }  .marR18 { margin-right: 18px }  .marB18 { margin-bottom: 18px }  .marL18 { margin-left: 18px }
.pad0  { padding: 0px }  .padT0  { padding-top: 0px }  .padR0  { padding-right: 0px }  .padB0  { padding-bottom: 0px }  .padL0  { padding-left: 0px }
.pad3  { padding: 3px }  .padT3  { padding-top: 3px }  .padR3  { padding-right: 3px }  .padB3  { padding-bottom: 3px }  .padL3  { padding-left: 3px }
.pad6  { padding: 6px }  .padT6  { padding-top: 6px }  .padR6  { padding-right: 6px }  .padB6  { padding-bottom: 6px }  .padL6  { padding-left: 6px }
.pad9  { padding: 9px }  .padT9  { padding-top: 9px }  .padR9  { padding-right: 9px }  .padB9  { padding-bottom: 9px }  .padL9  { padding-left: 9px }
.pad12 { padding: 12px } .padT12 { padding-top: 12px } .padR12 { padding-right: 12px } .padB12 { padding-bottom: 12px } .padL12 { padding-left: 12px }
.pad15 { padding: 15px } .padT15 { padding-top: 15px } .padR15 { padding-right: 15px } .padB15 { padding-bottom: 15px } .padL15 { padding-left: 15px }
.pad18 { padding: 18px } .padT18 { padding-top: 18px } .padR18 { padding-right: 18px } .padB18 { padding-bottom: 18px } .padL18 { padding-left: 18px }

.floatL { float: left }
.floatR { float: right }
.block { display: block }
.inline { display: inline }

.wide { width: 100% }

/******************************************************************************
** SPECIFIC STYLING
******************************************************************************/

.marker
{
  background: #258;
  padding: 1px 1px 1px 5px;
  color: white;
  font-family: arial;
  font-weight: bold;
  margin: 2px 0px 4px 0px;
}