/* 
To compact this and include in html:
http://refresh-sf.com/
*/

body {
    height: 100%;
    color: #404040;
}

.desktop {
    width: 800px;
}
.mobile {
    width: 90%;
    font-size: 1.8em;
}
.desktop, .mobile {
    text-align: center;
    position: relative; /* VERY VERY IMPORTANT */
    margin: auto;
}
.desktop #content {
    width: 620px;
    float: right;
}

a {
    font-weight: bold;
    text-decoration: none;
    color: #202020;
}
a:active, a:visited {
    color: #202020;
}
a:hover {
    color: #9b0014;
}

.separator {
    border-top-style: solid;
    border-top: 2px #9B0014 solid;
}

.center {
    text-align: center;
    margin: auto;
}

.left {
    text-align: left;
    margin: auto;
}

.right {
    text-align: right;
    margin: auto;
}


.top {
    vertical-align: top;
}

.justify {
    text-align: justify;
    text-justify: inter-word;
}

.lightgray {
    background-color: #f4f4f4;
}

.logo {
    max-width: 240px;
    max-height: 80px
}

.width_max {
   width: 100%;
}

.width_half {
   width: 50%;
}

.width_third {
   width: 33%;
}

.width_fourth {
   width: 25%;
}

.gray {
  background-color: #f4f4f4
}

table, th, td {
   border: 0px solid black;
}

.cell00 {
  border-spacing: 0px;
  padding: 0px 0px 0px 0px;
}

.cell42 {
  border-spacing: 2px;
  padding: 4px 4px 4px 4px;
}

.hide {
  display: none;
}

.title1 {
  font: bold 1.5em Tahoma, sans-serif;
  color: #000080;
}

.title2 {
  font: bold 1.1em Tahoma, sans-serif;
}

.blue {
  color: blue;
}