/* Homepage */
body {
  background: #D3D7CF url("background.gif") top repeat-x;
}
#header {
  height: 80px;
  background: #D3D7CF url("background_3.png");
  padding: 24px;
  margin: 0;
}
#latest {
  position: relative;
  padding: 30px;
}
#col1 {
  width: 35%;
}
#col2 {
  position: absolute;
  left: 40%;
  top: 30px;
  width: 25%;
}
#col1 h2 {
  margin-top: 0;
}
#col3 {
  position: absolute;
  left: 68%;
  top: 30px;
  width: 25%;
}
#about {
  background: #edefec;
  padding: 2px 16px;
  margin: 0 0 1em 0;
}
#about h1 {
  margin: 0;
}
#devider {
  height: 48px;
  background: white;
}
ul#menu {
  list-style: none;
  margin: 0;
  padding: 0;
  background: white;
}
ul#menu li {
  display: block;
  padding: 0;
  margin: 0;
  float: left;
}
ul#menu a {
  display: block;
  background-color: white;
  background-position: right center;
  background-repeat: no-repeat;
  height: 30px;
  padding: 14px 16px 4px 16px;
  overflow: hidden;
  text-decoration: none;
  font-size: 145%;
  background-image: none !important;
}
ul#menu a:hover {
  color: white !important;
}
ul#menu a.blue {
  color: #0197c3;
  background-image: url(arrow_blue.png);
}
ul#menu a.blue:hover {
  background-color: #0197c3;
  background-image: url(arrow_blue_inv.png);
}
ul#menu a.orange {
  color: #F38525;
  background-image: url(arrow_orange.png);
}
ul#menu a.orange:hover {
  background-color: #F38525;
  background-image: url(arrow_orange_inv.png);
}
ul#menu a.pink {
  color: #e3058b;
  background-image: url(arrow_pink.png);
}
ul#menu a.pink:hover {
  background-color: #e3058b;
  background-image: url(arrow_pink_inv.png);
}
ul#menu a.green {
  color: #00a652;
  background-image: url(arrow_green.png);
}
ul#menu a.green:hover {
  background-color: #00a652;
  background-image: url(arrow_green_inv.png);
}
ul#menu a.red {
  color: #eb1e24;
}
ul#menu a.red:hover {
  background-color: #eb1e24;
}
ul#menu a.purple {
  color: #2f3090;
}
ul#menu a.purple:hover {
  background-color: #2f3090;
}
/*
#framework {
  min-height:100%;
  width: 50%;
  margin: 0;
  padding: 0;
}
#colleft {
  padding: 1em 3em 3em 3em;
}
#colright {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
}
#about {
  background-color: white;
  margin: 32px 32px 0px 32px;
  min-height: 32px;
  padding: 10px 16px 6px 16px;
  overflow: hidden;
}

/* Menu 
ul#menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#menu li {
  padding: 0;
  margin: 8px 32px 0px 32px;
}
ul#menu a {
  display: block;
  background-color: white;
  background-position: right center;
  background-repeat: no-repeat;
  min-height: 24px;
  padding: 14px 16px 10px 16px;
  overflow: hidden;
  text-decoration: none;
  font-size: 150%;
}
ul#menu a:hover {
  color: white !important;
}
ul#menu a.blue {
  color: #0197c3;
  background-image: url(arrow_blue.png);
}
ul#menu a.blue:hover {
  background-color: #0197c3;
  background-image: url(arrow_blue_inv.png);
}
ul#menu a.orange {
  color: #F38525;
  background-image: url(arrow_orange.png);
}
ul#menu a.orange:hover {
  background-color: #F38525;
  background-image: url(arrow_orange_inv.png);
}
ul#menu a.pink {
  color: #e3058b;
  background-image: url(arrow_pink.png);
}
ul#menu a.pink:hover {
  background-color: #e3058b;
  background-image: url(arrow_pink_inv.png);
}
ul#menu a.green {
  color: #00a652;
  background-image: url(arrow_green.png);
}
ul#menu a.green:hover {
  background-color: #00a652;
  background-image: url(arrow_green_inv.png);
}
*/