<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
  padding-left: 15px;
}

ul {
  list-style: disc;
  padding-left: 15px;
}

li {
  margin-left: 0;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 14px;
}

html,
body {
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 14px;
}

.kpl {
	font-family: 'KontrapunktLight';
	font-weight: normal;
    font-style: normal;
}

.kpli {
	font-family: 'KontrapunktLightItalic';
	font-weight: normal;
    font-style: normal;
}

#contentWrapper {
	width: 980px;
	height: 600px;
}

.introText {
	line-height: 20px;
	font-size: 16px;
	font-style: italic;
	color: #000000;
}

.header {
	height: 65px;
	padding-top: 20px;
}

.footer {
	height: 55px;
	padding-top: 4px;
	border-top: 1px solid #9a9a9a;
	margin: 0 10px;
	font-size: 9px;
	line-height: 12px;
}

.footer p {
	margin-bottom: 0;
	font-size: 9px;
	line-height: 12px;
}

.footer h3 {
	margin-bottom: 3px;
	font-size: 12px;
	line-height: 15px;
}

.header,
.main {
	padding-left: 20px;
	padding-right: 20px;
}

.main {
	height: 455px;
}

.main .bottom {
	height: 25px;
	background: url(images/shadow.jpg) 50% 50% no-repeat;
}

.logos,
.info,
.source {
	float: left;
}

.logos img {
	margin-right: 15px;
}

.extra {
	float: right;
	margin-top: 5px;
	text-align: right;
}

.source {
	margin-top: 5px;
	margin-left: 30px;
	padding-top: 5px;
}

.info {
	margin-top: 5px;
	margin-left: 30px;
	padding: 5px 5px 5px 30px;
	border: 1px solid #feca47;
	background: url(images/icon_info.png) 8px 50% no-repeat;
	font-size: 9px;
	letter-spacing: 0.05em;
	
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
    border-radius: 5px;
}

.getTooltip {
	background: url(images/icon_info.png) 100% 50% no-repeat;
	width: 16px;
	margin-left: 2px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	height: auto !important;
	min-height: 16px;
	height: 16px;
}

/* tabs and panels */
.tabs {
	padding: 0;
	margin: 0;
}

.tabs li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
	margin-right: 2px;
}

.tabs li a {
	display: block;
	width: 130px;
	height: 30px;
	background-image: url(images/tabs_bg.jpg);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 30px;
	font-size: 11px;
	text-decoration: none;
	color: #dddddd;
}

.tabs li a.wide {
	width: 200px;
	background-image: url(images/tabs_wide_bg.jpg);
}

.tabs li a.superwide {
	width: 270px;
	background-image: url(images/tabs_superwide_bg.jpg);
}

.tabs li a:hover {
	background-position: 50% 50%;
}

.tabs li a.current,
.tabs li a.current:hover {
	background-position: 50% 0%;
	color: #ffffff;
}

.panes {
	background: url(images/panes_bg.jpg) 50% 50% no-repeat;
	width: 940px;
	height: 400px;
}

.pane {
	color: #ffffff;
}

.panes .second,
.panes .third,
.panes .fourth {
	padding: 30px 30px 5px;
	position: relative;
	height: 365px;
	overflow: auto;
}

.panes .list.left,
.panes .list.right {
	float: left;
	width: 400px;
}
.panes .list.left {
	margin-right: 20px;
}

.panes .second .button {
	position: absolute;
	bottom: 5px;
	right: 15px;
}

.panes .list a {
	font-weight: normal;
}

.panes .first {
	padding: 15px 0 0;
}

.panes .first .scrollableWrapper {
	width: 910px;
	height: 285px;
	padding: 0 15px;
}

.panes a {
	color: #ffffff;
}

ul.listing {
	width: 385px;
	float: left;
}

ul.right {
	width: 385px;
	float: left;
	margin-left: 20px;
}

/* /tabs and panes */

/* content */
h1 {
	height: 40px;
	line-height: 36px;
	font-size: 36px;
	color: #38aadb;
}

h2 {
	line-height: 25px;
	font-size: 25px;
	margin-bottom: 20px;
	color: #ffffff;
}

.item h2 {
	margin-bottom: 10px;
}

h3 {
	font-size: 15px;
	line-height: 18px;
}

h4 {
	font-weight: bold;
	line-height: 20px;
	font-size: 10px;
	color: #ffffff;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

p {
	margin-bottom: 14px;
}

.panes a.button {
	color: #000000;
}

.button {
	background-position: 50% 0%;
	text-decoration: none;
	line-height: 20px;
	font-size: 15px;
	width: 160px;
	height: 45px;
	padding: 5px 40px 15px 10px;
	display: block;
	background-image: url(images/mod7_button_gr.jpg);
	float: right;
	margin-top: 10px;
}

.button:hover {
	background-position: 50% 50%;
	color: #000000;
	text-decoration: none;	
}

.button:active {
	background-position: 50% 100%;
	color: #000000;
}

#descriptions,
.years,
.panes .second .li_container ul li h3 {
	text-shadow: 0px 1px 3px #000000;
}

a:focus {
	outline: 0px none;
}

a.icon,
.footer .extra a {
	padding-right: 25px;
	background: url(images/icon_link.jpg) 100% 50% no-repeat;
	color: #000000;
	text-decoration: none;
}

a.icon:hover,
.footer a:hover {
	text-decoration: underline;
}
	

/* /content */

/* sliders */
.tools {
	background: url(images/mod7_sliderwrapper_bg.jpg) 50% 0% no-repeat;
	height: 100px;
	position: relative;
}

.sliderWrapper {
	width: 940px;
	padding: 0 0;
	height: 75px;	
}

.slider2Wrapper {
	position: absolute;
	top: -80px;
	left: 5px;
	background: url(images/mod7_slider2wrapper_bg.png) 50% 50% no-repeat;
	height: 85px;
	width: 930px;
}

.navibutton,
.middle {
	float: left;
}

.middle {
	width: 870px;
}

.sliderWrapper .middle {
	padding-top: 5px;
}

.navibutton {
	height: 55px;
	width: 15px;
}

.sliderWrapper .navibutton {
	padding-top: 5px;
}

.slider2Wrapper .navibutton {
	padding-top: 17px;
}

.slider2Wrapper .navibutton.left {
	padding-left: 10px;
}

.slider2Wrapper .navibutton.right {
	padding-right: 10px;
}

.navibutton.left {
	padding-left: 15px;
	padding-right: 5px; 
}

.navibutton.right {
	padding-right: 15px;
	padding-left: 5px; 
}

.navibutton a {
	display: block;
	width: 17px;
	height: 55px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.navibutton.left a {
	background: url(images/mod7_navbl.png);
}

.navibutton.right a {
	background: url(images/mod7_navbr.png);
}

.navibutton a:hover {
	background-position: 50% 50%;
}

.navibutton a:active {
	background-position: 50% 100%;
}

.ui-slider-horizontal {
}

#sliderZoomedOut .slider {
	width: 869px;
	height: 55px;
}

.ui-slider {
    position: relative;
    text-align: left;
    border: 0px none;
    height: 55px;
    z-index: 2;
}

#sliderZoomedOut .ui-slider-horizontal .ui-slider-handle {
    top: 0;
}

#sliderZoomedIn .ui-slider-horizontal .ui-slider-handle {
    top: 0;
}

.ui-slider .ui-slider-handle {
    cursor: pointer;
}


#sliderZoomedIn .ui-slider .ui-slider-handle {
}

.ui-slider .ui-slider-handle:hover {
	text-decoration: none;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
}

.ui-slider .ui-slider-handle {
	background-image: url(images/mod7_handle.png);
	height: 37px;
	width: 12px;
	margin-left: -6px;
	margin-top: 9px;
	background-position: 50% 0%;
	cursor: pointer;
	z-index: 20;
	-moz-opacity:.60;
	filter:alpha(opacity=60);
	opacity:.60;
	display: block;
	position: absolute;
}

.ui-slider .ui-slider-handle.ui-state-hover {
	background-position: 50% 50%;
}

.ui-slider .ui-slider-handle.ui-draggable-dragging,
.ui-slider .ui-slider-handle.ui-state-active {
	background-position: 50% 100%;
}

.sliderWrapper .mask {
	display: none;
	overflow: hidden;
	width: 870px;
	position: relative;
}

#sliderZoomedOut {
    height: 55px;
    position: relative;
    margin: 0 1px 0 0;
}

#sliderZoomedIn {
    height: 55px;
    position: relative;
    margin: 0 6px 0 0;
}

.slider2Wrapper .middle {
	background: url(images/mod7_slider2_bg.png) 50% 13px no-repeat;
}

#sliderZoomedIn .ui-slider {
}

#sliderZoomedOut .marker,
#sliderZoomedIn .marker {
	position: absolute;
	background: black;
}

#sliderZoomedOut .zoommarker {
	position: absolute;
	top: 0;
	border: 1px solid #000000;
	height: 53px;
}

#sliderZoomedOut .marker,
#sliderZoomedOut .marker .hl {
	height: 15px;
	padding-right: 1px;
}

#sliderZoomedOut .marker .hl {
	margin-right: -1px;
}

#sliderZoomedOut .marker .snappable {
	height: 15px;
}

#sliderZoomedOut .marker.hot {
	background: url(images/mod7_hot.jpg) 50% 50% repeat-x;
	top: 15px;
	height: 25px;
}

#sliderZoomedOut .marker.cold {
	background: url(images/mod7_cold.jpg) 50% 50% repeat-x;
	top: 15px;
	height: 25px;
}

#sliderZoomedOut .marker.hot .hl,
#sliderZoomedOut .marker.cold .hl,
#sliderZoomedIn .marker.hot .hl,
#sliderZoomedIn .marker.cold .hl {
	height: 25px;
}

#sliderZoomedOut .marker.geo {
	background: url(images/mod7_geo.jpg) 50% 50% repeat-x;
	bottom: 0px;
}

#sliderZoomedOut .marker.bio {
	background: url(images/mod7_bio.jpg) 50% 50% repeat-x;
	top: 0px;
}

#sliderZoomedIn .marker,
#sliderZoomedIn .marker .hl {
	height: 14px;
	padding-right: 3px;
}

#sliderZoomedIn .marker .hl {
	margin-right: -3px;
}

#sliderZoomedIn .marker.hot {
	background: url(images/mod7_hot.jpg) 50% 50% repeat-x;
	top: 15px;
	height: 25px;
}

#sliderZoomedIn .marker.cold {
	background: url(images/mod7_cold.jpg) 50% 50% repeat-x;
	top: 15px;
	height: 25px;
}

#sliderZoomedIn .marker.geo {
	background: url(images/mod7_geo.jpg) 50% 50% repeat-x;
	bottom: 0px;
	height: 15px;
}

#sliderZoomedIn .marker.bio {
	background: url(images/mod7_bio.jpg) 50% 50% repeat-x;
	top: 1px;
}

.tools .marker .hl {
	opacity: 0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}

.tools .marker.hot .hl {
	background: url(images/mod7_hot_hl.jpg) 50% 50% repeat-x;
}

.tools .marker.cold .hl {
	background: url(images/mod7_cold_hl.jpg) 50% 50% repeat-x;
}

/*
.tools .marker.bio .hl {
	background: url(images/mod7_bio_hl.jpg) 50% 50% repeat-x;
}

.tools .marker.geo .hl {
	background: url(images/mod7_geo_hl.jpg) 50% 50% repeat-x;
}
*/

#descriptions {
	font-size: 9px;
	line-height: 25px;
}

.years {
	font-size: 8px;
	line-height: 15px;
	height: 15px;
	position: relative;
}

.years .last {
	position: absolute;
	top: 0;
	right: -17px;
}

.years table {
	margin: 0;
	width: 100%;
}

#descriptions .left,
#descriptions .middle,
#descriptions .right {
	float: left;
	height: 25px;
}

#descriptions .left {
	width: 100px;
	padding-left: 34px;
}

#descriptions .middle {
	width: 685px;
}

#descriptions .right {
	width: 85px;
	text-align: right;
}

#descriptions .middle table {
	width: 100%;
}

#descriptions .middle table td {
	text-align: center;
}

#descriptions img {
	margin: 0 5px;
}

.scrollable .item .hot,
.scrollable .item .cold {
	font-weight: bold;
}

.scrollable .item .hot {
	color: #ff0000;
}

.scrollable .item .cold {
	color: #8dc4ff;
}

.ui-effects-transfer { border: 2px solid black; }

/* /sliders */

/* scrollable */
.scrollable {
	position: relative;
	overflow: hidden;
	width: 910px;
	height: 200px;
}

.scrollable .items {
	width: 40000em;
	position: absolute;
}

.scrollable .items .item {
	float: left;
	width: 910px;
	height: 200px;
	overflow: auto;
}

.scrollable .items img {
	max-width: 400px;
  	width: expression(this.width &gt; 400 ? 400: true);
	max-height: 200px;
  	height: expression(this.height &gt; 200 ? 200: true);
  	margin-right: 20px;
}

.scrollable .leftSide {
	float: left;
}
	
/* /scrollable */


/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}</pre></body></html>