body {
	margin: 0 0 0 0;	/* top right bottom left */
	padding: .2em 0 .2em 0;
	color: black;
	background: #DDDDDD;
	/* overflow: scroll; */
	text-align: center;
	font: 90% "Trebuchet MS", helvetica, sans-serif;
}

div {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div#main {
	margin: 0 auto;
	margin-top: 1em;
	color: black;
	width: 704px;
	text-align: left;
}

div#mainData {
	border: 2px solid black;
	background-color: white;
}

div#header {
	height: 200px;
	clear: both;
	background: #666666;
}

div#menu {
	color: white;
	background-color: black;
	height: 2em;
	font-size: 1.1em;
	font-weight: bold;
	clear: both;
}

div#home {
	padding-top: .3em;
	padding-left: 2em;
	float: left;
}

div#content {
	padding: 1em 2em 2em 100px;
	background: url(images/name.jpg) no-repeat 10px 15px;
}

div#mainTitle {
	margin-top: 1em;
	margin-bottom: 2em;
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
}

div#mainTitle span {
	font-size: .8em;
}

div#menu a {
	text-decoration: none;
	outline: none;
	color: white;
}

div#menu a:hover {
	color: orange;
}

div#application {
	text-align: center;
}

p.caution {
	color: red;
	font-style: italic;
}

a {
	text-decoration: none;
	outline: none;
	color: #003366;
}

a:hover {
	color: black;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

ul {
	list-style-type: square;
	list-style-position: outside;
	margin-top: 1em;
	margin-bottom: .8em;
}

div#menu ul {
	padding-top: .3em;
	float: right;
	margin: 0;
	list-style-type: none;
}

div#menu ul li {
	float: left;
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 2em;
}

div#content span.version {
	font-weight: bold;
	color: #009900;
}

div#projectinfo {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

div#projectinfo > div.license {
	width: 70%;
	float: left;
	margin: 0 auto;
	border: 1px solid #990000;
	padding: .8em;
	overflow: auto;
	color: #990000;
	text-align: center;
}

div#projectinfo > div.donate {
	padding-top: 1em;
	padding-left: 2em;
}

div.license img {
	float: left;
	padding-right: .5em;
}

div.license a {
	color: #990000;
}

div.license a:hover {
	color: orange;
}

div.centered {
	margin: 0 auto;
	width: 80%;
	text-align: center;
	clear: both;
}

div.lefted {
	float: left;
	padding-right: 1em;
}

div#footer {
	color: black;
	font-size: .8em;
	text-align: center;
	padding-top: .2em;
	padding-bottom: .1em;
}

div#footer a {
	color: black;
}

div#footer a:hover {
	color: blue;
}

div#footer img {
	vertical-align: middle;
}

div#footer span.sep {
	padding-right: 1em;
}

div#footer span.sep2 {
	color: #DCDCDC;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	border-right: 1em solid gray;
	border-bottom: 1px solid gray;
	margin: 2em 0 1.2em 0;
	clear: both;
}

h2 {
	font-size: 1.05em;
	font-weight: bold;
	margin: 1.5em 0 1em 0;
	padding-left: 1em;
	clear: both;
}

/*
h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 1.2em 0 .8em 0;
	padding-left: 2em;
	clear: both;
}
*/

.teletype {
	font-family: courier, sans serif;
	font-style: normal;
}