body, table {
 font-family: tahoma, Verdana, Arial;
 font-size: 8pt;
 text-decoration: none;
 text-align: center;
 margin: 0px;
 background-color: #333333;
 color: #000000;
 background-image: url('/images/mainbkg.jpg');
}

a { font-weight: bold; text-decoration: none; color: #336633; }
a:hover { text-decoration: underline; }
em { color: #000066; text-decoration: none; padding: 5px; margin-left: 5px; font-style: normal; }

h1, h2, h6 { 
 font-family: tahoma, Verdana, Arial;
 font-size: 18px;
 text-decoration: none;
 padding: 0px;
 margin: 0px;
 margin-bottom: 5px;
 padding-top: 10px;
}

h2 { font-size: 10pt; }
h3 { font-size: 8pt; padding: 2px;  border-bottom: 1px solid #336633; background-color: #CAF7BD; }

#container {
 width: 728px;
 text-align: left;
 vertical-align: top;
 margin: auto;
 background-color: white;
}

#header {
 clear: both;
 height: 110px;
 background-color: white;
 background-image: url('/images/header.jpg');
 background-position: left center;
 background-repeat: no-repeat;
 padding: 0px;
}

#topnav, #footer, #subnav, #next-level, #moreguides {
 clear: both;
 color: white;
 background-color: #336633;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
}

#subnav { clear: none; margin-bottom: 10px; }
#next-level {
 clear: none;
 margin-top: 40px;
 background-color: #336633;
 font-weight: bold;
 color: white;
 border-top: 4px solid #CAF7BD;
 border-bottom: 4px solid #CAF7BD;
}
#next-level a { color: #CAF7BD; }
#next-level p { text-align: right; }

.skater-name, .chapter, .pro-goal {
 border-bottom: 1px solid #ffffff;
 font-weight: bold;
}

#footer, #moreguides { 
 padding: .2em 1em;
 font-weight: bold;
 text-align: center; 
}

#moreguides {
 margin-top: 20px;
 background-color: #BDE14D;
 color: black;
}

#footer a { color: white; }

#topnav ul, #subnav ul, #footer ul, #moreguides ul {
 list-style-type: none;
 padding: 5px;
 margin: 0px;
}
#topnav ul li, #subnav ul li, #footer ul li, #moreguides ul li { display: inline; }

#topnav ul li a, #subnav ul li a, #footer ul li a, #footer ul li a, #moreguides ul li a {
 padding: .2em 1em;
 border: 1px outset #52698C;
 background-color: #336633;
 border-bottom: none;
 border-top: none;
 border-left: none;
 color: #FFF;
 text-decoration: none;
 font-weight: bold;
}

#topnav ul li a:hover, #subnav ul li a:hover, #footer ul li a:hover{ color: #FFFF00; }

#header h1 { visibility: hidden; }

#left {
 width: 160px;
 background-color: #009933;

 background-image: url('/images/leftbkg.jpg');

 float: left;
 border-right: 1px solid #E67043;
}

#left h2 {
 visibility: hidden;
 padding: 0px;
 margin: 0px;
}

#left img { margin-top: 5px; }

#guide-heading, #media-heading, #info-heading, #shout-heading {
 background-repeat: no-repeat;
 background-position: center;
 height: 60px;
 margin-top: 10px;
}
#guide-heading { background-image: url('/images/h-guide.png'); }
#media-heading { background-image: url('/images/h-media.png'); }
#info-heading { background-image: url('/images/h-info.png'); }
#shout-heading { background-image: url('/images/h-shout.png'); }

#left ul {
 margin: 0px;
 padding: 0px;
 vertical-align: middle;
 list-style: none;
}

#left li { padding: 4px 0px 4px 10px; }
#left ul li a { margin: 2px; }

#content {
 margin-left: 185px;
 padding: 0px;
 padding-right: 10px;
 vertical-align: top;
}

.w3c { border: none; }

.kororinpa-level { min-height: 140px; }
.kororinpa-level a { color: #006600; }

.kororinpa-level h2 { 
 font-size: 8pt; 
 padding: 5px;
 margin: 0px;
 background-color: #006600;
 text-align: center;
 color: white;
}

p.video, p.greenvideo { text-align: right; color: #CEB96C; font-weight: bold; }
p.video a { margin-left: 10px; }
p.greenvideo a, .greenvideo a { color: #009933; }
#greenvideo a { color: #FF0000; }

.kororinpa-level p, .kororinpa-level h3 { margin-left: 124px; }
.kororinpa-level h3 { background-color: #CAF7BD; }

/* YellBox */
#yellbox iframe { width: 90%;  border: 1px inset; }
#yellbox input, #yellbox textarea { width: 90%; }
#smileys { width: 20%; height: 25px; border: none; background-color: #FEDDA6; }
#addcomment { height: 25px; width: 70%; }

#kororinpa-info, #kororinpa-guide, #kororinpa-media, #kororinpa-shout {
 width: 140px;
 background-color: #CAF7BD;
 margin-left: 10px;
 border: 1px solid #006600;
 border-top: none;
}
#kororinpa-guide { background-color: #FFFAA3; border-color: #8A4E1D; }
#kororinpa-guide ul li a { color: #8A4E1D; }
#kororinpa-media { background-color: #FDD8DF; border-color: #663366; }
#kororinpa-media ul li a { color: #663366; }
#kororinpa-shout { background-color: #C8EAF1; }

#left a { color: #006600; }

.kororinpa-screenshot { text-align: center; }
.kororinpa-screenshot p { font-style: italic; }

#whatiskororinpa {
 background-image: url('images/kororinpabox.jpg');
 background-position: center right;
 background-repeat: no-repeat;
 min-height: 470px;
 padding-right: 126px;
}

/* YellBox */
#kororinpa-shout iframe { border: none; }
#shoutbutton { height: 25px; width: 70%; }
#smilebutton { background-color: #C8EAF1; width: 20%; height: 25px; border: none; }

.quote, .newsupdate, .ad { background-color: #F3F0E3; padding: 4px; margin-bottom: 25px; }
.quote a, .newsupdate a, .ad a { color: #996633; }
.newsupdate { background-color: #FFFAA3; border: 1px solid #8A4E1D; }

#price a { font-size: 24px; margin-top: 0px; padding-top: 0px; margin-left: 9px; }
#price img { margin-top: 4px; border: none; }