html, button, input, select, textarea {  
  color: #222222;
}

body {  
  font-size: 1em;  
  line-height: 1.4;
}

*::-moz-selection {  
  background-color: #b3d4fc;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  text-shadow: none;
}

hr {  
  display: block;  
  height: 1px;  
  border-right-color: initial;  
  border-top-width: 1px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: solid;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  -moz-border-top-colors: none;  
  -moz-border-right-colors: none;  
  -moz-border-bottom-colors: none;  
  -moz-border-left-colors: none;  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;  
  margin-top: 1em;  
  margin-right: 0px;  
  margin-bottom: 1em;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

img {  
  left: 50%;  
  right: 50%;
}

fieldset {  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

textarea {  
  resize: vertical;
}

.chromeframe {  
  margin-top: 0.2em;  
  margin-right: 0px;  
  margin-bottom: 0.2em;  
  margin-left: 0px;  
  background-color: #cccccc;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  color: black;  
  padding-top: 0.2em;  
  padding-right: 0px;  
  padding-bottom: 0.2em;  
  padding-left: 0px;
}

body {  
  font-style: normal;  
  font-variant: normal;  
  font-weight: normal;  
  font-size: 16px;  
  line-height: 26px;  
  font-family: Helvetica, Helvetica, Neue, Arial;  
  width: 100%;  
  height: 100%;
}

.wrapper {  
  width: 90%;  
  margin-top: 0px;  
  margin-right: 5%;  
  margin-bottom: 0px;  
  margin-left: 5%;
}

.header-container {  
  border-bottom-width: 20px;  
  border-bottom-style: solid;  
  border-bottom-color: #e44d26;
}

.footer-container, .main aside {  
  border-top-width: 20px;  
  border-top-style: solid;  
  border-top-color: #e44d26;
}

.header-container, .footer-container, .main aside {  
  background-color: #f16529;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

.title {  
  color: white;
}

nav ul {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

nav a {  
  display: block;  
  margin-bottom: 10px;  
  padding-top: 15px;  
  padding-right: 0px;  
  padding-bottom: 15px;  
  padding-left: 0px;  
  text-align: center;  
  text-decoration: none;  
  font-weight: bold;  
  color: white;  
  background-color: #e44d26;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;
}

nav a:hover, nav a:visited {  
  color: white;
}

nav a:hover {  
  text-decoration: underline;
}

.main {  
  padding-right: 0px;  
  padding-bottom: 30px;  
  padding-left: 0px;
}

.main article h1 {  
  font-size: 2em;
}

.main aside {  
  color: white;  
  padding-top: 0px;  
  padding-right: 5%;  
  padding-bottom: 10px;  
  padding-left: 5%;
}

.footer-container footer {  
  color: white;  
  padding-top: 20px;  
  padding-right: 0px;  
  padding-bottom: 20px;  
  padding-left: 0px;
}

.ie7 .title {  
  padding-top: 20px;
}

@media only screen and (min-width: 480px) {
  nav a { float: left; width: 27%; margin: 0px 1.7%; padding: 25px 2%; }
  nav li:first-child a { margin-left: 0px; }
  nav li:last-child a { margin-right: 0px; }
  nav ul li { display: inline; }
  .oldie nav a { margin: 0px 0.7%; }
}

@media only screen and (min-width: 768px) {
  .header-container, .main aside { box-shadow: 0px 5px 10px #aaaaaa; }
  .title { float: left; }
  nav { float: right; width: 38%; }
  .main article { /* float: left; */ /* width: 90%; */ }
  .main aside { float: right; width: 28%; }
}

@media only screen and (min-width: 985px) {
  .wrapper { width: 985px; margin: 0px auto; }
}

.ir {  
  background-color: transparent;  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  overflow: hidden;
}

.ir:before {  
  content: "";  
  display: block;  
  width: 0px;  
  height: 150%;
}

.hidden {  
  display: none !important;  
  visibility: hidden;
}

.visuallyhidden {  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;  
  clip: rect(0px, 0px, 0px, 0px);  
  height: 1px;  
  margin-top: -1px;  
  margin-right: -1px;  
  margin-bottom: -1px;  
  margin-left: -1px;  
  overflow: hidden;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  position: absolute;  
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {  
  clip: auto;  
  height: auto;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  overflow: visible;  
  position: static;  
  width: auto;
}

.invisible {  
  visibility: hidden;
}

.clearfix:before, .clearfix:after {  
  content: " ";  
  display: table;
}

.clearfix:after {  
  clear: both;
}

.clearfix {
}

@media print {
  * {    
    background-color: transparent !important;    
    background-image: none !important;    
    background-repeat: repeat !important;    
    background-attachment: scroll !important;    
    background-position: 0% 0% !important;    
    color: black !important;    -webkit-box-shadow: none  !important;
    box-shadow: none  !important;    text-shadow: none  !important;  
}
  a, a:visited {    
    text-decoration: underline;  
}
  a[href]:after {    
    content: " (" attr(href) ")";  
}
  abbr[title]:after {    
    content: " (" attr(title) ")";  
}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {    
    content: "";  
}
  pre, blockquote {    
    border-top-width: 1px;    
    border-right-width: 1px;    
    border-bottom-width: 1px;    
    border-left-width: 1px;    
    border-top-style: solid;    
    border-right-style: solid;    
    border-bottom-style: solid;    
    border-left-style: solid;    
    border-top-color: #999999;    
    border-right-color: #999999;    
    border-bottom-color: #999999;    
    border-left-color: #999999;    
    page-break-inside: avoid;  
}
  thead {    
    display: table-header-group;  
}
  tr, img {    
    page-break-inside: avoid;  
}
  img {    
    max-width: 100% !important;  
}
  @page { margin: 0.5cm; }
  p, h2, h3 {    
    orphans: 3;    
    widows: 3;  
}
  h2, h3 {    
    page-break-after: avoid;  
}
}