@import url("//fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic|Source+Code+Pro:400");

html {
  box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body { margin: 0 auto;
       background-color: #92998c;
       color: #333333;
       font-size: 12.0pt;
       font-family: "Lato", sans-serif;
       font-weight: 400;
       xline-height: 1.4em;
     }

h1 { font-size: 19pt; }

a {
    text-decoration: inherit;
    font-style: inherit;
    color: inherit;
}

a:link {
    border:none;
    text-decoration:underline;
    font-style:normal;
    color:#5555ff;
}

a:visited {
    border:none;
    text-decoration:underline;
    font-style:normal;
            color:#555599;
}

#header-wrapper {
    background-repeat: no-repeat, repeat-x;
    background-position: top center, top left;
    height: 0px;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: .8em;
    margin-bottom: 0em;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    border-bottom: 3px solid #000000;
    box-shadow: 2px 2px 2px #3e484a;
    xborder-bottom: solid 1px #272d30;
    xbox-shadow: inset 0px -1px 0px 0px #51575a;
    xtext-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
}

footer, header { position: relative; clear: both; }
footer {  padding: 0em; margin: .8em .8em 2em .8em; }
header {  padding: 0em; margin: -.2em .8em 0em 0.8em; }

.left-column {  border-left: 3px solid  #000000;
                padding: 0em 1.2em 1.2em 1.2em; margin: 1em;
                box-shadow: 2px 2px 2px #3e484a;
                margin-top: 0em;
                margin-right: 0em;
                background: #f0f0f0;}

blockquote {
    background: #ffffff;
    border: 1px solid #000000;
    padding: .75em;
    overflow: false;
}

pre {
    font-size: 9px;
    overflow: auto;
    width:auto;

    word-wrap: normal;
    white-space: pre;
    white-space: pre-wrap;       
    white-space: -moz-pre-wrap;  
    white-space: -pre-wrap;      
    white-space: -o-pre-wrap;    
    word-wrap: break-word;
    word-break:break-all;
}

.right-column > *  {
    border-right: 3px solid  #000000;
    xborder-bottom: 3px solid  #000000;
    padding: 1.25em;
    margin-left: 1em;
    margin-top: 0em;
    margin-right: 0em;
    font-size: 11.5pt;
    xline-height: 1.4em;
    border-bottom: 1px solid  #000000;
    background: #cccccc;
    box-shadow: 2px 2px 2px #3e484a;
    position: relative;
}

.right-column >  :last-child {
    margin-bottom: 0;
}

.nav {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.nav > li,
.nav > li > a {
    display: inline-block;
    *display: inline;
  zoom: 1;
}

.inline-items {
    margin-top: 0;
}

.inline-items li {
    margin-left: 0;
    border-left: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
}

.inline-items li:first-child {
    margin-left: 0;
    border: none;
    padding-left: 0;
    padding-right: 10px;
}

.inline-items li:last-child {
    padding-right: 0;
}

@media screen and (max-width: 837px) {
    .right-column > * {
        margin-bottom: .5em;
        margin-right: 1em;
        border: 3px solid  #000000;
    }
    .right-column >  :last-child {
        margin-bottom: 1em;
    }
    
    .left-column {
        margin-right: 1em;
        border-bottom: 3px solid  #000000;
        border-left: 3px solid  #000000;
        border-right: 3px solid  #000000;
    }
}

@media screen and (min-width: 837px ) and (max-width: 9200px){
    
    .columns-container { 
	float: left;
    }
    
    .left-column { 
        margin-right: 15em;
	float: left;
    }

    .right-column { 
        width: 15.0em;
	margin-left: -16em;
	float: left;
    }   
}

@media screen and (min-width: 9200px) {
    .columns-container {
        float: left;
    }
    
    .left-column {
        width: 800px;
        margin-right: 20em;
	float: left;
    }
    
    .right-column { 
        width: 18.75em;
	margin-left: -20em;
	float: right;
    }   
}

.image {
    border-radius: 5px;
    border: 0;
    display: inline-block;
    position: relative;
}

.image img {
    border-radius: 5px;
    display: block;
}


.image.left {
    float: left;
    margin: 0 1em 1em 0;
    top: 0.4em;
}

.image.right {
    float: right;
    margin: 0 0 2em 2.5em;
    top: 0.25em;
}


/* Table */

.table-wrapper {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

table {
    margin: 0 0 .25em 0;
    -width: 100%;
}

table tbody tr {
    border: solid 1px #a4a4a4;
    border-left: 1;
    border-right: 1;
}

table tbody tr:nth-child(2n + 1) {
    background-color: #ffffff;
}

table td {
    padding: 0.3em 0.6em;
    border: solid 1px #a4a4a4;
}


table th {
    color: #777;
    font-size: 0.9em;
    font-weight: 700;
    padding: 0 0.27em 0.75em 0.75em;
    text-align: left;
}

table thead {
    border-bottom: solid 4px #e4e4e4;
}

table tfoot {
    border-top: solid 4px #e4e4e4;
}

table.alt {
    border-collapse: separate;
}

table.alt tbody tr td {
    border: solid 2px #e4e4e4;
    border-left-width: 0;
    border-top-width: 0;
}

table.alt tbody tr td:first-child {
    border-left-width: 2px;
}

table.alt tbody tr:first-child td {
    border-top-width: 2px;
}

table.alt thead {
    border-bottom: 0;
}

table.alt tfoot {
    border-top: 0;
}

ul.icons {
    cursor: default;
    list-style: none;
    padding-left: 0;
}

ul.icons li {
    display: inline-block;
    padding: 0 1em 0 0;
}

ul.icons li:last-child {
    padding-right: 0 !important;
}

ul.icons li .icon:before {
    font-size: 1.25em;
}

ul.icons {
    margin: 0;
}

ul.icons li a {
    color: #dddddd !important;
}
ul.icons li a:hover {
    color: #000000 !important;
}

.icon {
    text-decoration: none;
    border-bottom: none;
    position: relative;
}

.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}

.icon > .label {
    display: none;
}