* {
  padding: 0;
  margin: 0;
}

.clear {
  clear: both;
}


body {
  font-family: arial;
  color: rgb(60,60,60);
}

h2,
div#navigation a {
  font-size: 2em;
}

h2.title a:link,
h2.title a:visited,
h2.title a:hover {
  color: rgb(80,80,80);
}


ul {}

li {
   list-style: none;
}


a:link,
a:visited {
  text-decoration: none;
}

a:link {
  color: rgb(255,0,0);
}

a:visited {
  color: rgb(100,100,100);
}

a:hover {
   background: rgb(240,240,240);
}


a img {
   border: none;
}


div#wrapper {
  width: 60%;
  margin: auto;
}

div#left {
  width: 40%;
  float: left;
}

div#right {
  width: 40%;
  float: right;
}

div#navigation > div {
   margin: 1em 0 1em 0;
}


/* TODO: may need to move this into javascript */
div#dynamic {
  margin: 1em 0 1em 0;
  padding: 1em 0 1em 0;
}

div#dynamic a:link{
   color: rgb(40,140,255);
}

div#dynamic > div > ul {
   margin: 0.2em 0 1em 1em;
}