body                {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: khaki;
    }

a:link {
        color: navy;
        text-decoration: none;
        }

a:visited {
        color: royalblue;
        text-decoration: none;
        }

a:hover {
        color: navy;
        text-decoration: underline;
        }

div.frame {
    background-color: white;
    padding: 0;
    }
		
div.footline             {
        text-align: center;
        clear: both;
        padding: 5% 5% 1% 5%;
        font-size: 8pt;
        }
		
div.footline p      { font-size: 8pt; text-align: center; color:dimgrey; }
div.footline hr	{	color: lightgrey; }

div.footline a	{ color: darkgrey;	}
div.footline a:hover	{ color: chocolate;	}


h1, h2, h3, h4 , h5, h6       {
        color: black;
    font-weight:bolder;
    font-family:"Arial", "Sans Serif";
    line-height: 1.2;
    text-align:left;
	margin-left: 0.5cm;
	margin-right: 0.5cm;
        }
		
hr		{ border-style: solid; }

h1, h2, h3 { text-align: center; }

h1        {        color: black;    	margin-bottom: -0.2cm;	font-size: 20pt;        }
h2        {        font-size: 18pt;   		    	margin-bottom: -0.2cm;     }
h3        {        font-size: 14pt;		}
h4        {        font-size: 13pt;        }
h5        {        font-size: 11pt;        }
h6        {        font-size: 10pt;        }

div.header    	{
    background-color: transparent;
    background-image: url("/img/bg.jpg");
    background-repeat: no-repeat;
    background-clip: padding-box;
    width: 100%;
    height: 150px;			
    }

div.header h1 {
    position: relative;
    top: 30px; left: 5%;
    font-family:"Georgia", "Serif";
    font-size: 36pt;
    color:black;
    text-align: left;
    font-weight: bold;
    }
div.header h4 {
    display: none;
    position: relative;
    top: 10px; left: 5%;
    font-family:"Georgia", "Serif";
    font-size: 18pt;
    color:black;

    }

div.content        {
        background-color: white;
        float: left;
        width:100%;
        margin 0 5% 0 5%;
        text-align: justify;

         }



div.navi                {
        background-color: white;
        float: left;
        max-width: 220px;
        margin: 6% 0 0 0;
        }
	
div.navi ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }

div.navi li {
    float: bottom;
    }

div.navi a {
    display: block;
    width: 200px;
    font-weight: bold;
    color: white;
    background-color: peru;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #888888;
    }

div.navi a:hover, a:active {
    color: white;
    background-color: saddlebrown;
    }

img {
    margin: 10px 0 10px 15px;
    max-width:100%; height:auto;
    }	
img.left { float: left; margin: 10px 20px 10px 0; }
img.right { float: right; margin: 10px 20px 10px 20px; }


p         {
    background-color: transparent;
    color: black;
    font-weight:normal;
    font-size: 11pt;
    font-family:"Arial","Sans Serif";
    line-height: 1.4;
    margin-left: 0.5cm;
    margin-right: 0.5cm;
    margin-top: 0.2cm;
    margin-bottom: 0.4cm;
        }



#author {
        font-Style: italic;
    line-height: 1.4;
    text-align: right;
    margin-left: 0.5cm;
    margin-right: 0.2cm;
    margin-top: 0.2cm;
    margin-bottom: 0.2cm;
}


		

ul { font-size: 11pt; list-style: square; }
ol {	font-size: 11pt; }
dl.contents	{ margin-top: 0; }
dt.contents	{ margin-bottom: 0; }
em		{ font-style: italic; }
li,dt           { margin: 4px 0; padding-right: 25px; }
p.footnote      { font-size: 90%; color:darkgrey }
p.verse         { white-space: pre; margin-left: 8.7%; }
pre             { font-family: monospace; white-space: pre; margin-left: 8.7%; }
strong		{ font-weight: bold; }
table           { width:100%; }png
td              { border:0px solid #000; vertical-align:top; overflow:hidden; }
ul		{ list-style-type: disc; margin: 10px 0;}

		
div.status    { margin-top: -5px; font-size: 9pt; margin-left: 20px; }
div.warning    { margin-top: -5px; font-size: 9pt; margin-left: 20px; margin-right:15px; margin-bottom:15px; color: red; font-weight: bold; }
div.author    { font-size: 8pt; font-style: italic; text-align: right; margin-right:15px; margin-bottom:5px; }
div.cit		{ margin-top: -10px; margin-left: 30px; margin-bottom: 12px; margin-right:15px; font-style: italic; font-size: 10pt; }
div.citcit	{ margin-top: -10px; margin-left: 50px; margin-bottom: 12px; margin-right:15px; font-style: italic; font-size: 10pt; }
div.notify      { margin-left: 15px; margin-right:15px; margin-bottom: 20px; color:yellow; padding: 10px; border: 1px solid #994400; background-color: #440A00; -moz-border-radius: 5px; margin: 15px 20 15px 20;}
div.note      { margin-left: 30px; margin-right:15px; margin-top:10px; margin-bottom:10px; font-size: 8pt;  font-style: italic; }
div.head		{ font-style: italic; font-weight: bold; margin-left: 15px; margin-top: 15px; font-size: 10pt; }
div.em		{ font-style: italic; }
div.sep		{ font-weight: bold; text-align: center; }
div.code     {	font-family: monospace; font-size: 9pt; font-weight: bold; color: dimgrey; text-align: left; margin-left: 0.5cm; margin-right: 0.5cm; margin-bottom: 0.5cm; }
