@import url(reset.css);

/* LAYOUT */
/* vertical align with table */
html {
height: 100%
}
body {
height: 100%;
background: #000000
}
#shell {
width: 100%;
height: 100%
}
#cell {
vertical-align: middle
}
/* vertical align with table end */
#container {
position: relative;
margin: 0 auto;
width: 779px;
min-height: 485px;
background: #ffffff url(../images/celban.jpg) -63px 40px
}
#header {
height: 140px;
background: /*#FFEB00*/ url(../images/header.jpg)
}
#bar {
height: 31px;
background: #C29B00 url(../images/ornament.jpg)
}
#left {
float: left;
width: 130px;
height: 385px
}
#content {
float: left;
width: 519px;
height: 385px;
overflow: auto
}
#right {
float: right;
width: 130px;
height: 385px
}
#footer {
clear: both;
height: 20px;
background: #000000
}
.inside5 {
padding: 5px
}
.inside10 {
padding: 10px
}
/* /LAYOUT */

/* TYPOGRAPHY */
body, input, textarea {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #000000
}
a {
text-decoration: none;
color: gray;
}
a:hover {
text-decoration: underline;
color: #000000
}
#footer a {
color: #ffffff
}
h1 {
font: 27px Verdana;

margin: 1.3em 0 1em 0
}
h2 {
font: 17px Verdana;
margin: 1.5em 0 .8em 0
}
p {
font-size: 13px;

margin: 1em 0 1em 0
}
li {
font-size: 13px;
margin: .2em 0 .2em 0
}
/* /TYPOGRAPHY */

/* FORMS */
fieldset {
margin: 1em;
padding: 1em 1em .5em 1em;
border: 1px solid silver
}
fieldset.submit {
padding: .5em 0 0 12em;
border: none
}
/* top-positioned labels */
/*fieldset li {
padding-bottom: 1em
}
label {
display: block
}*/
/* /top-positioned labels */
/* left-right-aligned labels */
fieldset li {
clear: left;
float: left;
width: 100%;
padding-bottom: 1em
}
label {
float: left;
width: 10em;
margin-right: 1em;
text-align: left
}
/* /left-right-aligned labels */
input[type=text], input[type=password], textarea {
width: 12em
}
.required {
font-size: 80%;
color: #ff0000
}
#e_mail {
display: none
}
/* /FORMS */