/* @override http://www.andymills.com/index.css */

body {
    margin: 0;
}
div.back {
    z-index     : -10;
    position    : fixed;
    top         : 0;
    width       : 50%;
    height      : 100%;
}
div.back-l {
    left        : 0;

    background-image: -ms-linear-gradient(left, #777777 0%, #BBBBBB 100%);      /* IE10 Consumer Preview */
    background-image: -moz-linear-gradient(left, #777777 0%, #BBBBBB 100%);     /* Mozilla Firefox */
    background-image: -o-linear-gradient(left, #777777 0%, #BBBBBB 100%);       /* Opera */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #777777), color-stop(1, #BBBBBB)); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-linear-gradient(left, #777777 0%, #BBBBBB 100%);  /* Webkit (Chrome 11+) */
    background-image: linear-gradient(to right, #777777 0%, #BBBBBB 100%);      /* W3C Markup, IE10 Release Preview */
}
div.back-r {
    right       : 0;

    background-image: -ms-linear-gradient(right, #777777 0%, #BBBBBB 100%);     /* IE10 Consumer Preview */
    background-image: -moz-linear-gradient(right, #777777 0%, #BBBBBB 100%);    /* Mozilla Firefox */
    background-image: -o-linear-gradient(right, #777777 0%, #BBBBBB 100%);      /* Opera */
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #777777), color-stop(1, #BBBBBB)); /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-linear-gradient(right, #777777 0%, #BBBBBB 100%); /* Webkit (Chrome 11+) */
    background-image: linear-gradient(to left, #777777 0%, #BBBBBB 100%);       /* W3C Markup, IE10 Release Preview */
}
div.front {
    z-index     : 0;
    padding: 3px;
    background-color: transparent;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 7px 3%;
    text-align: center;
}
h4 {
    text-align: left;
}
h1 {
    text-decoration: none;
    text-transform: capitalize;
}
img {
    margin: 5px 25%;
    width: 50%}
/*************************************************
Sections...
*************************************************/
.leftout {float: left ; width:  66%;                     position: relative;}
.leftin  {float: left ; width:  49%; text-align: left  ;}
.rightin {float: right; width:  49%; text-align: center;}
.rightout{float: right; width:  33%; text-align: right ; position: relative;}

div.head {
    width: 100%;
    text-align: center;
    background-color: transparent;
    font-family: Times, serif;
    font-size: 200%;
    font-weight: bold;
    padding: 0.5em 0;
    border-bottom: 2px solid black;
}
div.menu {
    float: left;
    width: 15%;
    background-color: transparent;
    text-align: left;
    font-family: arial, helvetica, geneva, sans-serif;
    font-size: 75%;
    padding: 1em 1%;
    position: relative;
}
div.main {
    float: right;
    width: 80%;
    height: auto;
    background: transparent;
    text-align: left;
    border-left: 2px solid black;
    font-family: Times, serif;
    font-size: 100%;
    top: 0;
    padding: 1em 1%;
    position: relative;
}
div.foot {
    width: 100%;
    text-align: center;
    background-color: transparent;
    font-family: arial, helvetica, geneva, sans-serif;
    font-size: 80%;
    padding: 1em 0;
    float: left;
    vertical-align: middle;
    border-top: 2px solid black;
}
/*************************************************
paragraphs
*************************************************/
p {
    margin: 0;
    padding: 2px 1%;
    text-indent: 2%;
    text-align: justify;
}
p.menu { text-indent: 0; }
p.refr {
    text-align: right;
    font-size: 80%;
    padding: 0px 2px 10px 2px;
}
blockquote {
    text-align: justify;
    text-indent: 2%;
    line-height: 120%;
    padding: 0 5%;
}
pre {
    width: 100%;
    text-align: center;
    background-color: transparent;
    font-family: Times, serif;
    font-size: 100%;
    font-weight: normal;
    padding-top: 4px 0;
}
li {
    text-indent: 0;
}
/*************************************************
anchors
*************************************************/
a {
    text-decoration: none;
}
a:link,
a:hover,
a:visited,
a:active {
    color: #d0d0d0;
}
/************************************************/