/* General style */

body {
    background: #ffffff;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    margin-left: 5%;
    margin-right: 5%;
}

a:link {
    color: #296994;
    text-decoration: none;
}

a:active {
    color: #296994;
    background: #ffdddd;
    text-decoration: none;
}

a:visited {
    color: #1f5276;
    text-decoration: none;
}

a:hover {
    color: #296994;
    text-decoration: underline;
}

h1 {
    font-weight:normal;
    font-size: 18pt;
}

h2 {
    font-weight: normal;
    font-size: 13pt;
}

h3 {
    font-weight: bold;
    font-size: 10pt;
}

h4 {
    /*	color: #000022; */
    /*	font-style: italic;*/
    font-weight: bold;
    text-align: left;
    margin-left: 5%;
}

table {
    font-size: 10pt;
}

p {
    /* text-align: justify; */
    margin-left: 2em;
    line-height: 140%;
}

ul, ol, dl {
    line-height: 140%;
    margin-left: 1em;
/* margin-right: 5%;*/
}

dl ul {
    margin-left: 0%;
/* text-align: justify; */
}

li {
    /* text-align: justify; */
    /* margin-right: 5%; */
}

dt {
    font-weight: bold;
    margin-left: 3ex;
}

dd {
    /* text-align: justify; */
    margin-left: 5ex;
    margin-right: 5%;
}

/* img { */
/*      margin-left: 5%; */
/* } */

dl p, ul p, ol p {
    margin-left: 0.5em;
}

pre {
    margin-left: 0%;
}

/* Special classes */

body {
    margin: 0px;
}

div.content {
    max-width: 600px;
    margin: 0px auto -1px auto;
}

div.container {
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
    padding: 0px;
}

div.dim-float {
    width: 200px;
    padding: 5px;
    float: left;
    text-align: center;
    border: solid #ffffff 2px;
    background: #f0f0f0;
}

div.spacer {
    clear: both;
}

.tuttles {
    font-size: 20pt;
    color: #296994;
    font-variant: small-caps;
    text-align: center;
    padding: 0px;
    margin-bottom: 0px;
}

.tuttles-subtitle {
    font-variant: small-caps;
    text-align: center;
    padding: 0px;
}

.tuttles-subsubtitle {
    font-weight: lighter;
    font-style: italic;
    text-align: center;
    padding: 0px;
    margin-bottom: 25px;
}

.crosstwine-logo {
    margin-right: 10px;
    margin-bottom: 10px;
}

.crosstwine-logo-right {
    margin-left: 10px;
    margin-bottom: 10px;
}

.header {
    text-align: right;
    padding-top: 25px;
    padding-bottom: 25px;
}

.figure {
    text-align: center;
}

.figure-caption {
    text-align: center;
    font-style: italic;
    font-size: smaller;
}

.menu {
    text-align: center;
    border: solid black 1px;
    padding: 3px
}

.footer {
    text-align: center;
    font-style: italic;
    font-size: smaller;
    color: #aaa;
    padding: 3px
}

.extref {
    text-align: right
}

.warning {
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    margin-left: 10%;
    margin-right: 10%;
    border: solid red 2px;
    padding: 3px
}

.note {
    font-size: 90%;
    border: solid green 1px;
    padding: 3px
}

.red-note {
    font-size: 90%;
    border: solid red 1px;
    padding: 3px
}

.wip {
    font-size: 90%;
    border: solid #FF8800 1px;
    padding: 3px
}

.toc {
    font-size: 80%;
    text-align: center
}

.dim {
    background: #f0f0f0;
}

.linker-jigsaw {
    font-size: 300%;
    font-weight: bold;    
    text-align: center;
}