body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 12px;
  color: #535457;
}

a:link, #content a:link, #content a:visited, #sidebar a:visited  {
  font-family: verdana;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #006798;
}

a:visited {

}

a:hover {
}

a:active {
}

#logo_top{
  position: absolute;
  top: 30px;
  left: 50px;
}

#header {
  background-color:#F4F6F9;
  border-bottom: 5px solid #79B7D5;
  height: 75px;
}

#header ul {
  margin: 0;
  padding: 0;
  text-align: right;
}

#header li {
  display: inline;
}

#header a:link, #header a:visited  {
  text-decoration: none;
  font-weight: bold;
  color: #FF9900;
}

#header-top {
  /*background-color:#6699FF;*/
  position: absolute;
  top: 68px;
  right: 45px;
}

.nav_buttons {
/*NB have used a class here. May need to use 2 sep IDs. with #   */

  position: absolute;
  right: 50px;
  top: 110px;

}

#main {

  position: relative;  /* this is used as the parent to position the sidebar */
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 10px;
}

#content {
  margin: 0 0 0 220px; 
  /*margin-left: 220px; */
}

#content h1 {
  color: #006798;
  /*border-bottom 1px solid #006798; */
  font-size: 16px;
  font-family: Arial, Verdana, Arial-Black;   /* TODO ####### to set this to Arial-Black. Find correct name  */
}

h2{
  color: orange;
  font-size: 14px;
  font-family: Arial, Verdana, Arial-Black;
}

#home_boxes_wrapper {
  margin: 10px;
  width: 700px;
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 11px;
  color: #535457;
}

#home_box_left {
float: left;
width: 200px;
margin: 0px;
padding: 10px;
background-color: #FAFAE5;
}

#home_box_right
{
float: right;
width: 200px;
margin: 0px;
padding: 10px;
background-color: #FAFAE5;
}

#home_box_middle
{
margin-left: 220px;
margin-right: 220px;
border-left: 1px solid gray;
border-right: 1px solid gray;
padding: 10px;
background-color: #F4F6F9;
max-width: 36em;  /*nb this is for other browsers, not IE */
}


#sidebar {
  position: absolute;
  top: 0;            /* This is from the top of the parentbox of main */
  left: 0;
  width: 200px;
  height: 440px;
  /* TODO ##### set witdth of sidebar to width of bg img.*/
/*  background-color:#99CCFF; */
  background-color: white;
  background-image:url(images/sidebar_bg.jpg);
  background-repeat:repeat-y;
  margin: 0;
  padding: 40px 10px 40px 10px;
}

#sidebar h3 {
  color: #B1C8D7;
  font-size: 14px;
  font-family: Arial, Verdana, Arial-Black;
}

#sidebar_projects {
  height: 345px;
  padding-top: 40px;

  border-top: 2px solid white;
  border-bottom: 2px solid white;
}


#sidebar_footer ul {
  margin: 0;
  padding: 0;
  text-align: middle;
}

#sidebar_footer li {
  display: inline;
}

#sidebar_footer a:link, #sidebar_footer a:visited  {
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  color: #606263;
}