html {height: 100%}
body {height: 100%; margin: 0; padding: 0; background-image: url('images/bg.jpg'); font-size: 0.8em; font-family:Verdana,sans-serif;}
img {border: 0;}
a {color: #000}
h1 {font-size: 1.2em; letter-spacing: 0.1em;}
h2 {font-size: 1.0em; letter-spacing: 0.1em;}
h3 {font-size: 0.85em; margin: 0; line-height: 1.0em; color: #535353}
#start h2.startH2 {display: block; width: 130px; padding-left: 5px; text-align: center;}
input {border: 1px solid #BCCDD7; padding: 0.2em; font-size: 1em; height: 1.1em; width: 160px;}
textarea {border: 1px solid #BCCDD7; padding: 0.2em; font-size: 1em; width: 175px; height: 100px; font-size: 1em; font-family:Verdana,sans-serif;}
.formfields {padding: 5px; width: 330px;}
.formfields label:active,
.formfields label:focus,
.formfields:hover,
.formfields label:hover {background: #F1994F;}
#email {background-image: url('images/mail.png'); padding-left: 20px; background-repeat: no-repeat;}
#name {background-image: url('images/businessman.png'); padding-left: 20px; background-repeat: no-repeat;}
#send {width: 120px; padding-left: 20px; background-image: url('images/check.png'); background-repeat: no-repeat; background-position: 3px 3px; margin-left: 145px; margin-top: 5px; background-color: #E5E5E5; height: 23px;}
label {padding-left: 10px; width: 130px; display: block; float: left;}
form {float: left; width: 350px;}
#contactInformation {float: right; width: 200px;}
#header {position: absolute; top: 0; left: 0; z-index: 2; background-image: url('images/headerBg.jpg'); height: 150px; width: 100%;}
#headerImage {margin-left: auto; margin-right: auto; background-image: url('images/header.jpg'); display: block; width: 800px; height: 120px;}
#navigationLine {background-color: #25557B; height: 30px;}
#navigation {background-image: url('images/naviBg.jpg'); height: 30px; width: 788px; margin-left: auto; margin-right: auto; border-left: 1px solid #25557B; position: relative;}
#navigation ul {position: relative; height: 30px; background-image: url('images/naviBg.jpg'); padding-left: 22px;}
#navigation div {height: 30px;}
#navigationLeft {float: left; width: 200px; background-image: url('images/butterflyBody.jpg'); background-repeat: no-repeat;}
#navigationRight {float: right; width: 125px; background-image: url('images/flowerBorderBottom.jpg');}
#navigationCenter {background-color: #296796; background-image: url('images/sitemapBg.jpg'); width: 450px; position: absolute; top: 0px; left: 178px;}
#navigationCenter ul {padding: 0; margin: 0;}
#navigationCenter li {float: left; list-style:none; padding: 0 10px 0 10px; width: 70px;}
#navigationCenter li#headList1{width: 65px;}
#navigationCenter li#headList4{width: 50px;}
#navigationCenter a {display: block; padding-top: 7px; height: 23px; text-decoration: none; color: #000; font-size: 13px;}
#navigationCenter a:hover,
#navigationCenter a.active {background-image: url('images/naviPointer.gif'); background-repeat: no-repeat; background-position: bottom center}
#content {height: 100%; width: 100%;}
#leftContent {float: left; width: auto;}
#rightContent {float: right; width: auto;}
#centerContent {width: 788px; background: #fff; margin-left: auto; margin-right: auto; min-height: 100%; border-left: 1px solid #25557B}
* html #centerContent {height: 100%;}
#contentText {padding: 160px 20px 50px 190px; line-height: 1.5em}
#start #contentText {padding: 160px 20px 50px 20px;}
* html #start #contentText {height: 370px;}
*+html #start #contentText {height: 370px;}
.contentImage {float: right; margin:0 0 1em 1em; position: relative;}
#contentHead {height: 12px; background-image: url('images/contentHead.jpg'); margin: -10px -20px 0 -190px; position: relative; width: 788px; background-repeat: no-repeat;}
#start #contentHead {background-image: url('../images/contentHead2.jpg'); margin: -10px -20px 0 -20px;}
* html #contentHead {position: absolute; top: 160px;}
* +html #contentHead {position: absolute; top: 160px;}
#contentNavigation {width: 187px; padding: 180px 0 0 0; float: left; background-image: url('images/subnaviBg.jpg');}
#contentNavigation li {list-style:none; width: 137px; text-align: right; border-bottom: 1px solid #BCCDD7;}
#contentNavigation a {text-decoration: none; color: #000; display: block; padding: 3px 7px 3px 0; width: 130px; font-size: 12px;}
#contentNavigation a.active{background: #fff;}
#contentNavigation a:hover {background: #fff;}
#contentNavigationBottom{height: 40px; background-image: url('images/subnaviBottom.jpg'); background-repeat: no-repeat; background-position:left bottom;}
#contentInformation {float: left; border: 1px solid green; width: 570px;}
#footer {clear: both; margin-top: -40px; height: 40px;}
#footerContent {background: #fff; margin-left: auto; margin-right: auto; width: 748px; height: 40px; border-left: 1px solid #25557B; padding: 0 20px 0 20px;}
#footerText {border-top: 1px solid #BCCDD7; font-size: 10px; padding-top: 4px; text-align: center;}
.smallPaddingTop {padding-top: 10px;}
.startbox {float: left; width: 150px; padding: 45px 20px 0 0;}
#startbox1 {position: relative;}
.startLink {border: 5px solid #fff; display: block; width: 130px; height: 130px;}
.startLink:hover {border: 5px solid #DEDEDE}
#star1 {position: absolute; top: 25px; left: -10px; width: 60px; height: 61px;}
html > body #star1 {background: url(images/star1.png);}
* html #star1 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/star1.png');}
.logoBox {float: left; padding: 15px 30px 0 0; width: 110px;}
#sitemap {display: none; position: absolute; color: #fff; padding: 10px;}
#sitemap ol {padding: 0px; margin: 0px; float: left; width: 200px;}
#sitemap li {float: none; width: auto; font-weight: bold; margin-top: 10px;}
#sitemap li ol {float: none;}
#sitemap li li {padding: 0 0 0 15px; font-weight: normal; margin: 0; float: none;}
#sitemap li li a {color: #fff; padding: 0; height: 14px; width: auto; margin: 0;}
#sitemap li li a:hover {text-decoration: underline; background: none;}
#sitemapLink {display: block; width: 16px; height: 16px; background-image: url('images/sitemap.gif'); float: right; margin: 7px 10px 0 0}
#news {width: 190px; overflow: auto; padding-left: 10px; background-image: url(images/subnaviBg2.jpg); background-repeat: repeat-y}
* html #news {margin-top: -3px;}
*+html #news {margin-top: -3px;}
#news h3 {margin-bottom: 10px;}
#news a {display: block; width: 180px; text-decoration: none;}
#news span {margin: 0;}
#newsBottom {height: 40px; width: 178px; background-image: url(images/subnaviBottom2.jpg)}
#start .contentImage {margin-top: -52px;}
* html #start .contentImage {margin-top: -67px;}
*+html #start .contentImage {margin-top: -67px;}
.newsInfo {display: none; overflow: hidden; background-image: url('images/shadow.png'); padding: 15px 25px; position: absolute; top: 15px;}
* html .newsInfo {background: #25557B}
.newsInfo div {color: #fff; display: none; overflow: auto; height: 261px;}
.newsInfo h2 {margin: 0;}
.newsInfo img {float: left; margin: 5px 5px 0 0;}
.newsInfo a {color: #fff; text-decoration: underline !important; display: inline !important;}
.newsInfo .newsCloseLink{text-decoration: none !important; float: right; width: auto; margin-right: 5px; text-align: right;}
#refList {margin: 0; padding: 0px; width: 450px;}
#refList li {list-style: none; background-image: url('images/naviBg.jpg'); background-position: 0 -2px; line-height: 16px; padding: 5px 7px;}
#refList li h2 {margin: 0; padding: 0; font-weight: normal; letter-spacing: 0;}
.refListItem {height: 190px; background: url('images/sitemapBg.jpg'); margin: 5px -7px -5px -7px; display: none;}
.refListItem div {padding: 15px; color: #fff;}
.refListItem div span {float: left; width: 190px;}
.refListItem div img {float: right;}
.refListItem a {color: #fff;}