/* Common Styles */
html {margin:0;	padding:0; color:#555; background:#DDD}
body {margin:0;	padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center}
.main {width:800px; margin:0 auto; text-align:left; padding:0 6px; background:url('../images/header_bg.png') no-repeat 0 0; overflow:visible}
.subMain {width:812px; margin:0 auto; text-align:left; background:#F3F3F5 url('../images/main_bg.gif') repeat-y 0 0}
.leftBlock, .floatedLeft {float:left}
.rightBlock, .floatedRight {float:right}
.imgBlock {float:left; padding-right:15px}
.imgBlock img {_float:left}
.clr {width:100%; clear:both; height:1px; overflow:hidden; padding:0 !important}
ul.list {list-style:disc; margin:0 0 10px 22px; line-height:135%}
ul.list li {padding:1px 0}
img, div, h1, h2, h3, h4, h5, p, ul, dl, form {border:0; margin:0; padding:0}
input, label {vertical-align:middle}
a {color:#E23821; text-decoration:underline}
a:hover {color:#AAA}

/* Header */
.header {float:left; width:800px; padding:28px 0 0 0; height:47px}
.header .leftBlock {padding:0 10px 15px 25px}
.header .rightBlock {padding:18px 25px 0 10px; word-spacing:4px}

/* Topbar */
.topBar {float:left; width:100%; background:url('../images/trainers.jpg') no-repeat 0 0; padding-top:285px}
#page_shinkyokushin_history .topBar {background-image:url('../images/history.jpg')}
#page_shinkyokushin_facts .topBar {background-image:url('../images/shinkyokushin.jpg')}
#page_mas_oyama .topBar {background-image:url('../images/oyama.jpg')}
#page_training_technics .topBar {background-image:url('../images/technics.jpg')}
#page_measurement_data .topBar {background-image:url('../images/dan.jpg')}
#trainers .topBar {background-image:url('../images/trainers.jpg')}
#page_kata_names .topBar, #page_kata_history .topBar, #page_kata_meaning .topBar, #page_kata_importance .topBar, #page_kata_bunkai .topBar, #page_kata_principles .topBar, #page_kata_tempo .topBar, #page_kata_exertion .topBar, #page_kata_breath_control .topBar {background-image:url('../images/kata.jpg')}
.topBar .nav {background:#3D3D46 url('../images/nav_bg.gif') repeat-x left bottom; border-top:1px solid #FFF; float:left; width:100%; list-style:none; font-family:Arial, Helvetica, sans-serif; color:#FFF; position:relative}
.topBar .nav h3 {font-size:14px}
.topBar .nav h3 a {color:#FFF; position:relative; z-index:10}
.topBar .nav a {text-decoration:none}
.topBar .nav a strong {color:#E23821}
.topBar .nav li {float:left; padding:25px 30px 35px 30px; list-style:none; background:url('../images/brd.gif') no-repeat left bottom; min-height:91px; _height:63px}
#ru_lang .nav li {padding:25px 25px 35px 26px}
#ru_lang .topBar .nav li li {padding:0}
.topBar .nav li.active {background:#2C2C33 url('../images/nav_active.png') no-repeat center bottom}
.topBar .nav li ul {padding:15px 0 0 0}
.topBar .nav li li {float:none; padding:0; height:auto; min-height:0}
.topBar .nav li li a {color:#AAA}
.topBar .nav a.gallery {background:url('../images/gallery.jpg') no-repeat right bottom; position:absolute; width:138px; height:85px; right:1px; bottom:14px}
.topBar .nav .active a.gallery {background-image:url('../images/gallery_active.jpg'); height:135px; background-color:#2C2C33}
.topBar .nav h3 a:hover, .topBar .nav li li a:hover {color:#E23821}

/* Content */
.content {float:left; width:744px; background-color:#F3F3F5; padding:28px}
.content .leftBlock, .content .rightBlock {width:260px; background-color:#FFF; border-bottom:1px solid #888889; padding-bottom:10px}
.content .rightBlock {width:415px; padding:20px}
.content h4, .content h2, .content h1 {font:italic bold 17px/120% Arial; color:#555555; padding-bottom:15px; text-shadow:0 1px 1px #DDDDDD;}
.content h2 {padding-bottom:5px; font-size:17px}
.content p, .content ol {line-height:130%}
.content p.linkPlace {padding-top:3px}

.agenda, .newsList, .subNavBlock {width:220px; float:left; padding:17px 20px 20px 20px}
.agenda {background-color:#E5E5E7; border-bottom:1px solid #888889}
.agenda h4 {padding-bottom:5px}
.agenda h3 {font-size:12px; font-weight:normal}
.agenda .floatedLeft {width:84px; color:#666; text-align:center}
.agenda .floatedRight {width:120px; padding-top:10px} 
.content .date {font:bold 80px/100% Sylfaen, georgia}
.content .month {font:bold 16px/100% Sylfaen, georgia; text-transform:uppercase}

.subNavBlock {padding:0 20px}
.subNavBlock ul {margin:0; padding:0; list-style:none}
.subNavBlock li {padding:2px 0}
.subNavBlock a.active {text-decoration:none; color:#000}
.subNavBlock h2 {display:none; padding-top:17px}
.subNavBlock .itemBlock {padding-bottom:20px}
#page_kata_names .subNavBlock h2, #page_kata_history .subNavBlock h2, #page_kata_meaning .subNavBlock h2, #page_kata_importance .subNavBlock h2, #page_kata_bunkai .subNavBlock h2, #page_kata_principles .subNavBlock h2, #page_kata_tempo .subNavBlock h2, #page_kata_exertion .subNavBlock h2, #page_kata_breath_control .subNavBlock h2 {display:block}

.newsList h3 {font-size:12px; font-weight:normal; padding:2px 0 3px 0; line-height:135%}
.newsList .itemBlock {padding:0 0 17px 0; margin:0 0 15px 0; border-bottom:1px solid #DDD}
.newsList .itemBlock strong {font-size:11px}
.newsList .lastItem {border:none; margin-bottom:0; padding-bottom:0}

.itemBig .floatedLeft {width:270px; padding:5px 0 0 10px}
.itemBig .floatedLeft img {padding-bottom:10px}
.itemBig .floatedLeft h1 {font-size:15px}

.listItem {float:left; width:100%; border-top:1px solid #DDD; margin-top:20px; padding-top:20px}

#news .content .leftBlock {width:100%}
#news .newsList {width:704px}
#news .itemBlock {float:left; width:100%}
#news .itemBlock .imgBlock {padding:3px; margin-right:15px; background-color:#FFF; border:1px solid #DDD; color:#AAA}
.calendar#news .itemBlock .imgBlock {padding:0 3px 5px 3px}
#news .itemBody {line-height:130%; padding:5px 0}
p.scroller {text-align:right; word-spacing:5px}

.imgGallery {float:left; width:100%; padding-bottom:10px}
.imgGallery td {padding:8px; background:#E5E5E7 url('../images/img_bg.gif') repeat 0 0; border-right:5px solid #FFF; border-bottom:5px solid #FFF; vertical-align:middle; text-align:center}
.imgGallery td a {float:left; width:120px; text-align:center}

.historyBlock dt {font-weight:bold; font-style:italic; font-size:11px}
.historyBlock dd {padding:2px 0 12px 20px; margin:0}

.wordsBlock h3 {padding:5px 0 10px 0; font:bold 15px/100% Arial, Helvetica, sans-serif}
.wordsBlock ul {padding-bottom:14px}
.wordsBlock li {list-style:none; padding-bottom:5px; line-height:135%}
.wordsBlock li strong {font-style:italic; color:#666; font-size:12px}
.wordsBlock .titleBlock {padding:5px 0; font-weight:bold}
.wordsBlock .shortList li {display:inline; padding-right:10px; white-space:nowrap; line-height:200%}

#biography p, .contentBlock p {padding-bottom:15px}
#biography .floatedRight {padding-left:15px}

.dynamicList {border-bottom:1px dotted #E5E5E5}
.dynamicList dt {font:bold 16px/100% Sylfaen, georgia; padding:10px 0; border-top:1px dotted #E5E5E5; background:url('../images/arrow_l.gif') no-repeat right center}
.dynamicList dt strong {color:#E23821; cursor:pointer}
.dynamicList dt strong:hover {color:#666}
.dynamicList dd {padding:0 0 0 15px; margin:0}
.dynamicList ul {padding-bottom:10px}
#active_item {background-image:url('../images/arrow_b.gif')}
#active_item strong {color:#333; cursor:default}

.contentBlock p, .contentBlock ol {padding-bottom:15px}
#page_kata_meaning .dynamicList dt {font:bold 13px/100% Arial, Helvetica, sans-serif}
#page_kata_meaning .dynamicList dd {padding:0 20px 0 0}
#page_kata_meaning .dynamicList .imgBlock {padding:5px 15px 5px 0}

#trainers .content .leftBlock {width:100%}
#trainers .trainersBlock {padding:20px}
#trainers .trainersBlock table {border-bottom:1px solid #CCC; border-right:1px solid #CCC; font-size:11px}
#trainers .trainersBlock td {border-top:1px solid #CCC; border-left:1px solid #CCC; padding:4px}

#sportsmans li {list-style:none; float:left; clear:left; padding-bottom:15px}
#sportsmans .imgBlock {padding:5px; background-color:#FFF; border:1px solid #EEE; margin-right:15px}
#sportsmans h3 {font-size:14px; padding-bottom:5px}

.categoriesList {margin:5px 0 10px 22px; padding:0}
.categoriesList li {padding:3px 0}
.categoriesList .active a {text-decoration:none; color:#000}
#page_gallery .rightBlock h3 {font-size:14px; padding-top:20px}

/* Form Block */
/*.content .formBlock {padding:20px 22px}
.formBlock td.title {padding:0 0 20px 0}
.formBlock td {padding:2px 10px 11px 0}
input.txtField {width:160px}
.linkPlace {background:url('../images/btn_right.png') no-repeat right top; float:left; padding-right:11px; _background:none}
.btn {border:none; color:#FEF200; overflow:visible; font:normal 18px/100% "trebuchet MS", Arial; padding:9px 20px 15px 26px; cursor:pointer; margin:0; float:left; overflow:visible; background:url('../images/btn_left.png') no-repeat 0 0; _background:#006600; _padding:9px 20px}
.btn:hover, .btn:focus {color:#FFF}*/

/* Footer */
.footer {width:800px; clear:both; background:#DDD url('../images/footer_bg.png') no-repeat 0 0; text-align:center; padding:35px 6px 20px 6px; font-size:11px; margin-left:-6px}
.footer p {}