html,body {
        margin:0;
        padding:0;
}

body {
        font: 90% Arial, sans-serif;
        text-align: left;
        background: #fff;
        padding-bottom:20px;
}

a {
        background: inherit;
        text-decoration: none;
}

h1 {
        font: bold 2.1em Arial, sans-serif;
}

h2 {
        font: bold 1.5em Arial, Sans-Serif;
        padding: 0;
        margin: 0;
}

div#header {
        width: 100%;
        overflow:hidden;
        background: #764000;
}

div#header a {
        color: #E9FABE;
}

div#title {
        margin-left: 30px;
        position: relative;
        float: left;
}

div#userinfo {
        margin-right: 30px;
        position: relative;
        float: right;
        font-size: 0.8em;
}

div#userinfo a {
        color: #E9FABE;
}

div#userinfo p {
        text-align: right;
        color: #E9FABE;
}

div#title h1 {
        text-align:left;
        color: #fff
}

.right {
	float: left;
	width: 76%;
	padding: 1em;
	margin-bottom: 1.2em;
	background: #E9FABE;
	text-align: justify;
}

#left {
	float: right;
	width: 20%;
	margin: 0 0 10px 0;
}

#left .box {
	padding: 1em;
	margin: 0 0 1em 0;
	background-color: #A69E2F;
        color: #E9FABE;
}

#left a {
        color: #764000;
        font-weight: bold;
}

#content {
         font-size: 90%;
         margin: 0 auto;
         padding: 15px;
}

.right a {
         color: #764000;
}

ul {
        padding: 0;
        margin: 0;
}

li {
        list-style-type: none;
}

input {
        border: 1px solid black;
        margin: 5px;
}

textarea {
        border: 1px solid black;
        margin: 5px;
        width: 300px;
        height: 100px;
}

label {
        font-weight: normal;
}

td {
        vertical-align: middle;
}

.small {
        font-size: 0.8em;
}