body {
  background-color:       #000;
  font-family:            "Optima", "ITC Franklin Gothic", "Futura", "Univers", sans-serif;
  margin:                 1em;
  float:                  left;
  font-size:              94%;
}

a {
  color:                  #eb9783;
  text-decoration:        none;
}

#MainNav a {
    color:                  #EB1C34;
}

h1, h2 {
  font-family:            "ITC Franklin Gothic", "Franklin Gothic Medium", sans-serif;
}

p {
  font-family:            "Univers", "Tahoma", sans-serif;
  line-height:            1.3em;
  font-weight:            100;
  margin:                 2em 0 3em 0;
  color:                  #CCC;
  width: 		  800px;
}

img {
  border-style:           none;
}

h1 {
  font-weight:            600;
  font-size:              2.4em;
  line-height:            .9em;
  color:                  #CCC;
  width:                  90%;
  margin:                 .8em 0 .5em;
}

h2 {
  font-weight:            100;
  font-size:              1.71em;
  line-height:            1.25em;
  color:                  #CCC;
  margin:                 .5em 0 2em 0;
}


h3 {
  font-family:            "Trebuchet MS", "Univers", sans-serif;
  text-align:             center;
  font-size:              1em;
  font-weight:            600;
  color:                  #CCC;
  font-variant:           small-caps;
  margin:                 0;
}

div.Canvas {
  min-width:              963px;
  _width:                 963px; /* IE6 seems to not respect the min width when there is no width specified. It allows infinite window shrinkage.*/
  font-size:              1.31em;
  margin:                 0 auto;
  border-padding:         0;
  padding:                0;
  overflow:               hidden;
}

div.Canvas #Header {
  background-color:       #333;
  width:                  100%;
  height:                 2em;
  margin:                 0;
  padding:                0;
}

div.Canvas #Header #Logo {
  background-color:       #EB1C34;
  width:                  38.2%;
  height:                 100%;
  margin:                 0;  
  padding:                0;
}

div.Canvas #Header img {
  height:                 100%;
}

div.Canvas #Header h1 {
  text-indent:            -10000000px;
  margin:                 0;
  font-size:              0em;
}

div.Canvas #Header #MainNav {
  font-family:      "Trebuchet MS", "ITC Franklin Gothic", "Franklin Gothic Medium", sans-serif;
  font-size:        .8em;
  font-variant:     small-caps;
  font-weight:      100;
  float:            right;
  width:            61.8%;
  margin:           -1.9em 0 0;
  *margin:          -2.9em 0 0;
  padding:          0;
}


div.Canvas #Header #MainNav #active {
  font-weight:          900;
  color:                #000;
  background-color:     #000;
}

div.Canvas #Header #MainNav #active a {
  color:                #eb4942;
}

div.Canvas #Header #MainNav a:hover {
  text-decoration:      underline;
}

div.Canvas .NarrowLeft {
  width:                  38.2%;
  float:                  left;
}

div.Canvas .WideRight {
  float:                  right;
  width:                  59.8%;  
  padding-right:          2%;
}


div.Canvas .NarrowLeft .MainImage {
  margin:                2.0em 0 0 2em;
  _width:                78%;
}

div.Canvas .NarrowLeft .MainImage.Nomargin {
  margin:                0em;
  _width:                78%;
}

div.clear {
  clear:                  both;
}

div.Canvas #Spotlight {
  width:                  77%;
  padding:                0 0 0 11%;
  overflow:               auto;
  margin-bottom:          2em;
  _padding:               0 0 0 12%;
}

div.Canvas #Spotlight p {
  font-size:            .7em;
  padding:              0 0 0 1.5em;
  width:                90%;
  margin:               1em 0 0;
}


div.Canvas #Spotlight .spotlight {
  float:                left;
  display:              inline;
  overflow:             hidden;
  padding:              5px;
}

div.Canvas #Spotlight #left {
  width:                31.5%;
  margin: 0;
}

div.Canvas #Spotlight #left_separator {
  width:                2%;
  margin: 0;
}

div.Canvas #Spotlight #mid {
  width:                31.5%;
  margin: 0;
}

div.Canvas #Spotlight #mid_separator {
  width:                2%;
  margin: 0;
}

div.Canvas #Spotlight #right {
  width:                31.5%;
  margin: 0;
}

div.Canvas #Spotlight img {
  width:                100%;
  margin: 0;
}

div#Footer {
  padding:                  1em 0 1em;
  text-align:               center;
  font-size:                .65em;
  background-color:         #222; 
  margin:                   4em auto 0; 
  overflow:                 hidden;   
  font-family:              "Trebuchet MS", sans-serif;
  height:                   1em;
}

div#Footer a{
  color:                    #EB1C34;
  
}

.WideRight img{
    width: 100%;
}

.WideRight p.ImageAndDescription{
    font-size: .9em;
}

.WideRight p.DoubleImageAndDescription{
   font-size: .9em;
}

.WideRight p.ImageAndDescription img{
    margin: 0 0 .5em 0
}

.WideRight p.DoubleImageAndDescription img{
   width: 47.6%;
}

.WideRight p.DoubleImageAndDescription img.left{
   margin: 0 1.1em 0 0;
}