body {
    margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:80%; color:#666666; text-align:center;
    background-color:#DDDDDD;}
    
    p {
    margin:0.2em 0 1.2em 0; padding:0.3em;}
    
    h1 {
    padding:0; margin:0;font-size:250%; font-weight:normal; font-style:italic; 
    color:#8CD749; font-family:"Trebuchet MS", verdana, arial, sans-serif;}
    
    h2 {
    background-color:#DDDDDD; color:#3B4471; font-size:100%; font-weight:normal; margin:0.2em; padding:0; 
    font-style:italic; font-family:"Trebuchet MS", verdana, arial, sans-serif; }
    
    div {
    margin:0; padding:0; display:block;}
    
    a:link, a:visited {
    color:#8CD749; text-decoration:underline;}
    a:hover {
    color:#3B4471; text-decoration:none;}
    a:active {
    color:#8CD749; text-decoration:underline;}
    
    
    .container {
    background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:65%;}
    
    .titleblock {
    padding:5em; margin:0; text-align:left;
    background-image:url(./hackfest.JPG); background-repeat:no-repeat; background-position:right center;}
    
    .titleblock p {
    text-indent:4em; color:#3B4471;}
    
    .titleblock-2005 {
    padding:5em; margin:0; text-align:left;
    background-image:url(./2005logo-small.bmp); background-repeat:no-repeat; background-position:right center;}
    
    .titleblock-2005 p {
    text-indent:4em; color:#3B4471;}
    
    .titleblock-2007 {
    padding:5em; margin:0; text-align:left;
    background-image:url(./brett-logo-small.jpg); background-repeat:no-repeat; background-position:right center;}
    
    .titleblock-2007 p {
    text-indent:4em; color:#3B4471;}
    
    .titleblock-2011 {
    padding:5em; margin:0; text-align:left;
    background-image:url(./2011-logo-small.jpg); background-repeat:no-repeat; background-position:right center;}
    
    .titleblock-2011 p {
    text-indent:4em; color:#3B4471;}
    
    .titleblock-index {
    padding:5em; margin:0; text-align:left;
    background-image:url(./Hove-2011-HackfestShirtImage4.jpg); background-size:200px 200px; background-repeat:no-repeat; background-position:right center;}
    
    .titleblock-index p {
    text-indent:4em; color:#3B4471;}
    
    ul.navbar {
    list-style-type:none; float:left; display:block; width:100%; line-height:1.5em; 
    clear:both; margin:0; padding:0; background-color:#999999;}
    
    ul.navbar li {
    display:inline;}
    
    a.nav:link, a.nav:visited {
    display:block; float:left; width:24.5%; padding:1.2em 0 1.2em 0; margin:0; 
    text-decoration:none; background-color:#999999; color:#FFFFFF;}
    
    a.nav:hover {
    display:block; float:left; width:24.5%; padding:1.2em 0 1.2em 0; margin:0; 
    text-decoration:none; background-color:#8CD749; color:#FFFFFF;}
    
    a.nav:active {
    display:block; float:left; width:24.5%; padding:1.2em 0 1.2em 0; margin:0; 
    text-decoration:none; background-color:#999999; color:#FFFFFF;}
    
    
    a.nav2:link, a.nav2:visited {
    display:block; clear:left; text-align:left; padding:1.2em 0 1.2em 0; margin:0; 
    text-decoration:none; background-color:#999999; color:#FFFFFF;}
    
    a.nav2:hover {
    display:block; clear:left; text-align:left; padding:1.2em 0 1.2em 0; margin:0; 
    text-decoration:none; background-color:#8CD749; color:#FFFFFF;}
    
    a.nav2:active {
    display:block; clear:left; text-align:left; padding:1.2em 0 1.2em 0; margin:0; 
    text-decoration:none; background-color:#999999; color:#FFFFFF;}
    
    
    
    
    .rightcontainer {
    float:right; clear:both; width:15em; margin:1em 0 0 0; padding:0;}
    
    .rightbox {
    margin:0.5em; padding:0.3em; border:1px solid #999999; text-align:center;}
    
    .rightcontainer h2 {
    text-align:left; padding:0 0 0 1.5em;}
    
    .linkbox a {display:block;}
    
    
    
    .content {
    clear:left; text-align:left; margin:1.2em 15em 0 0; padding:1em 1ex 1em 1.5ex;}
    
    .content h2 {text-indent:3em;}
    
    .contentright {
    float:right; text-align:left; width:70%;}
    
    .contentright h2 {text-indent:3em;}
    
    
    
    .footer {
    color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
    border-top:1px solid #999999; text-align:left; clear:both;}
    
    .footer .right {
    float:right; clear:right; text-align:right;}
    
    .footer p {margin:0;}
    
    /* ##### Side Bar ##### */
    
    div.sidediv {
     width: 22%;
    
     }
    
    ul.navbar2 {
    list-style-type:none; float:left; display:block; width:100%; line-height:1.5em; 
    clear:both; margin:0; padding:0; background-color:#999999;}
    
    ul.navbar2 li {
    display:inline;}
    
    
    ul.side-bar {
    list-style-type:none; text-align:left; float:left; display:block; width:100%; line-height:1.5em; 
    clear:both; margin:0; padding:0; background-color:#999999;}
    
    ul.side-bar li {
    text-align:left;
    display:inline;}
    
    #side-bar a, .thisPage {
      color: #999999;
      background-color: transparent;
      text-decoration: none;
      margin: 0;
      padding: 0.75em 1ex 0.75em 5mm;
      display: block;
    }
    
    .thisPage {
      color: black;
      background-color: white;
      padding-left: 4mm;
      border-top: 1px solid rgb(153,153,153);
      border-bottom: 1px solid rgb(153,153,153);
    }
    
    #side-bar a:hover {
      color: white;
      background-color: #8CD749;
      text-decoration: none;
    }
    
    .sideBarText {
      line-height: 1.5em;
      margin: 0 0 1em 0;
      padding: 0 1.5ex 0 2.5mm;
      display: block;
    }
    
    #side-bar .sideBarText a {
      text-decoration: underline;
      margin: 0;
      padding: 0;
      display: inline;
    }
    
    #side-bar .sideBarText a:hover {
      color: #999999;
      background-color: transparent;
      text-decoration: none;
    }
    
    .lighterBackground {
      color: inherit;
      background-color: white;
    }