* { font-size: 100.01%; margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-family: Tahoma, Verdana, Arial, sans-serif; background: #fff url(leftcol_bg.gif) 0% 0% repeat-y; color: #333399; line-height: 1.4; font-size: 0.75em;}

a {color: #0000CC; text-decoration: underline;}
a:hover {color: #0033FF; text-decoration: underline;}

h1, h2, h3, h4 {margin: 1em 0 0.5em; line-height: 1.2;}
h1 {font-weight: normal; font-size: 1.67em; margin:0 0 0.5em;}
h2 {font-weight: normal; font-size: 1.5em;}
h3 {font-size: 1.08em;}
h4 {font-size: 1em;}

* html h2,
* html h3,
* html h4 {margin-top: expression( !this.previousSibling || ( this.previousSibling && this.previousSibling.nodeName.match(/^H[1-4]$/) ) ? 0 : '1em' );}
h2:first-child, h3:first-child, h4:first-child {margin-top: 0;}
h1+h2, h1+h3, h1+h4, h2+h3, h2+h4, h3+h4 {margin-top: 0;}

hr {margin: 7px 0; height: 1px; border: none; background: #ccc; color: #ccc;}
* html hr {margin: 0;}
*+html hr {margin: 0;}

ul, ol {margin: 0 0 0.65em 2em; line-height: 1.3em;}
li {margin: 0 0 0.2em 0;}
dl {margin: 0.5em 0 0.65em 0;}
dt {font-weight: bold; margin: 0.5em 0 0 0;}
dd {margin: 0 0 0 2em;}

p {margin: 0 0 0.65em 0;}
sup, sub { vertical-align: baseline; position: relative; font-size: 10px;}
sup { top: -0.4em; }
sub { bottom: -0.3em; }

table {border-collapse: collapse; border-spacing: 0; border: none;}
td, th {padding: 0; border: none;}
td {vertical-align:top;}

*:focus {outline: none;}
img {border-width: 0;}

.clear {clear: both; min-height: 0; height: 0; line-height: 0; font-size: 0;} 
.a-left {text-align: left;}
.a-center {text-align: center;}
.a-right {text-align: right;}

.f-left {float: left;}
.f-right {float: right;}
img.f-left {margin-right: 1.5em;}
img.f-right {margin-left: 1.5em;}

form {padding: .5em 0;}
fieldset {margin-bottom: 1em; border: none;}
legend {margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; padding-left: 30%;}
.f-row {overflow: hidden; margin-bottom: .5em;}
label {float: left; text-align: right; width: 25.99%; padding: 0 2%;}
.f-inputs {padding-left: 30%;}
* html .f-inputs {padding-left: 0; height: 1%;}
.f-actions {padding-top: 1em;}
* html .f-actions {padding-left: 30%; zoom: 1;}

input, select, input {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px;}
input {vertical-align: middle;}
.i-checkbox {margin-top: 3px;}
.i-text {width: 280px; padding: 1px;}
.i-select {width: 284px; padding: 1px;}
.button {padding: 0 .25em; width: auto; overflow: visible; cursor: pointer;}
textarea {overflow: auto;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* main */
.empty {width: 100%; height: 220px; clear: both;}

#main {min-height: 100%; background: url(leftcol_bg.gif) 100% 0% repeat-y;}
* html #main {height: 100%;}

#main, #footer {min-width: 995px; position:relative;}
* html #main,
* html #footer {width: 100%; width: expression(documentElement.clientWidth||document.body.clientWidth)<995?'995px':'100%');}

#footer {height: 200px; margin-top: -200px; background: #CCDBEA;}

#container {width: 100%; float: right; margin-left: -225px;}
#center {margin-left: 225px;}
#content {margin-right: 225px; padding-top:20px;}
#leftcol {float: left; width: 200px; padding-bottom:290px;}
#rightcol {float: right; width: 200px;}

#kalligraphy {position:absolute; left:40px; top:-330px; background: url(kalligraphy.gif) 0% 0% no-repeat; height:325px; width:107px; z-index:10;}
/* top */

#top {background: #6699cc; padding-top: 10px; text-align:center;}

ul#nav {list-style: none; margin: 20px 0 0 0; width: 100%; height: 29px;}
#nav li {list-style: none; float: left; height: 29px; width:25%;}
#nav li a {display:block; height: 29px; background-repeat: no-repeat; background-position: 0% 0%; margin:0 auto;} 
#nav li a#about {background-image: url(about.gif); width: 92px;}
#nav li a#aikido {background-image: url(aikido.gif); width: 88px;}
#nav li a#iwama {background-image: url(iwama-ryu.gif); width: 119px;}
#nav li a#archiv {background-image: url(archiv.gif); width: 95px;}
#nav span {display: none;}

#path {background: #ccdbea; font-size: 0.91em; padding:5px 20px;}

/* home_content */
.hometop {margin-top:1em;}
.hometop h3 {color:#fff; background:#6699cc; width:33%; padding: 5px 10px; position:relative; left:-10px; z-index:10;}

/* leftcolumn */
#leftcol h1 {margin-left:20px; padding-top:20px;}
.submenu {background: #6699CC;}
.submenu ul {list-style: none; margin:0; padding: 10px 10px 10px 20px;}
.submenu li {list-style: none; margin: 0 0 8px 0; font-size:13px;}
.submenu li a {color: #fff;}
.submenu li a:hover,.submenu li a.act {color: #fff; text-decoration:none;}
.submenu li a.act {font-weight:bold;}
.submenu ul ul {margin:0 0 0 20px; padding:0;}
.submenu li li {font-size:12px; margin: 0 0 2px 0;}

#newstop {margin-top:1.5em;}
#newstop h1 {font-size:1.08em; font-weight:bold; margin:0 0 1em 0; background: #CCDBEA; padding:3px 20px 3px 20px;}
#newstop h1 a {color:#333399;}
#newstop .articles {font-size:0.92em; margin:0 10px 0 20px;}

/* footer */
#footer #botmenu {background:#CCDBEA; height:30px; text-align:center;}
#botmenu ul {list-style: none; margin:0;}
#botmenu li {list-style: none; margin:0; display:inline; line-height:30px; font-size:0.92em;}
#copy {text-align:center; font-size:0.92em; padding-top:10px; line-height:1.3; background:#6699cc; height:70px;}

/* content */
#rightcol .content {padding:20px 20px 0 20px;}

ul.list {list-style-type: none; font-size: 1.08em; margin: 0;}
.links {margin-bottom: 15px;}

.articles {padding: 0 0 1em 0; height:1%; overflow:hidden;}
.articles h2 {margin: 0.2em 0 0.2em; font-size: 1em; font-weight:normal;}
.articles ul {list-style: none;}
.articles p {margin: 0;}
.date {font-size:0.92em; font-weight:bold;}

.pic_left {float: left; margin: 10px 20px 5px 0; width: 200px;}
.pic_left p {font-size: 0.92em;	width: 200px; margin: 0 0 0 5px;}

.small {font-size: 0.92em;}
small {font-size: 0.92em;}
.bold {font-weight: bold;}
.red {color: red;}
.photo_name {margin: 3px 0; font-size: 0.92em; font-weight: bold; width:150px;}
.big {font-size: 1.17em; color: #675E39;}

.sitemap {margin-bottom: 0.65em; font-size: 1.17em;}
.sitemap ul {list-style: none; font-size: 0.93em;}
.sitemap ul ul {list-style: none; font-size: 0.92em;}

table.tbl {border-collapse: collapse; font-family: Tahoma, sans-serif; clear: both; border: 1px solid #ccc; margin: 0.5em 0;}
table.tbl th {padding: 3px 5px; font-size: 0.92em; border: 1px solid #ccc;}
table.tbl td {padding: 2px 5px; border: 1px solid #ccc; vertical-align: top;}

/* columns */
.columns2 .col {float: left; height: 1%; width: 49%;}
.columns3 .col {float: left; height: 1%; width: 33%;}
.columns4 .col {float: left; height: 1%; width: 25%;}
.col-content {padding-right: 1.5em;}
.col-first {padding-left: 0!important;}
.col-last {padding-right: 0!important;}

.randquote {}
.randquote_text { font-size:0.92em; margin:0 10px 0 20px; }
.randquote_author { font-style : italic; text-align: right; padding-top: 10px; padding-right: 10px; }