* { text-decoration: none; font-style: normal; font-size: 10pt; border: none; margin: 0; padding: 0; color: #ffffff; font-family: Arial,sans-serif; font-weight: normal; }

body { background-color: #ddddff; }

h1 { font-size: 18pt; }
h2 { font-size: 16pt; }
h3 { font-size: 14pt; }
h4 { font-size: 13pt; }
h5 { font-size: 12pt; }
h6 { font-size: 11pt; }

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

form>input, form>textarea { color: #000000; background-color: #d8d8d8; border: 1px solid #ffffff; border-bottom-color: #808080; border-right-color: #808080; }
form>textarea { width: 740px; ; height: 200px; }

hr { border: 1px solid #ffffff }

#wrapper { position: absolute; height: 102%; width: 100%; background-color: #ddddff; }
#contents { width: 760px; background-color: #ffffff; margin: auto; position: relative; background-color: #400000; }
#header { width: 760px; height: 200px; background-image: url(../img/header.png); background-repeat: no-repeat; margin-bottom: 25px; }
#main { padding: 10px; }
#footer { width: 760px; height: 100px; background-image: url(../img/footer.png); background-repeat: no-repeat; margin-top: 25px; }
#footer p { position:absolute; color: #ffffff; right: 0; bottom: 0; display: inline; }
#menu { left: 355px; top: 155px; position: absolute; }
#menu>a { margin: 2px; padding: 15px; border: 1px solid #808080; color: #ffffff; border-bottom-color: #000080; }
#menu>div { margin: 2px; padding: 15px; border: 1px solid #808080; color: #ffffff; border-bottom-color: #000080; display: inline; }
#menu div:hover div { background-color: #000000; position: absolute; display: inline; margin: 2px; padding: 15px; border: 1px solid #000080; color: #ffffff; }
#menu div:hover div a { display:block; margin: 0; padding: 0; }
#menu div * { display: none; }

.flat { width: 740px; }