body {
  color: #333333;
  font: 100%/145%;
  font-family: Helvetica, "Lucida Grande", Verdana, sans-serif;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

.section img {
  padding: 7px;
  border: 1px solid #ddd;
  margin-right: 15px;
  float: left;
}

div.section {
  margin-top: 1.5em;
}

a {
  color: #99CC33;
  color: #557799;
  color: #6F6F18;
  color: #638291;
  color: #638291;
  text-decoration: none;
}

a.here {
  color: #333333;
}

a:hover 
{
  color: #CC0000;
  color: #FC8B4A;
  color: #D7CB80;
  text-decoration: none;
}

h1 {
  margin: 0;
  padding: 0;
  color: #86a7c5;
  text-indent: -2000em;
  z-index: 1000;
}

div#header h1 {
  margin: 0;
  padding: 0;
  color: #86a7c5;
}

h2 {
  color: #333333;
  font-weight: normal;
  font: 24pt/28pt 'Trebuchet MS',Verdana,Sans-Serif;
  letter-spacing: -1px;
  margin: 0px;
  margin-top: 0.5em;
  margin-bottom: 25px;
}

h2 span.alt {
  font-family: 'Trebuchet MS',Verdana,Sans-Serif;
  color: #666666;
  font-weight: normal;
  letter-spacing: -1px;
  margin-bottom: 0px;
}

#menu a {
  padding-top: 100px;
  padding-bottom: 1em;
  clear: both;
}

#menu {
  padding-top: 1em;
}

h3 {
  color: #999999;
  font-size: 18pt;
  font-weight: normal;
  margin: 0px;
  margin-top: 1em;
  margin-bottom: 1em;
  display: inline;
}

h4 {
  font: 75%/140% 'Trebuchet MS',Verdana,Sans-Serif;
  color: #333333;
  font-weight: normal;
  float: left;
  text-align: right;
  margin-top: -1px;
  margin-left: -280px;
  width: 260px;
  position: relative;
  text-transform: uppercase;
  text-variant: small-caps;
  padding: 0px;
  clear: both;
  display: block;
}

h4.cv {
  margin-top: 2px;
}

h5 {
  color: #333333;
  font: 100%/140% "Helvetica", "Lucida Grande", Arial, Verdana, sans-serif;
  margin: 0;
  margin-top: 1em;
}

p {
  margin: 0;
  padding-bottom: 1em;
}

ul {
  list-style: none;
  margin-left: 1.5em;
  padding-left: 1em;
  text-indent: -1em;
  padding-top: 0;
  margin-top: 0;
}

div.details {
  padding-bottom: 1em;
}

div.title {
  color: #666666;
  font-weight: bold;
}

div.item {
  margin-left: 1.5em;
}

span.location {
  display: block;
  color: #ffffff;
}

span.month {
  color: #999999;
}

span.url {
  position: absolute;
  left: 0;
  left: 455px;
}

span.url2 {
  {
  position: relative;
  top: -3px;
  }
}

.arrow {
  font-family: "Courier New", Courier, sans-serif;
  font-size: 145%;
  color: #666666;
}

.thumbnail{
  padding: 7px;
  border: 1px solid #ddd;
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
  } 


#header {
  width: 100%;
  height: 200px;
  background-color: #86a7c5;
  background-image: url("header.gif");
  background-repeat: no-repeat;
  background-position: bottom left; 
}

#content {
  width: 50%;
  margin-left: 300px;
  color: #333333;
}

#footer {
  color: #999999;
  margin: 0;
  margin-top: 2em;
  padding: 5px 0 5px 0;
  text-align: left;
  clear: both;
  width: 100%;
  text-align: center;
  background-color: #FFFFFF;

  font-family: 'Trebuchet MS',Verdana,Sans-Serif;
}

#footer a {
  font-family: 'Trebuchet MS',Verdana,Sans-Serif;
  font-size: 150%;
  text-transform: uppercase;
  letter-spacing: 10px;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */