body {
            background: #e7edf2 fixed;
            display: flex;
            justify-content: center;
            font-family: 'Atkinson Hyperlegible Next', Verdana, Arial, Helvetica, sans-serif;
            font-size: 16px;
            text-shadow: 0px 0px 1px #b3b3b3;
            color: #888;
            letter-spacing: 1px;
        }

        #wrapper {
            /*margin: 0 auto;*/
            /*width: 570px;*/
        }

        
        #navigationwrap {
  /*width: 870px;*/
  /*float: left;*/
  /*margin: 0 auto;*/
}

        #navigation {
           height: 20px;
  line-height: 20px;
  background: #fff;
  border-width: 7px;
  border-style: solid;
  border-image: url("/assets/border.png") 8 fill round;
  margin: 5px;
  padding: 5px;
}

        #navigation a:link,
        a:visited,
        a:active {
            font: 16px 'Atkinson Hyperlegible Next';
            text-transform: uppercase;
            line-height: 20px;
            padding: 4px;
            letter-spacing: 1px;
            margin-right: 10px;
        }

        #navigation a:hover {
            background: #fff;
            text-transform: uppercase;
            line-height: 20px;
            padding: 4px;
            letter-spacing: 1px;
            margin-right: 10px;
        }
		
		

        #contentWrapper{ 
          height: 100%;
          display: flex;
        }
        
        #contentwrap {
          width: 650px;
          float: left;
          margin: 0 auto;
        }


        #content {
            background: #fff;
            border-width: 7px;
            border-style: solid;
            border-image: url("/assets/border.png") 8 fill round;
            margin: 5px;
            padding: 5px;
        }

#rightcolumnwrap {
  height:100%;
  width: 400px;
}


        #rightcolumn {
            background: #fff;
            border-width: 7px;
            border-style: solid;
            border-image: url("/assets/border2.png") 8 fill round;
            margin: 5px;
            padding: 5px;
        }

        #footerwrap {
            width: 870px;
            float: left;
            margin: 0 auto;
            clear: both;
        }

        #footer {
            height: 35px;
            background: #fff;
            border-width: 7px;
            border-style: solid;
            border-image: url("/assets/border.png") 8 fill round;
            line-height: 20px;
            margin: 5px;
            text-align: center;
        }

        ::-webkit-scrollbar-thumb {
            background-color: #fff;
            border-radius: 0px;
            border: 1px solid #999;
        }

        ::-webkit-scrollbar {
            width: 7px;
            height: 4px;
            background: transparent;
        }

        .title {
            background: #b3d7e5;
            border-radius: 5px;
            text-transform: uppercase;
            font: 16px 'Atkinson Hyperlegible Next';
            letter-spacing: 3px;
            color: #555;
            padding: 2px;
            padding-left: 4px;
            margin-bottom: 4px;
        }

        .title2 {
            background: #e9f9ff;
            text-transform: uppercase;
            letter-spacing: 3px;
            color: #555;
            padding: 2px;
            padding-left: 4px;
            margin-bottom: 4px;
            font: 16px 'Atkinson Hyperlegible Next';
            line-height: 10px;
        }

        b {
            color: #64b0db;
        }

        a:link,
        a:visited,
        a:active {
            color: #64b0db;
            text-decoration: none;
        }

        a:hover {
            color: #999;
        }