img, div, input, li, span, ul { behavior: url("iepngfix.htc") }
html { height: 100%; }

body {
  height: 100%;
	background: #d6ebf5 url(images/background.jpg) repeat-x;
	font-family: arial;
	margin: 0px;
}


#wrapper {
  width: 905px;
	margin: 0 auto;
}


#header {
  width: 905px;
	height: 144px;
}
#header div.left {
  float: left;
  width: 333px;
	height: 44px;
	background-image: url(images/header.png);
	margin-top: 70px;
	margin-left: 20px;
}
#header div.right {
  float: right;
	height: 30px;
	margin-top: 70px;
	margin-right: 20px;
}
#header div.right ul {
  height: 30px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#header div.right ul li {
  height: 30px;
	background-image: url(images/header-li.png);
	float: left;
	padding: 0px 8px;
}
#header div.right ul li.left {
	width: 7px;
	background-image: url(images/header-li-left.png);
	padding: 0px;
	margin-right: -3px;
}
#header div.right ul li.line {
	width: 1px;
	background-image: url(images/header-li-line.png);
	padding: 0px;
}
#header div.right ul li.right {
	width: 7px;
	background-image: url(images/header-li-right.png);
	padding: 0px;
	margin-left: -3px;
}
#header div.right ul li a {
  line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#header div.right ul li a:hover {
	color: #800d0d;
}



#search {
  /*width: 905px;*/
  width: 915px;
	height: 189px;
}
#search div.left {
  width: 10px;
	height: 189px;
	background-image: url(images/search-left.png);
	float: left;
}
#search div.right {
  width: 10px;
	height: 189px;
	background-image: url(images/search-right.png);
	float: left;
}
#search div.middle {
  width: 885px;
	height: 189px;
	background-image: url(images/search-middle.gif);
	float: left;
}

#search div.menu {
  width: 885px;
	height: 28px;
	margin-top: 8px;
}
#search div.menu ul {
  width: 885px;
	height: 28px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#search div.menu ul li {
  width: 212px;
	height: 28px;
  float: left;
	margin: 0px 4px;
}

#search div.menu ul li a {
  line-height: 28px;
	font-size: 14px;
	color: #105f7c;
	text-decoration: none;
}
#search div.menu ul li a span {
  display: block;
  width: 212px;
	height: 28px;
  float: left;
}
#search div.menu ul li a span.active {
  background-image: url(images/search-menu-hover.png);
	color: #800d0d;
}
#search div.menu ul li a:hover span {
  background-image: url(images/search-menu-hover.png);
	color: #800d0d;
	cursor: pointer;
}
#search div.menu ul li a span img {
  display: block;
  border: 0px;
	margin-left: 12px;
	margin-right: 15px;
	margin-top: 6px;
	float: left;
}

#search div.content {
  width: 855px;
	margin-top: 35px;
	margin-left: 20px;
}
#search div.content div.col1, #search div.content div.col2, 
#search div.content div.col3, #search div.content div.col4 {
	float: left;
}
#search div.content div.col2 {
  margin-left: 34px;
}
#search div.content div.col3 {
  margin-left: 25px;
	width: 82px;
	height: 32px;
}
#search div.content div.col3 input {
  width: 82px;
	height: 32px;
	background: transparent url(images/search-button.png);
	border: 0px;
	cursor: pointer;
	margin-top: 23px;
}
#search div.content div.col4 {
  margin-left: 70px;
	margin-top: 70px;
}
#search div.content div.col4 a {
  font-size: 12px;
  color: #6a0000;
	text-decoration: none;
}
#search div.content div.col4 img {
  border: 0px;
	margin-right: 10px;
}

#search div.content div.col5 {
	float: left;
	margin-left: 25px;
	width: 252px;
}
#search div.content div.col5 input#submit_button {
  width: 82px;
	height: 32px;
	background: transparent url(images/search-button.png);
	border: 0px;
	cursor: pointer;
	margin-top: 23px;
}
#search div.content div.col1 input {
  border: 1px solid #fff;
}
#search div.content div.title {
  font-size: 18px;
	font-weight: bold;
	color: #800d0d;
	margin-left: 10px;
}
#search div.content div.input {
  width: 250px;
	height: 28px;
	background-image: url(images/search-input.png);
	margin: 5px 0px;
}
#search div.content div.input_rdw {
  	width: 175px;
	height: 30px;
	background-image: url(images/kenteken.png);
	background-repeat: no-repeat;
	margin: 5px 0px;
}
#search div.content div.input_rdw input {
  	width: 30px;
	height: 20px;
	color: #000000;
	background:transparent;
	border: 0px;
	padding-left: 7px;
	padding-top: 5px;
	margin-left:10px;
	margin-right:5px;
	margin-top:2px;
}
#search div.content div.input_rdw input.first {
	margin-left:20px;
}
#search div.content div.input input {
  width: 210px;
	height: 28px;
	background: none;
	border: 0px;
	padding-left: 7px;
	padding-top: 5px;
	
}
#search div.content div.description {
  font-size: 12px;
	color: #5090a8;
	margin-left: 10px;
}

#contentpage {
  	width: 905px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
}
#contentpage .contents {
	font-size: 11px;
	margin: 5px;
	margin-left: 15px;
}
#contentpage .contents h1 {
	font-size: 13px;
  	font-weight: bold;
	color: #6ea1b5;
}
#contentpage .xtop {
  width: 905px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#contentpage .xbottom {
  width: 905px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}

#adpage {
  	width: 905px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
}
#adpage .contents {
	font-size: 11px;
	margin: 5px;
	margin-left: 15px;
}
#adpage .contents h1 {
	font-size: 13px;
  	font-weight: bold;
	color: #6ea1b5;
}
#adpage .xtop {
  width: 905px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#adpage .xbottom {
  width: 905px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}

#block1 {
  	width: 450px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
	float: left;
}
#block1 .contents {
	font-size: 11px;
	margin: 5px;
	margin-left: 15px;
}
#block1 .contents h1 {
	font-size: 13px;
  	font-weight: bold;
	color: #6ea1b5;
}
#block1 .xtop {
  width: 450px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#block1 .xbottom {
  width: 450px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}
#block2 {
  	width: 450px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
	float: right;
}
#block2 .contents {
	font-size: 11px;
	margin: 5px;
	margin-left: 15px;
}
#block2 .contents h1 {
	font-size: 13px;
  	font-weight: bold;
	color: #6ea1b5;
}
#block2 .xtop {
  width: 450px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#block2 .xbottom {
  width: 450px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}
#block3 {
  	width: 450px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
	float: left;
}
#block3 .contents {
	font-size: 11px;
	margin: 5px;
	margin-left: 15px;
}
#block3 .contents h1 {
	font-size: 13px;
  	font-weight: bold;
	color: #6ea1b5;
}
#block3 .xtop {
  width: 450px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#block3 .xbottom {
  width: 450px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}
#block4 {
  	width: 450px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
	float: right;
}
#block4 .contents {
	font-size: 11px;
	margin: 5px;
	margin-left: 15px;
}
#block4 .contents h1 {
	font-size: 13px;
  	font-weight: bold;
	color: #6ea1b5;
}
#block4 .xtop {
  width: 450px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#block4 .xbottom {
  width: 450px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}
#block5 {
  	width: 450px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
	float: left;
}
#block5 .contents {
	font-size: 11px;
	margin: 5px;
	margin-left: 15px;
}
#block5 .contents h1 {
	font-size: 13px;
  	font-weight: bold;
	color: #6ea1b5;
}
#block5 .xtop {
  width: 450px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#block5 .xbottom {
  width: 450px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}
#block6 {
  	width: 450px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
	float: right;
}
#block6 .contents {
	font-size: 11px;
	margin: 5px;
	margin-left: 15px;
}
#block6 .contents h1 {
	font-size: 13px;
  	font-weight: bold;
	color: #6ea1b5;
}
#block6 .xtop {
  width: 450px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#block6 .xbottom {
  width: 450px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}
#block7 {
  	width: 450px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
	float: left;
}
#block7 .contents {
	font-size: 11px;
	margin: 5px;
	margin-left: 15px;
}
#block7 .contents h1 {
	font-size: 13px;
  	font-weight: bold;
	color: #6ea1b5;
}
#block7 .xtop {
  width: 450px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#block7 .xbottom {
  width: 450px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}
#block8 {
  	width: 450px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
	float: right;
}
#block8 .contents {
	font-size: 11px;
	margin: 5px;
	margin-left: 15px;
}
#block8 .contents h1 {
	font-size: 13px;
  	font-weight: bold;
	color: #6ea1b5;
}
#block8 .xtop {
  width: 450px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#block8 .xbottom {
  width: 450px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}
#block9 {
  	width: 450px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
	float: left;
}
#block9 .contents {
	font-size: 11px;
	margin: 5px;
	margin-left: 15px;
}
#block9 .contents h1 {
	font-size: 13px;
  	font-weight: bold;
	color: #6ea1b5;
}
#block9 .xtop {
  width: 450px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#block9 .xbottom {
  width: 450px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}

#content {
  width: 905px;
	margin-top: 11px;
	background-image: url(images/content-middle.png);
}
#content .xtop {
  width: 905px;
	height: 6px;
	background: #c4e3f2 url(images/content-top.png);
}
#content .xbottom {
  width: 905px;
	height: 6px;
	background: #d6ebf5 url(images/content-bottom.png);
	clear: both;
}
#content .xmiddle {
  width: 905px;
}
#content .title {
  height: 40px;
	width: 300px;
	background: transparent url(images/content-title-bg.png) no-repeat;
	line-height: 40px;
	padding-left: 10px;
}
#content .title ul {
  list-style: none;
	padding: 0px;
	margin: 0px;
}
#content .title ul li {
  float: left;
	font-size: 11px;
	color: #333333;
}
#content .title ul li.first {
  font-weight: bold;
	color: #6ea1b5;
	margin-right: 5px;
}
#content .title ul li.arrow {
  width: 2px;
	height: 40px;
	background: transparent url(images/content-title-arrow.png) no-repeat;
	margin: 0px 5px;
}



#col-left {
  float: left;
  width: 538px;
	margin-left: 10px;
	margin-right: 25px;
	padding-bottom: 23px;
}

#col-left .box .top {
  width: 538px;
	height: 5px;
	background-image: url(images/col-left-top.png);
}
#col-left .box .middle {
  width: 538px;
	background-image: url(images/col-left-middle.png);
}
#col-left .box .bottom {
  width: 538px;
	height: 5px;
	background-image: url(images/col-left-bottom.png);
	margin-bottom: 4px;
}


#col-left .box .heading {
  width: 521px;
	height: 28px;
	font-size: 12px;
	color: #ffffff;
	line-height: 28px;
	margin-left: 8px;
}
#col-left .box .heading a {
	color: #ffffff;
	font-weight: bold;
}
#col-left .box .heading .heading-left {
  height: 28px;
	width: 5px;
	background: url(images/col-left-title-left.png) no-repeat;
	float: left;
}
#col-left .box .heading .heading-right {
  height: 28px;
	width: 5px;
	background: url(images/col-left-title-right.png) no-repeat;
	float: right;
}
#col-left .box .heading .heading-middle {
  height: 28px;
	width: 511px;
	background: url(images/col-left-title-middle.png) repeat-x;
	float: left;
}
#col-left .box .heading .heading-middle .align-right span.select {
  position: absolute;
  width: 44px;
  height: 19px;
  color: #6c0000;
	font-size: 11px;
	line-height: 19px;
  background: url(images/col-left-title-selectbox.png) no-repeat;
  overflow: hidden;
	padding-left: 6px;
	margin-top: 5px;
}


#col-left .box .result, #col-left .box .active_result {
  width: 521px;
	height: 120px;
	border-bottom: 1px dotted #c3e3f2;
	margin: 0px auto;
	cursor: pointer;
}
#col-left .box .result .number, #col-left .box .active_result .number {
  width: 38px;
  font-size: 36px;
	color: #c2e3f0;
	float: left;
	padding-left: 14px;
	padding-top: 5px;
}
#col-left .box .result .text, #col-left .box .active_result .text {
  width: 457px;
	float: left;
	padding-top: 8px;
}
#col-left .box .result .text .first, #col-left .box .active_result .text .first {
  font-size: 13px;
	color: #1a5b73;
}
#col-left .box .result .text .second, #col-left .box .active_result .text .second  {
  font-size: 14px;
	color: #7f0d0d;
	margin-top: 2px;
}
#col-left .box .result .text .third, #col-left .box .active_result .text .third {
  font-size: 11px;
	color: #333333;
	margin: 13px 0px;
}
#col-left .box .result .text .fourth ul, #col-left .box .active_result .text .fourth ul {
  list-style: none;
	padding: 0px;
	margin: 0px;
}
#col-left .box .result .text .fourth ul li, #col-left .box .active_result .text .fourth ul li {
  float: left;
}
#col-left .box .result .text .fourth ul li.line, #col-left .box .active_result .text .fourth ul li.line {
  width: 1px;
	height: 10px;
	background: url(images/col-left-result-line.png) no-repeat;
	margin: 0px 6px;
	margin-top: 5px;
}
#col-left .box .result .text .fourth ul li a, #col-left .box .active_result .text .fourth ul li a {
  font-size: 11px;
  color: #1a5b73;
	text-decoration: none;
}
#col-left .box .note {
  width: 521px;
  font-size: 13px;
  color: #1a5b73;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 10px;
}
#col-left .box .note a {
  color: #810d0d;
	text-decoration: none;
}



#col-right {
  float: left;
  width: 320px;
}
#col-right .box .top {
  width: 320px;
	height: 7px;
	background-image: url(images/col-right-box-top.png);
}
#col-right .box .middle {
  width: 320px;
	background-image: url(images/col-right-box-middle.png);
}
#col-right .box .bottom {
  width: 320px;
	height: 7px;
	background-image: url(images/col-right-box-bottom.png);
	margin-bottom: 10px;
}
#col-right .box img {
  width: 300px;
	height: 250px;
  border: 1px solid #c1e2f1;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#col-right .box .text {
  width: 320px;
  text-align: center;
	font-size: 12px;
	color: #5090a8;
}
#col-right .box .text a {
  color: #6a0000;
	text-decoration: none;
}
#col-right .box span {
  font-size: 12px;
	font-weight: bold;
	color: #6ea1b5;
	margin-left: 10px;
}
#col-right .box ul {
  list-style-image: url(images/col-right-li-arrow.png);
	padding-top: 20px;
	padding-left: 55px;
	padding-bottom: 15px;
	margin: 0px;
}
#col-right .box ul li {
	color: #7f0d0d;
	font-size: 12px;
	font-weight: bold;
}
#col-right .box ul li a {
	color: #7f0d0d;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}



#footer-arrow {
  width: 23px;
	height: 11px;
	margin-top: 4px;
	margin-left: 842px;
	clear: both;
}
#footer-arrow img { border: 0px; }
#footer-arrow a { outline: none; }

#footer {
  width: 905px;
	min-height: 59px;
	background: transparent url(images/footer-bg.png) no-repeat;
	padding-top: 9px;
	padding-left: 20px;
}

#footer ul {
  list-style: none;
	margin: 0px;
	padding: 0px;
}
#footer ul li {
  float: left;
	width: 205px;
}
#footer ul li.line {
  width: 4px;
	height: 91px;
	background: url(images/footer-line.png) no-repeat;
	margin-top: 16px;
	margin-right: 20px;
}
#footer ul li ul li {
  clear: both;
	line-height: 15px;
}
#footer ul li ul li.title {
  font-family: tahoma;
  font-size: 12px;
	font-weight: bold;
	color: #670000;
	margin-bottom: 20px;
}
#footer ul li ul li a {
  font-family: tahoma;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}


#footer-note {
  width: 905px;
	text-align: center;
	font-size: 12px;
	color: #89afc5;
	clear: both;
	padding: 20px 0px;
}

.align-left {
	float: left;
}
.align-right {
	float: right;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}