html {
font-family:Arial, Helvetica, sans-serif;
color:#222;
font-size:1em;
background:#e4e9e9 url(images/html-bg.png) repeat-x fixed;
}

body {
font-family:Arial, Helvetica, sans-serif;
color:#222;
background-image:url(images/2008-waves-bg-1.png);
background-repeat:repeat-x;
background-attachment:fixed;
background-position:bottom;
font-size:1em;
margin:0;
padding-bottom:.5em;
}

#container {
position:relative;
top:8px;
width:696px;
min-height:685px;
background:url(images/nav-bg.png);
background-repeat:repeat-y;
background-color:#fff;
background-position:left;
border:1px solid #051d26;
margin:0 auto;
padding:0;
}

div#topborder {
position:absolute;
top:-8px;
left:-1px;
width:698px;
height:8px;
background-image:url(images/top-border.png);
background-repeat:no-repeat;
}

#header {
background:url(images/pacific-bg-2.png);
background-repeat:no-repeat;
width:698px;
height:118px;
margin:12px auto 11px;
}

#header h1 {
position:relative;
top:28px;
width:518px;
height:66px;
text-indent:-9000px;
background:url(images/pacific.png);
background-repeat:no-repeat;
margin:0 auto;
}


div#navigation {
position:absolute;
top:0;
bottom:0;
left:0;
width:113px;
background:url(images/nav-bg.png);
background-color:#08506a;
background-repeat:repeat-y;
overflow:hidden;
}


div#navigation a {
color:#fff;
text-decoration:none;
margin:0 0 0 3px;
padding:3px 5px;
line-height:1.2;
}

div#navigation a:link {
text-decoration:none;
color:#fff;
}

div#navigation a:visited {
color:#fff;
text-decoration:none;
}

div#navigation a:hover {
color:#002733;
background:#fff;
border-top:solid 1px #fff;
border-right:solid 1px #002733;
border-bottom:solid 1px #002733;
border-left:solid 1px #fff;
}

ul#navlist {
list-style:none;
font-weight:700;
margin:0;
padding:15px 0;
}

ul#navlist li {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
letter-spacing:1px;
margin-left:8px;
padding:10px 0 0;
}

ul#navlist li a.current{
padding:3px 5px;
color:#adcccc;
cursor:default;
}

#dolphin {
width:113px;
height:112px;
background:url(images/pjk-dolphin.png);
background-repeat:no-repeat;
margin:16px 0;
}

#content {
background:#fff;
margin:0 0 0 113px;
padding:23px 40px 0;
}

#content h3.welcome {
font-weight:normal;
text-transform:lowercase;
font-variant:small-caps;
font-style:italic;
letter-spacing:2px;
color:#222;
padding-bottom:7px;
font-size:19px;
border-bottom:5px double #844702;
margin-top:0;
margin-bottom:16px;
}

#content h1.welcome {
color:#000;
font-size:34px;
font-style:italic;
font-weight:400;
line-height:125%;
margin-top:0;
margin-bottom:10px;
margin-right:208px;
padding-bottom:18px;
border-bottom:5px double #844702;
}

#content h2 {
font-weight:normal;
text-transform:uppercase;
letter-spacing:5px;
line-height:2.2;
border-bottom:1px solid #844702;
border-right:1px solid #91530c;
border-top:1px solid #e5d8c9;
border-left:none;
color:#000;
background:#fff url(images/orange-kanji.png) center right no-repeat;
font-size:20px;
padding:0 0 0 2px;
margin-top:0;
margin-right:0;
overflow:hidden;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
}

#content h2.body {
margin-top:1.5em;
margin-bottom:.5em;
}

#content h2.top {
margin-top:0;
margin-bottom:.5em;
}

#content h2.long {
word-spacing:-2px;
}

#content h3{
font-weight:bold;
text-transform:uppercase;
font-variant:small-caps;
font-style:italic;
letter-spacing:2px;
color:#141414;
margin-top:1.75em;
margin-bottom:1em;
font-size:14px;
border-bottom:3px double #844702;
padding:0 0 3px 1px;
}

#content h3.body{
position:relative;
color:#000;
margin-top:.25em;
margin-bottom:1em;
}

#content h3.short{
width:14.5em;
}

#content img {
float:right;
border:solid 1px #3f4f54;
margin:2px 0 16px 16px;
padding:4px;
} 

#content img.welcome {
float:right;
margin:0 0 16px 16px;
padding:4px;
}

#content img#amazon {
border:none;
clear:right;
margin-top:10px;
}

#content a:link {
text-decoration:none;
color:#00008B;
}
#content a:visited {
text-decoration:none;
color:purple;
}

#content a:hover {
text-decoration:underline;
color:blue;
}

#footer a:link {
text-decoration:none;
color:#00008B;
}
#footer a:visited {
text-decoration:none;
color:purple;
}

#footer a:hover {
text-decoration:underline;
color:blue;
}

#footer p {
margin:0;
padding:0;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
line-height:150%;
}

div#content p#final {
padding-bottom:10px;
}
div#footer {
	clear:both;
	display:block;
	text-align:center;
	margin:1px 0 0;
	margin-left:113px;
}

div#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin:0px auto 5px;
cursor:default;
}

div#footer img {
margin-bottom:20px;
padding-left:3px;
}

div#content div#chop {
height:7em;
position:relative;
display:block;
}

div#content img#okazaki-chop {
float:left;
border:none;
}

table#rank thead th {
font-size:15px;
}

table tr.odd {
color:#000;
background:#bfd9d9;
}

table td{
font-size:13px;
padding:5px 6px;
}
table#rank tr.sixth-row td{
font-size:11px;
}

table td,table th {
border:1px solid #7db3b3;
}

table th {
padding:6px 6px;
}

table {
border:1px solid #7db3b3;
border:hidden;
}

ul#links, ul#sensei{
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
line-height:150%;
list-style:none;
margin-left:0px;
padding-left:0px;
}

ul.books {
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
line-height:150%;
padding-bottom:3px;
}

ul.books li {
padding-bottom:4px;
}

div#content p#backtotop {
text-align:center;
width:10em;
clear:left;
margin:0 0 2em;
color:#fff;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
letter-spacing:1px;
background:#005674;
border:1px solid #051d26;
padding:1px;
}

div#content p#backtotop a{
display:block;
}

div#content p#backtotop a:link{
text-decoration:none;
color:#fff;
}

div#content p#backtotop a:visited{
text-decoration:none;
color:#fff;
}

div#content p#backtotop a:hover{
text-decoration:none;
color:#051d26;
background:#3691b3;
}

iframe {
width:120px;
height:240px;
overflow:hidden;
margin:4px 15px;
padding:6px;
border:none;
border-top:1px solid #bbb;
}

.italics {
display:block;
margin-right:3px;
}
.call-out {
	font-size: 125%;
	font-weight: bold;
}
#container #content #seminar {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#container #content #seminar li {
	margin-bottom: .5em;
}
#footer a.current{
color:#576666;
text-decoration:none;
cursor:default;
}
#content a.banner {
	display:block;
}
#content a.banner:link {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#content a.banner:visited {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#content a.banner:hover {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}
#content a.banner:active {
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
#content a.banner img{
	margin:0 0 16px 0;
	padding:0;
	border:none;
}
