/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 13px; line-height: 1.5; background:#f5f5f5 url(../images/bg.jpg) center top repeat-x; margin:0; padding:0; }
body, button, input, select, textarea { color:#414141; font-family: "OpenSansRegular","Trebuchet MS", Verdana, Arial, sans-serif; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #0b4b94; color: #fff; text-shadow: none; }
::selection { background: #0b4b94; color: #fff; text-shadow: none; }

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

a { color: #0b4b94; text-decoration:underline; }
a:visited { color: #0b4b94; }
a:hover { color: #0b4b94; text-decoration:none; font-family: "OpenSansBold","Trebuchet MS", Verdana, Arial, sans-serif; }
a:focus { outline: hidden; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

/* open-sans-300 - latin-ext_latin */
@font-face {
  font-family: 'OpenSansLight';
  font-style: normal;
  font-weight: 300;
  src: url('open-sans-v18-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('open-sans-v18-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open-sans-v18-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('open-sans-v18-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('open-sans-v18-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('open-sans-v18-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'OpenSansRegular';
  font-style: normal;
  font-weight: 400;
  src: url('open-sans-v18-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('open-sans-v18-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open-sans-v18-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('open-sans-v18-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('open-sans-v18-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('open-sans-v18-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'OpenSansSemibold';
  font-style: normal;
  font-weight: 600;
  src: url('open-sans-v18-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('open-sans-v18-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open-sans-v18-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('open-sans-v18-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('open-sans-v18-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('open-sans-v18-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

h1, h2, h3, h4 { color:#414141; position:relative; font-weight:normal; padding:0; }
h1 { font-family:"OpenSansLight", "Trebuchet MS", Verdana, Arial, sans-serif; }
h2 { font-family:"OpenSansSemibold", "Trebuchet MS", Verdana, Arial, sans-serif; }
h3, h4 { font-family:"OpenSansRegular", "Trebuchet MS", Verdana, Arial, sans-serif; }
h1 { font-size:28px; margin:0 0 20px 0; }
h2 { font-size:14px; margin:5px 0; }
h3 { font-size:18px; margin:0 0 10px 0;}

button.clickable { display:block; border:none; padding:2px 0 2px 12px; background:url(../images/list-arrow-second.png) left 50% no-repeat; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
dd { margin: 0 0 0 40px; }
ul li { list-style:circle; padding:0 0 0 5px; margin:5px 0; margin-left: 20px; }
ol li { list-style:decimal; padding:0 0 0 5px; margin:5px 0; margin-left: 20px; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; display:block;width:0;height:0;font-size:0;line-height:0;visibility:hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*******************************
Primary styles
*******************************/

/* html, body { width:100%; height:100%; overflow:hidden; } */

html, body {}
body {}

#container {margin:0 auto 50px; width:980px; position:relative; }

#header { width: 100%; height:100px; }
#logo { width:300px; height:41px; position:absolute; top:27px; left:0; z-index:2; }
#header h3{ position:absolute; margin:0; padding:0 5px 0 0; top:38px; right:0; z-index:2; font:italic 18px "OpenSansRegular","Trebuchet MS", Verdana, Arial, sans-serif; color: #0b4b94; }

#content { padding:0; width:980px; margin:0 auto; position:relative; }
#sidecontent { padding:0; width:188px; position:relative; float:left; }
#maincontent { padding:30px; width:712px; margin:0 0 0 208px; position:relative; background-color:#FFFFFF;}

.big { color:#414141; position:relative; font-weight:normal; padding:0; font-size:28px; margin:0 0 20px 0; font-family:"OpenSansLight", "Trebuchet MS", Verdana, Arial, sans-serif; line-height:19px; }

.image{ text-align:left; }
.image img{ max-width:712px; height:auto; }
.image span{ font-style:italic; display:block; }

.hint { padding:3px 0 0 28px; }
.hint em{ width:22px; height:20px; background:url(../images/yellow-circle.png) 50% 50% no-repeat; text-align:center; color:#fff; font-style:normal; margin:-2px 0 0 -28px; padding:2px 0 0 0; float:left; }

#menu { height:auto; margin:0; position:relative; background-color:#fff; padding:17px 15px; }
.mainmenu li a, .submenu li a{ text-decoration:none; font:normal 13px "OpenSansRegular","Trebuchet MS", Verdana, Arial, sans-serif; color:#0b4b94; position:relative; display:block; }
.mainmenu li{ margin:0; padding:3px 0 3px 9px; display:block; color:#0b4b94; background:url(../images/list-arrow-first.png) left 8px no-repeat; }
.mainmenu li li{ background:none; }
.submenu{ margin:3px 0 5px 0; }
.submenu li{ margin:0 0 0 6px; padding:0; display:block; }
.submenu li a{ padding:2px 0 2px 12px; background:url(../images/list-arrow-second.png) left 50% no-repeat; }
.mainmenu li a:hover, .mainmenu li.active a{ font-family:"OpenSansSemibold","Trebuchet MS", Verdana, Arial, sans-serif;}