* {
margin: 0px;
padding: 0px;
}
html,
body,
div#wrapper-a,
div#wrapper-b {
min-height: 100%;
width: 100%;
height: auto;
}
* html,
* html body,
* html div#wrapper-a,
* html div#wrapper-b {
height: 100%;
}
div#body {
text-align: center;
}
div#wrapper-a {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
div#wrapper-b {
position: absolute;
left: 50%;
width: 776px;
background: #fff;
margin-left: -388px;
}
div#body {
margin-bottom: 25px;
height: 100%;
}
/**
* general defs
*/
body {
font-family: Tahoma;
font-size: 11px;
background: #fff url(../images/bg/inner.gif) no-repeat top center;
}
div#top div#header {
position: relative;
background: #fff url(../images/bg/header_01.jpg) no-repeat 0 0;
height: 144px;
}
body.header-02 div#top div#header {
background: #fff url(../images/bg/header_02.jpg) no-repeat 0 0;
}
body.header-03 div#top div#header {
background: #fff url(../images/bg/header_03.jpg) no-repeat 0 0;
}
body.header-04 div#top div#header {
background: #fff url(../images/bg/header_04.jpg) no-repeat 0 0;
}
body.header-05 div#top div#header {
background: #fff url(../images/bg/header_05.jpg) no-repeat 0 0;
}
body.header-06 div#top div#header {
background: #fff url(../images/bg/header_06.jpg) no-repeat 0 0;
}
body.header-07 div#top div#header {
background: #fff url(../images/bg/header_07.jpg) no-repeat 0 0;
}
#header img {
border: none;
}
#header #address {
position: absolute;
top: 5px;
right: 8px;
text-align: right;
height: 30px;
width: 163px;
}
#address address {
font-style: normal;
font-weight: bold;
font-size: 12px;
color: #fff;
}
#bujin-logo {
position: absolute;
top: 11px;
left: 21px;
}
#dojo-logo {
position: absolute;
top: 89px;
left: 207px;
}
#header div#top-nav {
position: absolute;
right: 12px;
bottom: 7px;
width: 97px;
height: 10px;
}
#top-nav ul {
list-style: none;
margin: 0;
}
#top-nav ul li {
float: left;
height: 10px;
}
#top-nav ul li a {
display: block;
height: 10px;
text-decoration: none;
text-align: left;
text-indent: -999em;
outline: none;
}
#top-nav ul li a#home-link {
background: url(../images/bg/links-bg.gif) no-repeat 0 0;
width: 26px;
height: 10px;
}
#top-nav ul li a#home-link:hover {
background: url(../images/bg/links-bg.gif) no-repeat 0 -15px;
}
#top-nav ul li a#contact-link {
background: url(../images/bg/links-bg.gif) no-repeat -26px 0;
width: 44px;
height: 10px;
}
#top-nav ul li a#contact-link:hover {
background: url(../images/bg/links-bg.gif) no-repeat -26px -15px;
}
#top-nav ul li a#sitemap-link {
background: url(../images/bg/links-bg.gif) no-repeat -71px 0;
width: 27px;
height: 10px;
}
#top-nav ul li a#sitemap-link:hover {
background: url(../images/bg/links-bg.gif) no-repeat -71px -15px;
width: 27px;
height: 10px;
}
div#top div#nav-bar {
position: relative;
background: #ccc url(../images/bg/nav-bar.gif) repeat-x 0 0;
margin: 0;
width: 100%;
height: 26px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
text-align: center;
z-index: 5;
}
div#mid {
position : relative;
background: #fff;
width: 100%;
height: 100%;
padding: 20px 0 0 0;
text-align: left;
}
#mid div#left {
position: relative;
float: left;
padding: 0 5px 5px 5px;
width: 170px;
height: 100%;
}
#left h2 {
margin: 0 0 10px 0;
height: 1.5em;
font-size: 20px;
font-weight: bold;
color: #900;
}
#left dl {
width: 170px;
margin: 10px 0 20px 0;
padding: 0;
}
#left dt {
margin: 0 0 5px 0;
color: #900;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #900;
}
#left dt span {
display: block;
font-size: 10px;
color: #999;
}
#left dd {
margin: 0;
padding: 0;
font-size: 90%;
line-height: 1.5em;
color: #333;
}
#left dd.dl-image {
float: right;
margin: 5px;
}
#left dd.dl-image img{
padding: 1px;
border: 1px solid #333;
}
#left dd.dl-image img.no-border {
border: none;
}
#left dd a {
color: #900;
font-weight: bold;
text-decoration: none;
}
#left dd a:hover {
color: #006;
}
#left p {
margin: 5px 0;
font-size: 11px;
color: #666;
}
#left ul {
list-style: none;
margin: 5px;
font-weight: bold;
color: #900;
}
#left ul li {
line-height: 1.5;
font-size: .90em;
}
#left a {
color: #900;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
#left a:hover {
color:#f00;
}
#mid div#right {
position: relative;
float: left;
margin: 0 0 0 10px;
padding: 2px;
width: 560px;
height: 100%;
border: 1px solid #333;
}
#right div#content {
position: relative;
background: #ccc;
padding: 10px 10px 30px 10px;
height: 100%;
color: #333333;
}
#content div.img-contain-right {
float: right;
margin: 0 0 0 5px;
width: 191px;
height: auto;
text-align: center;
}
#content div.img-contain-left {
float: left;
margin: 0 5px 0 0;
width: 191px;
height: auto;
text-align: center;
}
#content div.img-contain-right img,
#content div.img-contain-left img {
background: #fff;
margin: 5px 0;
padding: 2px;
border: 1px solid #333;
clear: both;
}
#content h1 {
margin: 0;
height: 25px;
font-size: 25px;
color: #333;
}
#content h2 {
margin: 0;
height: 23px;
font-size: 23px;
color: #333;
}
#content h3 {
margin: 0;
height: 20px;
font-size: 20px;
color: #333;
}
#content h1 {
margin: 0 0 5px 0;
}
#content h2,
#content h3 {
margin: 10px 0 5px 0;
}
#content p {
margin: 0 0 20px 0;
line-height: 1.5;
}
#content ul,
#content ol {
margin: 10px 20px;
}
#content li {
margin: 10px 0;
line-height: 1.50;
font-weight: bold;
}
#content dl {
margin: 0 0 10px 0;
}
#content dl dt {
font-weight: bold;
color: #900;
}
#content dl dd {
margin: 0 0 10px 20px;
font-weight: bold;
}
#content dl dt span {
display: block;
font-size: .9em;
}
#content address {
margin: 0 0 20px 0;
}
#content table {
background: #fff;
width: 100%;
margin: 10px 0;
padding: 0;
border-collapse: collapse;
}
#content table.contactForm {
border-style: none;
border-collapse: collapse;
background: #987;
width: 450px;
}
#content table td.contactForm {
border-style: none;
text-align: left;
background: #aaa;
}
#content table th {
background: #666;
padding: 5px;
color: #fff;
border-bottom: 1px solid #000;
text-align: center;
}
#content table td.occupied {
background: #ffc;
font-weight: bold;
}
#content table td.occupied1 {
background: #fff;
font-weight: bold;
}
#content table td.occupied2 {
background: #999;
font-weight: bold;
}
#content table td.occupied3 {
background: #cc9;
font-weight: bold;
}
#content table td {
padding: 5px;
width: 12%;
border: 1px solid #000;
text-align: center;
font-size: .85em;
}
#content table.header-side td {
width: 80%;
font-size: 1em;
text-align: left;
}
#content div#slideholder {
margin: 20px 0;
width: 100%;
height: 363px;
text-align: center;
}
#content div#bottom-nav {
position: absolute;
bottom: 5px;
padding: 10px 0 0 0
width: 540px;
height: 2em;
clear: both;
text-align: center;
}
#bottom-nav ul {
list-style: none;
margin: 0 20px;
}
#bottom-nav ul li {
float: left;
margin: 0 10px;
}
#bottom-nav ul li a {
font-weight: bold;
color: #999;
text-decoration: none;
}
#bottom-nav ul li a:hover {
color: #f00;
}
#content a {
color: #009;
text-decoration: none;
}
#content a:hover {
color: #f00;
}
div#copyright {
position: relative;
margin: 5px 0 0 -250px;
color: #333;
}
div.clr {
clear: both;
height: 0;
width: 0;
font-size: 1px;
line-height: 1.0;
}
.fl {
float: left;
margin: 5px;
}
.fr {
float: right;
margin: 5px;
}
img.bor {
padding: 1px;
border: 1px solid #333;
}
.notice {
font-style: italic;
}
.blue {
color: #006;
}
.red {
color: #f00;
}
.green {
color: #060;
}
.orange {
color: #f80;
}
.yellow {
color: #ff0;
}
.teal {
color: #3b6;
.black {
color: #000;
}
.center {
text-align: center;
}
/* <><><><><> FORM STYLES <><><><><> */
form {
margin: 20px;
}
form fieldset {
padding: 10px;
}
form div.row {
margin: 10px 0 20px 10px;
width: 100%;
height: 1em;
}
form div.row input,
form div.row select,
form div.row label {
float: left;
}
form div.row label {
font-size: 1.25em;
color: #600;
}
form div.row input.nf {
float: none;
margin: 0 auto;
}
form div.row select {
padding: 0;
width: auto;
}
form div.row label {
width: 10em;
}
table contct {
border: 0;
}