abbr, acronym {
cursor: help;
}
body {
background: transparent url(/i/body-bkg.png) repeat 0 0;
font-family: sans-serif;
margin: 0;
padding: 20px 0 150px 0;
}

body#jap *	{ font-weight: normal!important; }

p	{ margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 1px dotted #f3f3f3; }
p.q	{ margin: 0.3em 0; border: none; padding: 0; }

kbd {
background: #f3f3f3;
border: 2px solid #ccc;
font-family: sans-serif;
font-size: 100%;
padding: 0 3px;
font-variant: small-caps;
}
#container {
border-bottom: 3px solid #333;
border-right: 3px solid #333;
background: #fff;
margin: 0 auto;
width: 750px;
}
#header {
border-bottom: 2px solid #f3f3f3;
border-top: 2px solid #f3f3f3;
height: 70px;
padding: 10px 0 0 0;
}
#header h1 {
background: transparent url(/i/logo.png) no-repeat 0 0;
font-size: 1px;
line-height: 1px;
margin: 0;
padding: 0;
text-indent: -99999px;
}
#header h1 a {
display: block;
height: 70px;
}
#navigation {
border-top: 10px solid #9a322d;
display: block;
float: left;
margin: 0;
padding: 0 0 0 0;
width: 100%;
}
#navigation ul {
display: block;
margin: 0;
padding: 0;
}
#navigation li {
float: left;
list-style: none;
}

#navigation a {
background: #333;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
color: #fff;
display: block;
font: bold 78% sans-serif;
padding: 2px 5px; 
text-decoration: none;
text-align: left;

width: 113px;
height: 55px;
}
#navigation a:hover {
background: #9a322d;
text-decoration: underline;
}
#navigation #general a {
border-left: 2px solid #fff;
width: 111px;
}

#navigation em {
color: #fff;
font-style: normal;
text-decoration: underline;
}
#navigation a:hover em {
color: #fff;
}
#navigation #selected {
background: #7e832f;
color: #fff;
}
#content {
/* background: transparent url(/i/content-bkg.png) repeat-x; */
border-top: 5px solid #ddd;
clear: both;
font-size: 89%;
padding: 0 15px;
}
#content a {
color: #9a322d;
}
#content a:visited {
color: #809731;
}
#content p {
line-height: 1.3em;
/*margin: .8em 0;*/
/*padding: 0;**/
text-align: justify;
}
#content h2 {
border-bottom: 1px solid #f3f3f3;
color: #333;
font-family: 'Trebuchet MS', sans-serif;
font-size: 175%;
letter-spacing: -.07em;
line-height: .7em;
padding: 0;
}
#content h2 em {
font-style: normal;
}
#content h3 {
color: #666;
font-family: 'Trebuchet MS', sans-serif;
font-size: 135%;
letter-spacing: -.07em;
line-height: .7em;
padding: 0;
}
#content li {
line-height: 1.6em;
}
#quickLinks {
font-size: 150%;
margin: .8em 3em;
}
#quickLinks li {
list-style: upper-roman;
}
#quickLinks li a {
text-decoration: none;
}
#quickLinks li a:hover {
text-decoration: underline;
}
.ans:before {
color: #333;
content: 'A: ';
font-weight: bold;
}
.q {
color: #9a322d;
font-weight: bold;
}
.q:before {
color: #333;
content: 'Q: ';
}
.mail {
font-style: normal;
}
.ext {
background: transparent url(/i/ext.gif) no-repeat 100% 25%;
padding: 0 10px 0 0;
}
.notice {
color: #ce4300;
}
#contactForm {
border: 1px solid #ddd;
padding: 5px 18px;
}
#contactForm:hover {
background: #fcfcfc;
}
#contactForm #email, #contactForm #message, #contactForm #username {
border: 2px solid #666;
}
#contactForm #username, #contactForm #email {
width: 40%;
}
#contactForm #message {
width: 75%;
}
#contactForm #send {
background: #ddd;
border: 2px solid #666;
color: #333;
font-size: 120%;
height: 2em;
width: 7em;
}
#contactForm #send:hover {
background: #ce4300;
color: #fff;
}
#contactForm p {
line-height: .6em;
margin: .7em 0;
}
#compress p {
margin: .23em;
padding: 0;
}
#footer {
border-top: 1px dotted #ccc;
clear: both;
font-size: 69%;
padding: 1.4em 15px;
position: relative;
}
#footer a {
border-bottom: 1px dotted #ccc;
color: #999;
text-decoration: none;
}
#footer p {
color: #bbb;
line-height: 1.3em;
margin: 0;
text-align: right;
}

#footer #langs {
margin: 0; padding: 0; list-style: none; position: absolute; left: 0; bottom: 0;
}
#footer #langs li {
display: inline; margin: 0; padding: 0; 
}
#footer #langs a {
border: none!important;
}
#footer #langs a img {
border: 1px solid #999; margin-right: 2px; 
}

.taj	{ text-align: justify; }
.tac	{ text-align: center!important; }
.grey	{ background: #ccc; margin: 1em 0; padding: 1em; }
.red	{ color: red; }
.warning	{ margin: 1em 0; padding: 1em; border: 2px solid red; }
.ml	{ margin-left: 3em!important; }
.dn	{ display: none; }

button,
input	{ border: 1px solid #333; padding: 5px; font-size: 1em; }
button	{ background: #ddd; }

