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

a:hover {color: #A91813}

a img {border: 0}



body {margin: 0px; background-color: #FFFFFF; font-family: arial, helvetica, sans-serif; font-size: 12px; color: #444444}



form {margin: 0; padding: 0}

.clear {clear: both; height: 1px; font-size: 1px; line-height: 0}

img.left {float: left; margin: 0 20px 20px 0}

a.arrow {display: block; float: left; font-size: 12px; padding: 8px 0 8px 20px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 9px}

a:hover.arrow {background-image: url(../images/bullet_on.gif)}



#header {background-image: url(../images/back_header.gif); background-color: #B41713}

#header .wrap {width: 960px; position: relative; margin: 0 auto; background-image: url(../images/header.jpg); height: 128px}

#header #logo {position: absolute; left: 8px; top: 35px}

#header #language {position: absolute; top: 20px; right: 20px}

#header ul {margin: 0; padding: 0; list-style: none; float: right; margin: 95px 20px 0 0}

#header ul li {display: block; float: left; padding: 5px 10px; margin: 0}

#header ul li#googlesearch {padding: 0 0 0 10px}

#header ul li form {margin: 0; padding: 0}

#header ul li .submit {border: 1px solid #C26E74; color: #FFFFFF; background-color: #59070C; padding: 2px 5px; vertical-align: top}

#header ul li a {color: #FFFFFF; font-weight: normal}

#header ul li a:hover {color: #FFFFFF; text-decoration: underline}







#nav {clear: both; background-image: url(../images/back_nav.gif); background-color: #189151}

#nav .wrap {width: 960px; margin: 0 auto; height: 48px}

#nav ul {margin: 0; padding: 0; list-style: none}

#nav ul li {display: block; float: left; padding-right: 2px; background-image: url(../images/back_nav_divider.gif); background-repeat: no-repeat; background-position: right}

#nav ul li.last {background-image: none}

#nav ul li a {font-size: 14px; font-weight: bold; display: block; float: left; color: #333333; padding: 13px; background-image: url(../images/back_nav.gif)}

#nav ul li a:hover {background-image: url(../images/back_nav_on.gif); color: #FFFFFF}



#photo {background-color: #E2E2E2}

#photo .wrap {width: 960px; margin: 0 auto}



#main {}

#main .wrap {width: 940px; margin: 0 auto; padding: 20px 20px 40px 0}



#subnav {width: 188px; float: left; padding: 10px; border: 1px solid #D0D0D0; background-image: url(../images/back_subnav.gif); background-repeat: repeat-x}

#subnav ul {margin: 0; padding: 0; list-style: none}

#subnav ul li {display: block}

#subnav ul li a {display: block; padding: 8px 0 8px 20px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 9px}

#subnav ul li a:hover {background-image: url(../images/bullet_on.gif)}



#content {width: 480px; float: left; padding: 0 25px; font-size: 14px}

#home #content {width: 640px}

#nosidebar #content {width: 640px}

#content h1 {margin: 0; font-size: 30px; font-weight: normal; letter-spacing: -1px}

#content h2 {margin: 0; font-size: 24px; font-weight: normal; letter-spacing: -1px}

#content p.first {margin-top: 10px; font-weight: bold}

#home #content p.first {font-size: 16px; font-weight: normal}

#content p {line-height: 1.3em}



#sidebar {width: 200px; float: left}

#home #sidebar {width: 250px}

#sidebar h3 {margin: 0 0 15px 0; font-size: 24px; font-weight: normal; letter-spacing: -1px; clear: both}

#sidebar ul {margin: 0; padding: 0 0 40px 0; list-style: none}

#sidebar ul li {padding: 0 0 10px 0}



#footer {clear: both; border-top: 2px solid #D1D1D0; font-size: 11px}

#footer .wrap {width: 930px; padding: 20px 15px; margin: 0 auto}

#footer ul {margin: 0; padding: 0; list-style: none}

#footer ul li {display: inline; margin: 0 10px 0 0; font-weight: bold}

#footer p {line-height: 1.8em}

#splash #footer p {margin: 0 10px}

#footer p span {color: #B4B4B4; margin: 0 5px}



#splashmain {width: 918px; height: 347px; margin: 100px auto 20px auto; background-image: url(../images/splash.jpg)}

#splashmain ul {margin: 0; padding: 180px 0 0 445px; list-style: none}

#splashmain ul li {display: block; float: left; width: 83px; height: 38px; margin-right: 5px}

#splashmain ul li#english a {display: block; float: left; width: 83px; height: 38px; background-image: url(../images/splash_english.gif)}

#splashmain ul li#english a:hover {background-image: url(../images/splash_english_on.gif)}

#splashmain ul li#japanese a {display: block; float: left; width: 83px; height: 38px; background-image: url(../images/splash_japanese.gif)}

#splashmain ul li#japanese a:hover {background-image: url(../images/splash_japanese_on.gif)}

#splashmain ul li a b {display: none}



img.bio {float: left; margin: 0 15px 10px 0; padding: 5px; border: 1px solid #CCCCCC}



.events {margin-top: 20px}

.events td {vertical-align: top; padding: 4px}

.events td.heading {background-color: #037338; color: #FFFFFF; font-weight: bold}



#bod p {clear: both}

#bod img.bod {border: 1px solid #CCCCCC; padding: 3px; height: 120px; width: 100px; float: left; margin: 0 10px 10px 0}



#membership {font-size: 12px}

#membership .line {clear: both; float: left; width: 100%}

#membership .section {clear: both; padding-bottom: 15px; border-bottom: 1px solid #cccccc; margin-bottom: 15px}

#membership label {display: block; width: 150px; float: left; padding: 5px 10px 5px 0; margin-right: 10px; border-right: 1px solid #cccccc}

#membership input.text {float: left; width: 200px; margin: 1px 0}

#membership textarea {width: 240px; margin: 1px 0; float: left}

#membership .last {border-bottom: 0}

#membership p {clear: both; float: left; width: 100%; margin: 0; padding: 10px 0}

#membership h4 {margin: 0 0 10px 0; font-size: 14px; font-weight: bold}



#membership .contribution input {clear: both}

#membership .contribution span {display: inline-block; width: 150px}

#membership .contribution b {display: inline-block; width: 50px}



#membership .payment input {float: left}

#membership .payment span {display: inline-block; width: 400px; text-align: top; padding-left: 3px}

#membership .payment .line {padding: 0 0 10px 0}



#membership .referred textarea {width: 411px}



.thanks .section {border-bottom: 0 !important}

.thanks .line {clear: none !important; width: 230px !important; height: 200px; overflow: hidden}

.note {color: #A91813}



div.photoright {float: right; margin: 0 0 20px 20px; background-color: #eeeeee}

div.photoleft {float: left; margin: 0 20px 20px 0; background-color: #eeeeee}

div.photoright p, div.photoleft p {margin: 10px; font-size: 11px}


/* added 2009-10-15 */

.thanks .line {height: auto}