@import url('/assets/site/css/wymstyles.css');

fieldset {
    margin:0 0 15px 0;
    padding:0;
    border:none;
}

body {  
  background:white url('/assets/site/images/body.png') left 20px repeat-x;
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#808080;  
  text-align:center;
}

h1, h2, h3, h4 {
  font-family: "Tahoma", Arial, Helvetica, sans-serif;
  font-weight: lighter;
  color: #444444;
  margin:0;
  padding:0;
}

h1 {
  float:right;
}

h1 a {
  background:url('/assets/site/images/logo.png') center center no-repeat;
  display:block;
  width:214px;
  height:49px;
  margin:11px 0 10px -10px;
}

h1 a span {
  position:absolute;
  left:-9000em;
}


h2, h3 {
  margin:0 0 1em;
  font-size: 1.9em;
  font-weight:100;
}

h3 {
  padding-top:1em;
  font-size: 1.4em;
  font-weight:100;
}

h4 {
  font-size:1.1em;
  font-weight:bold;
  margin:0;
  padding:1.5em 0 1em;
}

h4.first {
	padding-top:0;
}


p {
  margin:0 0 1.2em;
  padding:0;
}

table {
  margin:0 0 1em 0;
}

table td, table th {
  padding:2px 12px 2px 0;
}

img {
  border:none;
}

#container {    
  width:900px;    
  text-align:left;
  margin:0 auto 0 auto;
}

#shortcutsmenu ul {
    text-align:right;
    margin:0 0 0 0;
    padding: 5px 10px 0 0;
    list-style:none;
    height:16px;
    overflow:hidden;
    float:right;
    width:200px;	
}

#shortcutsmenu ul li {
    display:inline;
    margin:0;
    padding: 0 5px 0 0;
}

div#shortcutsmenu a {
  text-decoration:underline;
  color:#05A1D9;
}

div#shortcutsmenu a:hover {
  text-decoration:none;
}


#langmenu ul {
    text-align:right;
    margin:0 0 0 0;
    padding:0;
    list-style:none;
    height:16px;
    overflow:hidden;
    float:right;
    width:100px;
}

#langmenu ul li {
    display:inline;
    margin:0;
    padding:0 15px 0 0;
}

#pagemenu {
  margin-bottom:1.5em;  
}

#pagemenu h2 {
  float:left;
  margin:0;
  padding:0;  
}

#pagemenu h2.alt {
  float:none;
  border-bottom:1px solid #CDCDCD;
  padding-bottom: 5px;
}

#pagemenu ul {  
  margin:0 0 0 0;
  padding:10px 0 0 0;
  list-style-type:none;
  text-align:right;
  border-bottom:1px solid #cdcdcd;
}

#pagemenu ul li {
  display:inline;
  line-height:25px;
  margin:0 0 0 0;
  padding:0 0 0 25px;
}

#pagemenu ul li a {
  padding-bottom:5px;
  color:#cccccc;
  text-decoration:none;
}

#pagemenu ul li a.active, #pagemenu ul li a:hover {
  background:url('../images/marker.png') bottom center no-repeat;
  color:#05A1D9;
}

#sitemenu ul {
  clear:both;
  list-style-type:none;
  margin:20px 0 0 0;
  padding:0;
  height:28px;
  float:left;
  width:650px;
  z-index: 2;
}

#sitemenu ul li {  
  height:28px;
  float:left;
  margin:0px 9px 0 0;
  padding:0 0 0 7px;
  background:#E8EBF0 url('/assets/site/images/tab-left.png') left top no-repeat;
  z-index: 2;
}

#sitemenu ul li a {
  height:15px;
  display:block;
  text-decoration:none;
  font-weight:bold;
  color:#353535;
  background:#E8EBF0 url('/assets/site/images/tab-right.png') right top no-repeat;
  padding:6px 18px 2px 9px;
  z-index: 2;
}

#sitemenu ul li.active, #sitemenu ul li:hover {
  background:#0692C2 url('/assets/site/images/tab-left-active.png') left top no-repeat;
  height:28px;
  z-index: 2;
}

#sitemenu ul li.active a, #sitemenu ul li:hover a {
  height:22px;
  color:white;
  background:#0692C2 url('/assets/site/images/tab-right-active.png') right top no-repeat;
  padding:6px 18px 1px 9px;
  z-index: 2;
}

#sitemenu ul li ul {
  list-style-type:none;
  position: absolute;
  background:#0692C2;
  border-left:1px solid #E8EBF0;
  border-right:1px solid #E8EBF0;
  border-bottom:1px solid #E8EBF0;
  left:-999em;
  padding:0 0 1px 0;
  margin:-1px 0 0 -8px;
  width:220px;
  height:auto;
  z-index: 2;
}

#sitemenu ul li ul li {
  width:220px;
  margin:0;
  padding:0;
  z-index: 2;
}

#sitemenu ul li ul li a {
  background:#0692C2 !important;
  padding:2px 0px 0px 17px;
  z-index: 2;
}

#sitemenu ul li ul li a:hover {
  background:#3EB9E3 !important;
  z-index: 2;
}

#sitemenu ul li:hover ul, #sitemenu ul li.sfhover ul {
  left: auto;
  z-index: 2;
}

div#billboard {
  clear:both;
  background:url('/assets/site/images/billboard_v2.jpg') center center no-repeat;
  height:147px;
/*  text-indent:-9000em;*/
  margin:0 0 35px 0;
}

div#callback {
	text-align: right;
	padding-right: 10px;
	padding-top: 60px;
}

div#sidebar {
  float:right;
  padding:0;
  width:250px;
  font-size:11px;
  margin-bottom:2em;
  border-left: 1px solid #cdcdcd;
  padding-left: 15px;
}

div#sidebar h4 {
  font-size:13px;
}

div#sidebar p {
  margin:0;
  padding:0 0 1em 0;
  line-height:1.2em;
}

div#sidebar a {
  text-decoration:underline;
  color:#05A1D9;
}

div#sidebar a:hover {
  text-decoration:none;
}

div#content {
  margin-right:300px;
  padding-top:10px;
  clear:left;
}

div#content ul {
  list-style:none;
  margin:0 0 1em 0;
  padding:0;
  line-height:1.7em;
}

div#content ul li {
  background:url('/assets/site/images/bullet.png') left center no-repeat;
  padding-left:15px;
}

div#content a {
  text-decoration:underline;
  color:#05A1D9;
}

div#content div.teaser {
  font-weight:bold;  
}

div#content a.external {
  background:url('/assets/site/images/external.png') right center no-repeat;
  padding-right:12px;
}

div#content a:hover {
  text-decoration:none;
}

div#footer {
  clear:both;
  border-top:1px solid #D0D0D0;
  margin:85px 0 0 0;
  padding:5px 0 80px 0;
  font-size:11px;
  text-align:right;
}

div#footer span {
  margin:0;
  padding:0;
  font-style:normal;
  float:left;
}

div#footer p {
  text-align:center;
  margin:-1em 0 0 0;
  padding:0;
}

div#footer a {
  color:#757575;
}

p.up {
  text-align:right;
}

.highslide-caption {
    padding: 8px 5px 5px 0;
    background-color: white;
    text-align:left;
}

div.gallery a img {
    border:1px solid white;
    margin-right:5px;
}

div.gallery a:hover img {
    border:1px solid #05A1D9;
}

form#contact {
    margin:0 0 0 50px;
    padding:0;
}

form#contact fieldset {
    margin:15px 0 0 0;
    padding:0;
    border:none;
}

form#contact fieldset.button {
    width:350px;
    text-align:center;
}

form#contact fieldset.button input {
    width:auto;
}

form#contact input {
    clear:left;
}

form#contact label em {
    font-style:normal;
    display:block;
    float:left;
    width:150px;
}

form#contact label.text input {
    width:200px;
    margin-bottom:3px;
}

form#contact textarea {
    width:350px;
    height:100px;
}

p.footnote {
    font-size:x-small;
    font-weight:bold;
}