body, html { 
   height: 100%; 
}

body {
   margin: 0px;
   font-size: 14px;
   font-family: Arial, Helvetica, Sans-Serif;
   color: #494949;
}

#Wrapper {
   width: 100%;
   padding: 0px;
   min-height: 100%;
   position: relative;
   margin: auto;
   background: #FBF9F6;
}

#Header {
   width: 100%;
   margin: 0px auto;
   padding-left: 60px;
   text-align: left;
   box-sizing: border-box;
   background: white;
}
#Header a.OrangeBox {
   display: inline-block;
   float: right;
   color: white;
   font-size: 15px;
   font-family: verdana;
   background: #F38233;
   line-height: 100px;
   padding: 0px;
   text-decoration: none;
   text-align: center;
   width: 140px;
}

#Header a.OrangeBox:hover {
   font-weight: bold;
}

@media (max-width: 550px) {
   #Header {
      padding-left: 0px;
      text-align: center;
   }

   #Header a.OrangeBox {
      display: block;
      line-height: 20px;
      width:100%;
      float: none;
   }
}

#Content {
   max-width: 940px;
   margin: 0px auto;
   padding-top: 20px;
   padding-bottom: 125px;
   min-height: 400px;
}

#Footer {
   position: absolute;
   width: 100%;
   height: 125px;
   bottom: 0px;
   left: 0px;
   margin: auto;
   background: #f2efe9;
   box-sizing: border-box;
   padding: 18px 20px;
}

#Footer > div {
   margin: 0px auto;
   width: 100%;
}

#Footer > div > div {
   margin: 0px;
}

#Footer a {
   color: #5ea6b0;
   text-decoration: none;
}

#Footer a:hover {
   color: #F38233;
}

.TopNav {
   padding: 5px 60px;
}

.TopNav a {
   font-size: 14px;
   font-weight: bold;
   color: black;
   text-decoration: none;
   font-family: arial;
}

#SideNav {
   margin: 10px;
   background-color: #f3f3f3;
   padding: 15px;
}
#SideNav b {
   font-size: 18px;
   font-family: 'Roboto Condensed', Trebuchet MS, sans-serif;
   margin-bottom: 7px;
   display: inline-block;
}
#SideNav a {
   font-size: 14px;
   color: #999999;
   text-decoration: none;
   display: inline-block;
   margin: 4px 0px 4px 11px;
}
#SideNav a.On,
#SideNav a:hover {
   color: #0A3870;
   font-weight: bold;
}

#SideText {
   font-size: 14px;
   padding: 15px;
}
#SideText b {
   font-size: 16px;
}

@media (max-width: 940px) {
   #Wrapper {
      padding: 0px;
   }
   #SideNav {
      display: none;
   }
   #Logo {
      text-align: center;
   }
}

@media (max-width: 690px) {
   .TopNav {
      text-align: center;
      padding: 0px;
      padding: 15px 0 15px 0;
   }

   #DP_Form {
      padding-left: 10px;
      padding-right: 10px;
   }
}