/* ======================= */
/* = Stylesheets for FSC = */
/* ======================= */

body{
  font-size: 62.5%;
  font-family: arial, helvetica, verdana, sans-serif;
  color: #000;
  background: #f2f3f4;
  position: relative;
  padding-top: 1px;
}

a{
  text-decoration: none;
}

em {
  font-style: italic;
}

sup {
  font-size: xx-small;
  vertical-align: top;
}

div.wrapper{
  width: 935px;
  margin: 0 auto;
  position: relative;
  min-height: 78px;
}

#header{
  background: #fff;
  position: absolute;
  top: 0;
  width: 100%;
  height: 78px;
}

.home #visual,
#content{
  position: relative;
  background: #D9F4EF;
  border-bottom: 4px solid #C1DCD7;
  margin-top: 78px;  
}

#content{
  padding-top: 50px;
  padding-bottom: 10px;
}

.home #content{
  background: none;
  border-bottom: 0 none;
  margin-top: 0px;
  padding: 0;
}

.home #content .wrapper{
  background: url(../images/backgrounds/home-content.gif) 218px 0 repeat-y;  
}

#visual img{
  float: left;
/*  margin-bottom: -4px;*/
}

#visual .box{
  position: absolute;
  bottom: -4px;
}

/* ========== */
/* = Header = */
/* ========== */

#header .sidecolumn{
  position: absolute;
  right: 0;
  top: 15px;  
}

#logo{
  float: left;
  padding-top: 15px;
}

#language{
  position: absolute;
  right: 0;
  bottom: -52px;
}

/* ================== */
/* = Top navigation = */
/* ================== */

#navigation{
  position: absolute;
  left: 230px;
  width: 645px;
  bottom: 0;
}

#navigation ul,
#navigation form,
#navigation li,
#navigation li a,
#navigation li a span{
  float: left;
}

#navigation li a{
  color: #404040;
  font-size: 1.3em;
  padding-left: 9px;
  background-position: 0 0;
  background-repeat: no-repeat;  
}

#navigation li a span{
  padding: 6px 22px 6px 0px;
  background-position: 100% 0;
  background-repeat: no-repeat;  
}

#navigation li.active a,
#navigation li.active a span,
#navigation li a:hover,
#navigation li a:hover span{
  text-decoration: none;
  background-image: url(../images/backgrounds/navigation-li.gif);
}

/* ========== */
/* = Search = */
/* ========== */

#search{
  padding: 0;
  margin: 0 0 3px 0;
}

#search input{
  background: url(../images/backgrounds/search-input.gif) 0 0 no-repeat;
  height: 16px;
  line-height: 16px;
  padding: 4px 11px;
  vertical-align: middle;
  border: none;
  float: left;
  width: 159px;
  margin: 0;
}

#search button{
  background: #D0F2EB;
  border: 1px solid #6EBEB5;
  color: #6EBEB5;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  float: left;
}

iframe.search{
  width: 100%;
  height: 1400px;
}

.search h1{
  margin-bottom: 10px;
}

/* ========== */
/* = Footer = */
/* ========== */

.home #footer{
  margin-top: 40px;
}

#footer{
  margin-top: 5px;
  text-align: right;
}

#footer .wrapper{
  width: 835px;
}

#footer a{
  margin-left: 1em;
  display: inline-block;
}

/* =========== */
/* = Columns = */
/* =========== */

.home .contentcolumn,
.home .navcolumn{
  padding-top: 45px;
}

.home .navcolumn{
  margin-top: 0;
}


.contentcolumn{
  width: 470px;
  float:right;
  margin-left: -695px;
  margin-right: 225px;
  position: relative;  
}

.broad .contentcolumn{
  margin-right: 0;
  width: 695px;
}

.navcolumn{
  margin-top: 5.5em;
  width: 206px;
  padding: 0 0px 0 12px;
  float: left;
  position: relative;
}

.sidecolumn{
  width: 205px;
  float: right; 
  background-color: #fff;
}

/* ======= */
/* = Box = */
/* ======= */

.box{
  width: 169px;
  margin-left: -13px;
  padding: 25px 11px 5px 38px;
  background: url(../images/backgrounds/box.png) transparent 0 0 no-repeat;
/*  background-color: #058074;*/
  color: #fff;
  display: inline-block;
  font-size: 2.1em;
  line-height: 1.3em;
  min-height: 160px;
}

#visual .box{
  width: 175px;
  padding: 20px 15px 20px 27px;  
}

.box p{
  max-height: 600px;
  overflow: hidden;
  padding-bottom: 0.5em;
}

.box a{
  font-size: 0.6em;
  color: #fff;
  float: right;
  text-decoration: none;
  display: block;
  font-weight: bold;
  line-height: 1em;
}

.contentcolumn .box{
  display: block;
}

.sidecolumn img{
  border: 0;
  margin: 0;
  display: block;
}

.sidecolumn img.left,
.sidecolumn img.right{
  float: none;
  margin: 0;
}

/* ======= */
/* = FAQ = */
/* ======= */
h1 + section.faq{
  margin-top: -1em;
}
section.faq{
  display: block;
  border-top: 1px solid #058074;
  border-bottom: 1px solid #058074;
  padding: 0;
  margin: 0;
}

section.faq + section.faq{
  border-top: none;
}

section.faq div.text{
  padding-left: 20px;
}

section.faq a.faq_question,
section.faq a.faq_question:visited,
section.faq a.faq_question:link{
  display: block;
  font-size: 1.2em;
  text-decoration: none;
  color: #058074;
  font-weight: bold;
  padding: 5px 20px;
  background: url(../images/backgrounds/faq.gif) 2px 6px no-repeat;
}

section.faq div.text{
  display:none;
}

section.faq.open{
  background-color: #fff;
}
section.faq.open a.faq_question{
  color: #3f3f3f;
  border-bottom: none;
  background-position: 2px -94px;
}
section.faq.open div.text{
  display: block;
}

/* ========= */
/* = Links = */
/* ========= */

.sidecolumn .links{
  background: #fff;
  margin-bottom: 0;
}

.sidecolumn .links dt{
  padding: 10px;
}

.sidecolumn .links li{
  background: url(../images/backgrounds/links-li.gif) #f6f7f7 0 0 repeat-x;
  padding: 5px 10px;
}

h2.links{
  line-height: 23px;
  vertical-align: middle;
  border-top: 1px solid #9fc7de;
  border-bottom: 1px solid #9fc7de;  
  margin-bottom: 0.6em;
}

.links{
  margin-bottom: 1em;
}

.sidecolumn .links li a,
.contentcolumn .links li a{
  display: block;
  padding-left: 1.2em;
  background: url(../images/backgrounds/navigation-li-a.gif) 0 4px no-repeat;    
}

.sidecolumn.banner{
  margin: 0 1px;
  width: 113px;
  background-color: #F6F7F7;
  padding: 20px 44px; 
  border-left: 1px solid #cbcccc;
  border-right: 1px solid #cbcccc
}

/* ======== */
/* = News = */
/* ======== */

ul.news li,
ul.archive li{
  margin-bottom: 1em;
}

ul.news li a,
ul.archive li a{
  display: block;
  margin-left: -1em;
  padding-left: 1em;
}

ul.news li a{
  background: url(../images/backgrounds/navigation-li-a.gif) 0 4px no-repeat;
}

ul.archive li a,
ul.archive li a:link,
ul.archive li a:visited{
  color: #058074;
  text-decoration: none;
}

ul.archive li a:hover{
  color: #333;
}

ul.archive span.date{
  color: #333;
  font-weight: normal;
}

dl.news a.more,
dl.news li span.date,
ul.news span.date,
ul.archive span.date,
ul.archive span.title{
  display: block;
}

dl.news ul li{
  padding: 5px 0;
}

dl.news ul li a{
  margin-left: 0;
}

dl.news a.more,
dl.news ul li span.date{
  margin-left: 1em;
}

dl.news a.more{
  text-decoration: underline;
  color: #333;
  font-weight: normal;
}

dl.news a.active{
  color: #333;
  background-position: 0 -89px;
}
/* ======= */
/* = TOC = */
/* ======= */

.navigation,
.toc{
  margin-bottom: 2em;
}

dl.news ul,
.news dt,
.toc dt{
  margin-bottom: 0.5em;
}

.news ul,
.toc ul{
  border-top: 2px solid #ACD7D4;
}

dl.news li,
.navigation li,
.toc li{
  border-bottom: 2px solid #ACD7D4;  
  padding: 2px 0;
}

dl.news li a,
ul.navigation li a,
.toc li a{
  padding-left: 1em;
  display: block;
  margin-left: 0;
  background: url(../images/backgrounds/navigation-li-a.gif) 0 3px no-repeat;  
}

dl.news li a:hover,
.navigation li.active a,
.navigation li a:hover{
  background-position: 0 -89px;
  text-decoration: none;
  color: #333;
}

/* ============== */
/* = Navigaiton = */
/* ============== */

.navigation li{
  padding: 3px 0;
}

/* ========== */
/* = Images = */
/* ========== */

img.left,
div.text img.left{
  float: left;
  margin: 0 15px 15px 0;
}

img.right,
div.text img.right{
  float: left;
  margin: 0 0 15px 15px;
}

div.text img.left,
div.text img.right{
  margin-top: 15px;
}


/* ========= */
/* = Fonts = */
/* ========= */

ul.news,
ul.archive,
#visual .box,
.links{
  line-height: 1.3333;  
}

#visual .box{
  font-size: 1.2em;
  font-weight: bold;
}

#visual .box a{
  font-size: 1em;
}

.sidecolumn .links{
  font-size: 1em;
}

.sidecolumn .links dt{
  color: #3F3F3F;
  font-size: 1.2em;
}

.sidecolumn .links li a{
  font-weight: bold;
  color: #595959;  
  font-size: 1.1em;
}

.sidecolumn section.visual{
  display: block;
  padding: 0 0 0 1px;
}

.links {
  font-size: 1.2em;  
}

.links dt{
  font-weight: bold;
  font-size: 1em;
  color: #3F3F3F;
}

.links li a{
  color: #3f3f3f;
}

.links li a:hover{
  color: #058074;
  text-decoration: none;
}

div.text{
  color: #3f3f3f;
}

#language a{
  font-size: 1.1em;
  color: #333;
  text-decoration: underline;
}

#footer a{
  font-size: 1.1em;
  color: #333;
}

#search button{
  font-weight: bold;
  font-size: 1.5em;
}

.news dt,
.toc dt,
.navcolumn li.title{
  font-weight: bold;  
  color: #4a4a4a;  
  font-size: 1.4em;
  padding-left: 10px;
}

dl.news span.date,
ul.news span.date{
  font-size: 1.1em;
  color: #444;
  font-weight: normal;
}

dl.news a,
ul.news a,
ul.archive a,
.toc li a,
ul.navigation li a{
  color: #058074;
  font-size: 1.2em;
  font-weight: bold;
}


/* Actual text*/
div.text{
  font-size: 1.2em;
  line-height: 1.4;
}

div.text p,
div.text ul,
div.text ol{
  margin-bottom: 1em;
}

div.text p strong{
  font-weight: bold;
}

div.text a{
  color: #058074;
}

div.text a:visited{
  color: #058074;
}

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

div.text ul,
div.text ul li{
  list-style: disc outside;
}

div.text li{
  margin-left: 1.1em;
}

div.text ol{
  list-style: decimal outside;
}

/* Headers */
.home h1{
  font-weight: bold;
  font-size: 1.4em;
  color: #333;
}

h1{
  font-size: 2.4em;
  margin-bottom: 1em;
  color: #333;
  font-weight: normal;
}

h2{
  font-size: 1.2em;
  color: #3F3F3F;
  margin-bottom: .5em;
  font-weight: bold;
}

h3{
  font-size: 1.2em;
  color: #3F3F3F;
  font-weight: normal;
  font-style: italic;
  padding-bottom: .5em;
}

.sidecolumn h2{
  color: #058074;
  padding-left: 10px;
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 1em;
}

/* ========== */
/* = Pop up = */
/* ========== */
section.popup{
  width: 156px;
  height: 70px;
  overflow: hidden;
  float: left;
  margin-bottom: 1em;
}

.sidecolumn section.popup{
  background-color: #fff;
  display: block;
  width: 195px;
  height: auto;
}

section.popup img{
  padding-right: 10px;
  cursor: pointer;
}

.sidecolumn section.popup{
  padding-left: 10px;
}

section.popup div {
  position: absolute;
  z-index: 1000;
  display: none;
  width: 315px;
}

section.popup div.open{
  display: block;
}

section.popup div header{
  background: url(../images/backgrounds/popup-top.png) 0 top no-repeat;
  padding: 15px 19px 15px 15px;
  padding-bottom: 15px;
}

section.popup div footer{
  display: block;
  background: url(../images/backgrounds/popup-bottom.png) 0 bottom no-repeat;
  padding: 0 4px 40px 15px;
  font-size: 1.2em;
  border-top: 1px solid #c2c2c2;
}

section.popup div footer h1{
  font-size: 1.2em;
  line-height: 1.3em;
  color: #3f3f3f;
  margin: 0;
  padding: 10px 0 5px 0;
}

section.popup div footer a,
section.popup div footer a:visited{
  color: #0073aa;
}

/* =========== */
/* = Figures = */
/* =========== */

figure{
  max-width: 100%;
}

.text img,
figure img{
  max-width: 100%;
}

.text img.left,
figure.left{
  float: left;
  padding: 0 10px 10px 0;
}

.text img.right,
figure.right{
  float: right;
  padding: 0 0 10px 10px;
}

figure.center{
  margin: 0 auto 1em auto;
}

figure figcaption{
  font-size: 0.8em;
}

div.block{
  clear: both;
}
/* ============= */
/* = Autoclear = */
/* ============= */

#search:after,
.wrapper:after,
div.block:after,
.sidecolumn:after{
	content: ".";
	visibility: hidden;
	clear: both;
	display: block;
	height: 0px;
}