body {
  background-color:       #fff;
  font-family:            Arial, Helvetica, sans-serif, sans-serif;
  margin:                 0;
  float:                  left;
  font-size:              80%;
  color:                  #7A7A7A;
}

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

#MainNav a {
    color:                  #EB1C34;
}

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

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

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

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

#MainNav li {
  display:          inline;
  list-style-type:  none;
  padding:          0.6em 1em .71em 1em;
}

#MainNav ul {
  margin:           0;
  padding:          0;
  *padding:         1.1em 0 .75em 0;
  _padding:         .95em 0 .95em 0;
}

#SubNav {
  line-height: 2em;
  font-family: "Trebuchet MS", "ITC Franklin Gothic", "Franklin Gothic Medium", sans-serif;
  font-size: .7em;
  padding-top: .7em;
}

#SubNav .subnav_sublabel {
  font-style:             italic;
  margin-left: 2em;
  border-style: solid;
  border: none;
  border-bottom: thin dashed #ddd;
  border-width: 1px;
  width: 85%;
  height: 1.5em;
}

div#signup form{
  padding: 0;
  width: 500px;
}

#SubNav ul li {
  list-style-type:  none;
  padding-left: 1em;
}

#SubNav ul li#active {
  padding-left: .4em;
}

#SubNav li#active a {
  color:  #EB1C34;
  font-weight: 600;
  background-color: #eee;
  padding: .4em .6em;
}

#SubNav ul li a:hover {
  color: #EB1C34;
}

#SubNav a {
  color:  #7A7A7A;
}

#SubNav ul {
  padding-left: 1em;
}

h1, h2 {
  font-family:            Arial, Helvetica, sans-serif, sans-serif;
}

p {
  font-family:            Arial, Helvetica, sans-serif, sans-serif;
  line-height:            1.3em;
  font-weight:            100;
  margin:                 1em 0 3em 0;
}

img {
  border-style:           none;
}

h1 {
  font-weight:            600;
  font-size:              1.6em;
  line-height:            1em;
  width:                  90%;
  margin:                 .8em 0 .5em;
}

h2 {
  font-weight:            100;
  font-size:              1em;
  line-height:            1.2em;
  margin:                 1em 0 1em 0;
  font-style:             italic;
}


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

div.Canvas {
  min-width:              800px;
  _width:                 800px; /* 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:       #ddd;
  width:                  100%;
  height:                 2em;
  margin:                 0;
  padding:                0;
}

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

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

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

div.Canvas .NarrowLeft {
  width:                  38.2%;
  max-width:              350px;
  float:                  left;
}

div.Canvas .WideRight {
  float:                  left;
  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:                  0 0 2em;
  text-align:               center;
  font-size:                .65em;
  background-color:         #444; 
  margin:                   4em auto 0; 
  overflow:                 hidden;   
  font-family:              "Trebuchet MS", sans-serif;
  height:                   1em;
  font-weight:              600;
}

div#Footer a{
  color:                    #ddd;
  
}

div#Footer li {
  display: inline;
  padding: 1em;
}

.WideRight img{
    width: 100%;
}

.WideRight .column {
    width: 47%;
    float: left;
}

.WideRight .column#left-side {
    padding-right: 2.5em;
}

.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;
}

p.credits {
	  font-size: .6em;
}

#thumbs {   
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
#thumbs a {
    width: 30%;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.half#thumbs a {
    width: 47%;
}

.half#thumbs img {
    opacity: 0.7;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}


.two-column-thumbs {
  width: 100%;
}

.big-thumb {
  width: 60%;
  float: left;
  margin-right: 3em;
}

.big-thumb img {
}

.right-thumbs {
  width: 20%;
  float: left;
}

.right-thumbs img {
  margin-bottom: 1em;
  opacity: 0.75;
  filter: alpha(opacity=75); /* For IE8 and earlier */
    -moz-box-shadow:    1px 1px 1px 1px #aaa;
  -webkit-box-shadow: 1px 1px 1px 1px #aaa;
  box-shadow:         1px 1px 1px 1px #aaa;
}

.shadow {
  -moz-box-shadow:    1px 1px 1px 1px #aaa;
  -webkit-box-shadow: 1px 1px 1px 1px #aaa;
  box-shadow:         1px 1px 1px 1px #aaa;
}