/* ===[ Common Styles ]=== */
:focus                { outline: none }
a                     { color: #2062ac; text-decoration: none; }
a:hover               { color: #0092f1 }
body                  { height: 100%; color: #555; font-family: Helvetica, Arial, sans-serif;background: url(img/header_bg.png) repeat-x;}
html                  { background: url(img/body_bg_dark.jpg);}
/* ===[ Navigation Styles ]=== */
#header               { height: 78px; width: 100%;}
#logo h1              { font-size: 42px; padding: 28px 0 0 10px; font-family: "Trajan Pro"; letter-spacing: -2px;}
#tabs li              { font-family: "Trajan Pro", serif; float: left; display: inline; line-height: 20px;text-align: center; margin: 40px 10px 0 0; padding: 5px 10px 9px; position: relative; z-index: 999;min-width: 50px;
}
#tabs li.on,#tabs li:hover.on { background: url(img/nav_link_bg.png) repeat-x 0 -0px;
  border-radius: 5px 5px 0 0;
}
#tabs li:hover           { background: url(img/nav_link_bg.png) repeat-x 0 -34px;
  border-radius: 5px 5px 0 0;
}
#tabs li:hover .submenu{
  display: block;
}

#tabs li .submenu {
  position: absolute;
  width: 220px;
  background: #eee;
  border:1px solid #ccc;
  -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.4);
  top:34px;
  left: 0px;
  padding: 10px 0;
  display: none;
}
#tabs li .submenu li{
  display: block;
  float:none;
  clear: left;
  margin: 0;
  text-align: left;
  background: none;
  font-size: 15px;
  line-height: 28px;
  padding: 0 10px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
}

#tabs .submenu a{
  color: #333;
  text-shadow: white 0 1px 0;
}

#tabs li .submenu li:hover{
  background: #ccc;
  border-radius: 0;
}

#lang-sel a{
  font-size: 13px;
  margin-top: 42px;
  display: block;
  line-height: 28px;
  font-weight: bold;
}

#footer               { font-size: 13px; text-align: center; line-height: 24px; padding: 30px 0 50px; text-shadow: white 0 1px 0;}
/* ===[ Styling Styles ]=== */
strong {
  font-weight: bold;
}
.clear                {
  clear: both;
}
.float-left           {
  float: left;
}
.center               { text-align: center }
.clearfix:after       { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix             { display: inline-block }
html[xmlns] .clearfix { display: block }
.clearfix             { display: block }
* html .clearfix      { height: 1% }
/* ===[ Element Styles ]=== */
h2.btn-large          { margin: 20px 0 }
h2.btn-large a        { display: block; height: 60px; width: 280px; background: #eee; text-decoration: none; line-height: 60px; border: 1px solid #aaa; font-weight: 700; margin: 0 auto; }
label.lbl-text        { display: inline-block; float: left; width: 50px; height: 40px; text-align: right; padding: 0 10px 0 0; }

#header a {color: white; text-shadow: black 0 2px 1px;}


h2.subtitle{
  color: #1f57a4;
  padding: 20px 10px;
  font-size: 22px;
  text-shadow: white 0 1px 0;
  font-weight: bold;
  font-family: "Trajan Pro", serif;
}
.content-box{
  background: white;
  border-radius: 5px;
  border: 1px solid #888;
  padding: 10px 20px;
}
.content-box h3{
  font-weight: bold;
  color: #333;
  line-height: 36px;
  font-size: 18px;
}
.content-box h4,
.content-box h4 a{
  font-weight: bold;
  color: #666;
  line-height: 24px;
  font-size: 14px;
}
.content-box p, .content-box li{
  font-size: 13px;
  line-height: 18px;
  padding: 5px 15px;
  color: #666;
}

.to-top{
  font-family: Helvetica, Arial, sans-serif;
  color: #666;
  font-size: 14px;
  display: block;
  float: right;
  margin-right: 20px;
  line-height: 22px;
}