* {margin: 0;padding: 0;}
a img {border:none}
.clear {clear:both}

html {height: 100%;}
body {font-family: Verdana, Lucida, sans-serif;height: 100%;padding: 0;margin: 0;background-color: white;color: black;font-size:10pt}

a {text-decoration: underline;color: #3E91C4;}
a:hover {text-decoration: underline;color: #4EA3D7;}

h1,
h2 {color: #4EA3D7;margin: 5px 0;font-weight: 300;font-family: Tahoma, Verdana, sans-serif;}
h1 {font-size: 2.4em;}
h2 {font-size: 2em;}
h3 {color: #222;margin: 15px 0 5px 0;font-weight: 300;font-size: 1.5em;}
h4 {font-size: 1.3em;color: #222;width: 98%;font-weight: 300;line-height: 1.3em;border-bottom: 1px solid #ccc;margin: 15px 0 5px 0;width:100%;}
h5 {font-size: 1.15em;color: #222;width: 98%;font-weight: 300;line-height: 1.15em;border-bottom: 1px solid #ccc;margin: 5px 0 5px 0;}
h6 {font-size: 1.05em;color: #555;line-height: 1.2em;margin: 10px;}

#root {height: 100%;width: 640px; margin: 0px auto;}
#header {text-align:center;margin: 0px 0px 10px 0px;}
#header h1 {margin:0;font-size:1em}
#header img {margin:0.5em 0;}
#navi {border-bottom:1px solid #0170AE;padding:0px;}
#navi img {margin:0px 10px;}
#body {padding:0px 10px;}

#footer {margin: 17px 0px 0px 0px;border-top:#0170AE solid 1px;padding:3px 0 20px 0;font-size:0.8em;text-align:right}

p {text-indent: 10px;margin:2px 0 0.5em 0}
ul {margin: 0.5em 0 0.5em 2.5em;}
hr {/*border-bottom:1px solid #0170AE;*/color:#0170AE;height:1px;border: 0;background-color:#0170AE;}

.form {border-collapse: collapse;border:0px solid grey;margin:0px auto;width:90%;}
.form td {padding:5px 2px;}
.form td.left {vertical-align: top;text-align:right;padding-left:10px;padding-top:6px;width:30%;}
.form td.right {vertical-align: top;text-align:left;padding-right:10px;}
.form td.right input {width:300px;}
.form td.right input.checkbox {width:auto;}
.form td.right select {width:300px;}
.form td.right textarea {width:100%;}
.form td.captcha {padding-top:1px;padding-left:0px;}
.form td.buttons {text-align:center;}
.form .required-sign {color:red;font-family: Verdana;font-size:130%}

table.captcha-table {width:310px;padding:0px;margin:0px;}
table.captcha-table td {border:none;text-align:right;vertical-align: top;padding:5px 3px 0px 0px;height:25px;}
table.captcha-table td input {width:100px !important;margin:0px;}
table.captcha-table td.text {font-size:0.8em;color:grey;text-align:right;padding:1px;height:45px;}

#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height:100%; background-color: #000;}

.character-left-1 {margin:0px;background: left no-repeat url(/images/characters/left-1.png);height:200px;padding-left:205px;}
.character-left-munchkin {margin:0px;background: left no-repeat url(/images/characters/left-munchkin.png);height:200px;padding-left:155px;}

.typography table {margin: 5px;font-size: 1em;color: #444;border-collapse:collapse;}
.typography th {text-align:center;font-weight:bold;border:none;padding:2px 5px;}
.typography td {border:1px solid #999;padding:2px 5px;}
.typography table.noborder td {border:none;}