@charset "UTF-8";
/* CSS Document */

html, body {
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5;
background-color:#e4e4e4;
}

img {
border:0px;
}

input, textarea {
background-color:#FFFFFF;
border:1px solid #444444;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:250px;
}

textarea {
height:150px;
}

td {
vertical-align:top;
}

#layout {
position:absolute;
width:900px;
height:600px;
left:50%;
top:50%;
margin:-300px 0 0 -450px;
background-image:url(../images/layout.jpg);
background-repeat:no-repeat;
}

#navi {
position:absolute;
top:40px;
left:0px;
width:540px;
height:25px;
text-align:right;
padding-top:4px;
}

#submenu {
position:absolute;
top:100px;
left:560px;
width:125px;
height:125px;
line-height:1.5;
}

#content {
position:absolute;
top:100px;
left:40px;
width:500px;
height:450px;
line-height:1.5;

}

a.navi:link {
color:#444444;
text-decoration:none;
font-weight:normal;
}

a.navi:visited {
color:#444444;
text-decoration:none;
}

a.navi:hover {
color:#b2b3b5;
text-decoration:none;
}

a.navi:active {
color:#444444;
text-decoration:none;
}

a:link {
color:#f7e100;
text-decoration:none;
font-weight:bold;
}

a:visited {
color:#f7e100;
text-decoration:none;
font-weight:bold;
}

a:hover {
color:#f7e100;
text-decoration:underline;
font-weight:bold;
}

a:active {
color:#f7e100;
text-decoration:none;
font-weight:bold;
}

#submenu a:link {
color:#222427;
text-decoration:none;
}

#submenu a:visited {
color:#222427;
text-decoration:none;
}

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

#submenu a:active {
color:#222427;
text-decoration:underline;
}