h1 {
font-size: 175%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}

ul, ul li {
margin-left: 10px;
list-style: circle;
}
ol, ol li {
margin-left: 10px;
/*list-style-type: upper-roman;*/
/*list-style-type: lower-alpha;*/
list-style-type: decimal;
}

body {
background-color:#e7e6dd;
font-size:16px;
}
a {
color:#001987;
text-decoration:none;
}
a:hover {
color:#cc0000;
}
pre {
padding: 16px;
overflow: auto;
font-size: 85%;
line-height: 1.45;
background-color: #f7f7f7;
}
code {
    display: inline;
    max-width: initial;
    padding: 0;
    margin: 0;
    overflow: initial;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0;
}

.img-g-row {
width: 1050;
}
.img-c-left {
float: left;
}
.img-c-right {
float: right;
}
.img-potrait {
width:400px;
margin-right:9px;
}
.img-landscape {
width:630px;
margin-right:9px;
}
.qr-codes {
float: right;
}
.img-qr-code{
}

.quote{
font-style: italic;
}

.content {
float:left;
margin-left:20px;
width:750px;
}

.white-content {
background-color:#ffffff;
float:left;
margin-left:20px;
width:750px;
}

.side-bar {
float:right;
width:150px;
}