* {
	margin: 0;
	padding: 0;
}

body {
background: #E6DED1;
font-family: Arial;
font-size: 12px;
line-height: 17px;
color: #333;
}

a {
text-decoration: none;
color: #0171AF;
}

a:hover {
text-decoration: underline;
color: #111;
}

#wrap {
margin: 20px auto;
border-radius: 15px;
width: 780px;
background: #fff;
border: 10px solid #D1E6EF;
box-shadow: 19px 19px 31px 20px rgba(150,125,125,0.57);;
}

#header {
height: 120px;
background: #F2FAF8;
}

#header h1 { 
font-size: 28px;
letter-spacing: 0px;
padding: 23px 0 0 20px;
color: #0171AF;
line-height: 100%;
}

#header h2 {
font-size: 19px;
font-style: italic;
text-align: right;
color: #87CCED;
padding: 5px 20px 0px 0px;
letter-spacing: -1px;
font-weight: 100;
}

#header h2 a { 
color: #87CCED;
text-decoration: none;
font-weight: 100;
letter-spacing: -1px;
}

#header h2 a:hover {
color: #0171AF;
}

#menu {
height: 30px;
line-height: 30px;
background: #D1E6EF;
}

#menu ul {
list-style-type: none;
padding-left: 20px;
}

#menu ul li {
display: block;
float: left;
}

#menu ul li a {
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 14px;
}

#menu ul li a:hover {
color: #111;
text-decoration: none;
}

#navig {
float: left;
}

#fb {
float: right;
position: relative;
top: -5px;
left: -5px;
}

.wide {
display: block;
width: 740px;
padding: 20px;
min-height: 460px;
text-align: justify;
}

.wide h2 {
font-size: 1.3em;
color: #0171AF;
font-weight: bold;
padding: 15px 0 7px 0;
}

.wide h2 a {
text-decoration: none;
}

.wide h2 a:hover {
color: #111;
}

#userdata {
border: 0px;
background-color: #D1E6EF;
margin-top: 20px;
border-radius: 15px;
display: block;
width: 740px;
}

#userdata fieldset {
border: 0px;
}

#userdata .fieldgroup {
display: block;
}

#userdata legend {
padding: 20px;
font-weight: bold;
font-size: 1.2em;
}

#userdata label {
display: inline-block;
width: 260px;
padding: 3px;
text-align: right;
vertical-align: top;
height: 20px;
}

#userdata input {
display: inline;
color: #0171AF;
font-family: Courier;
font-weight: bold;
font-size: 1.0em;
border: 0px;
width: 50px;
height: 20px;
}

.additional {
font-size: 0.9em;
font-stype: italic;
display: inline;
padding: 3px;
text-align: right;
vertical-align: middle;
height: 20px;
}

#userdata textarea {
border: 0px;
color: #0171AF;
font-family: Courier;
font-weight: bold;
font-size: 1.0em;
display: inline;
width: 452px;
max-width: 452px;
max-height: 1000px;
}

#userdata input.submit {
width: 180px !important;
margin-top: 10px;
margin-bottom: 20px;
}

table.result {
border: 2px solid #D1E6EF;
padding: 2px;
margin: 20px;
font-size: 1.1em;
font-family: Courier;
color: #0171AF;
text-align: center;
}

th, td {
padding: 3px;
}

.r_error {
margin: 20px;
padding: 10px;
border: 2px solid red;
border-radius: 5px 5px 5px 5px;
background: #FFFFFF;
width: 650px;
font-family: Courier;
color: #660033;
font-weight: bold;
font-size: 1.2em;
}

.helpfulremark {
margin: 20px;
padding: 10px;
border: 2px solid green;
border-radius: 5px 5px 5px 5px;
background: #FFFFFF;
width: 650px;
font-family: Arial;
color: #333;
font-weight: normal;
font-size: 1.2em;
}

.encoding {
font-size: 0.8em;
font-style: italic;
float: right;
margin-right: 20px;
}

#tutvid {
margin: 20px auto;
text-align: center;
border-radius: 15px;
width: 500px;
height: 361px;
border: 10px solid #D1E6EF;
}

#footer {
display: block;
height: 20px;
line-height: 30px;
background: #D1E6EF;
text-align: center;
font-size: 11px;
}