@import url('reset.css');
@import url('grid.css');

html		{ font-size:62.5%; }
body		{ font:1em/1.5em Arial,Tahoma,Verdana,sans-serif; color:#111; background:#262626; min-width:950px; }

a:hover		{ color:#000 }
a			{ color:#25851f }

/* Base settings */
.alc		{ text-align:center }
.alr		{ text-align:right }

.upcase		{ text-transform:uppercase; }
.fc-lgray	{ color:#a6a6a6; }

img.left	{ float:left; margin:3px 10px 10px 0; }

/* Navigation */
.nav { border-top:3px solid #ffff41; background:url(i/nav-bg.gif) repeat-x top; }
.nav ul { margin:0 20px }
.nav li { float:left }
.nav li a { display:block; font-size:1.3em; line-height:1em; font-weight:bold; color:#ffff41; padding:15px 20px; }
.nav li a:hover { background:#262626; text-decoration:none; color:#fff; }
.nav li.active a { background:#ffff41; color:#000; text-decoration:none; border-bottom:3px solid #262626; padding:15px 20px 12px 20px; }
.attention { color:#F33A3A; }
.nav li a.attention { display:block; font-size:1.3em; line-height:1em; font-weight:bold; color:#ffff41; padding:15px 20px; color:#F33A3A; }

/* Home Page */
.hp { background:#fff url(i/home-bgplace.jpg) no-repeat right bottom; padding:30px 0 50px 0; }
.hp { color:#fff; }
.hp .billboard { background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
.hp .billboard * { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.hp .billboard .box { padding:50px 75px 50px 50px; }
.hp .billboard .box a { color:#ffff41; }
.hp .billboard .box h1 { font-size:5.2em; font-weight:bold; line-height:1em; }
.hp .billboard .box h2 { font-size:2em; padding:1em 0; line-height:1em; }
.hp .billboard .box h3 { font-size:1.3em; line-height:1.25em; }
.hp .billboard .box h4 { font-size:1.7em; color:#999; padding:1em 0; line-height:1em; }
.hp .billboard li { float:left; width:200px; font-size:1.3em; }

/* Content Page */
.cp { background:#fff; padding:30px 0 50px 0 }
.cp .box { padding-top:55px }

.cp h1 { font-size:3.9em; color:#25851f; font-weight:bold; padding-bottom:50px; }
.cp h2 { font-size:2em; color:#000; line-height:1.25em; padding-bottom:1em; }
.cp h3 { font-size:1.75em; color:#25851f; font-weight:bold; line-height:1em; padding:0.5em 0 1em 0; }
.cp h4 { font-size:1.5em; color:#333; font-weight:bold; line-height:1em; padding:0.5em 0 1em 0; }

.cp p { font-size:1.3em; line-height:1.25em; padding-bottom:1em; }
.cp ul { position:relative; list-style:square outside; margin:0 0 0 16px; left:-16px; padding:0; font-size:1.3em; line-height:1.75em; padding-bottom:1em; }
.cp p.photo-remark { font-size:1.125em; text-align:right; color:#666; }

/* Inner Menu */
dl.inav { font-size:1.3em; margin:30px 15px; }
dl.inav dd { padding:5px 7px; }
dl.inav dd.this { background:#33a02c; }
dl.inav dd.this a { font-weight:bold; text-decoration:none; color:#fff; }
dl.inav dd a strong { color:#040; }
dl.inav dl { padding-left:15px; }

/* Forms */
input.text, textarea { width:300px; padding:3px 4px; border:1px solid #aaa; font:1em/1em Verdana,Tahoma,sans-serif; }
textarea { height:5em }
form p span { color:red; }

/* Table */
table   { width:100%; margin:0.75em 0 2em 0; }
th		{ border-bottom:3px solid #ccc; background:#eee; }
th, td	{ font-size:1.3em; padding:6px 7px; }
td		{ border-bottom:1px solid #ccc; }

/* Footer */
.footer { color:#666; font-size:1.1em; }
.footer a { color:#666 }
.footer .box { padding:15px 10px }
.footer .last a { color:#ffff41 }