﻿html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, tr, td { vertical-align: baseline; margin: 0; padding: 0; } 

html { height: 100% }
body { background: #f1f7fd url("../images/bg/bg-body.gif") repeat-x; font-size: 100.01%; text-align: center; padding: 30px 0; }

#container { position: relative; font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #636567; width: 960px; margin: 0 auto; }

/* Headings and Paragraphs */

h1 { font-size: 18px; color: #778c0e; }
h2 { background: url("../images/bg/divider.gif") repeat-x 50% 50%; font-size: 18px; color: #597280; }
h3 { font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; }
/*
h4 { font-size: 12px; }
h5 { font-size: 12px; color: #939597; }
*/

h1, h2 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 120%; margin-bottom: 18px; }
/* h3, h4, h5 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 120%; margin-bottom: 18px; } */

h2 span { background: #FFF; padding-right: 10px; }
h2 a { color: #597280 !important; text-decoration: underline !important; }
h2 a:hover { color: #778c0e !important; }

p { margin-bottom: 18px; }

/* Links */

a:visited { color: #38B; text-decoration: none; outline: 0; }
a:link { color: #38B; text-decoration: none; outline: 0; }
a:active { color: #778c0e; text-decoration: underline; outline: 0; }
a:hover { color: #778c0e; text-decoration: underline; outline: 0; }
:focus { outline: 0; -moz-outline-style: 0 none; }

/* Common Formatting */

small { font-size: 10px; line-height: 16px; }
b { font-weight: bold; }
strong { font-weight: bold; }
i { font-style: italic; }
em { font-style: italic; }
cite { font-style: italic; }
blockquote { font-style: italic; }
del { text-decoration: line-through; }

strike { text-decoration: line-through; }

pre { margin-bottom: 18px; }
pre.prettyprint { border-color: #cecfd0 !important; }
code { font-family: Monaco, monospace; font-size: 1.05em; }
sub { font-size: 8px; line-height: 0 !important; }

sup { font-size: 8px; line-height: 0 !important; }

img { border: 0; }
img.inlineimg { vertical-align: middle; }

hr { display: none; }

blockquote { background: url("../images/bg/bg-blockquote.gif") no-repeat 0 0; display: block; margin-bottom: 18px; }
blockquote div { background: url("../images/bg/bg-blockquote.gif") no-repeat 100% 100%; display: block; padding: 18px 30px 6px; }
blockquote p { margin-bottom: 12px; }
blockquote p.bq-sub { font-style: normal; font-size: 10px; text-align: right; }

/* Forms */

form {  }

fieldset { border: 0 none; }
legend { display: none; }
label { /* font-weight: bold; */ cursor: pointer; }

select { font: 11px/11px Verdana, Arial, Helvetica, sans-serif; color: #636567; vertical-align: middle; border: 1px solid #cecfd0; margin: 0; padding: 3px; }

textarea { font: 11px/11px Verdana, Arial, Helvetica, sans-serif; color: #636567; vertical-align: middle; border: 1px solid #cecfd0; margin: 0; padding: 3px; }

input { font: 11px/11px Verdana, Arial, Helvetica, sans-serif; color: #636567; vertical-align: middle; border: 1px solid #cecfd0; margin: 0; padding: 3px; }

input {  }
textarea { overflow: auto; width: 400px; }
select { padding: 0; }
button { vertical-align: middle; }

input.checkbox { width: auto; border: 0 none; margin: 0; padding: 0; }
input.radio { width: auto; border: 0 none; margin: 0; padding: 0; }

input[type=hidden] { display: none !important; } /* Firefox Fix */

/* Styled Buttons */ 

button.styled { background-color: transparent; background-position: 0 0; display: block; cursor: pointer; height: 30px; border: 0 none; }
button.styled:hover { background-position: 0 -30px }
button.styled:active { background-position: 0 -60px }
button.styled span { display: none; }

span.buttonalttext { display: block; float: left; margin-top: 5px; }
span.buttonalttext a { font-weight: bold; }

/* Tables */

table { width: 100%; border-spacing: 0; border-collapse: collapse; margin-bottom: 18px; }
td { padding: 6px 10px; }

thead tr { background: #F1F1E8; }
thead td { font-weight: bold; border-bottom: 1px solid #C3C5C7; }

tbody td { border-bottom: 1px solid #E3E5E7; vertical-align: top; }
tbody tr.odd td { background: #F3F5F7; }

#table-clients td { padding: 18px 10px; vertical-align: middle; }


/* Lists */

ol { list-style: decimal inside; margin: 0 15px 18px; }
ol ol { list-style: lower-alpha inside; margin: 6px 15px 12px; }

ul { list-style: none; margin: 0 15px 18px; }
ul ul { margin: 6px 3px; }

ul li { background: url("../images/li/li.gif") no-repeat 0 6px; padding: 0 15px; }
ul.ul-checklist li { background: url("../images/li/li-check.gif") no-repeat 0 3px; padding: 0 15px 0 23px; }
ul.ul-arrow li { background: url("../images/li/li-arrow.gif") no-repeat 0 6px; padding: 0 12px; }
ul.ul-dot li { background: url("../images/li/li-dots.gif") no-repeat 0 8px; padding: 0 10px; }

ul.ul-tags { margin: 0 0 18px; }
ul.ul-tags li { background: url("../images/li/li-tag.gif") no-repeat 0 0; float: left; display: inline; margin-right: 18px; padding: 0 0 0 20px; }

/*  G L O B A L   C L A S S E S
--------------------------------------------------------------------------------------------------- */

.normal { font-weight: normal !important; letter-spacing: 0 !important; }
.strong { font-weight: bold !important; }
.italic { font-style: italic !important; }
.underline { text-decoration: underline !important; }
.caps { text-transform: uppercase !important; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }

.no-border { border: 0 !important; }
.no-margin { margin: 0 !important; }

.hidden { display: none; }

.left { float: left; }
.right { float: right; }
.indented { margin-left: 20px; margin-right: 20px; }

img.left { margin: 3px 20px 20px 0; }
img.right { margin: 3px 0 20px 20px; }

/*  C L E A R I N G   F L O A T S
--------------------------------------------------------------------------------------------------- */

.clear { clear: both; }

* html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */
*+html .clearfix { min-height: 1%; } /* IE7 Fix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* IE6 */

* html #footer { height: 1%; overflow: visible; } 

* html #bottominner #book { height: 1%; overflow: visible; } 

* html #bottominner .linklistcol { height: 1%; overflow: visible; } 

* html #bottominner #linklist { height: 1%; overflow: visible; } 

* html #bottominner { height: 1%; overflow: visible; } 

* html ul.ul-tags { height: 1%; overflow: visible; } 

* html #maininner { height: 1%; overflow: visible; } 

* html #navinner { height: 1%; overflow: visible; } 

* html #topnav p { height: 1%; overflow: visible; } 

* html #header { height: 1%; overflow: visible; } 

/* IE 7 */

* + html #footer { min-height: 1%; }

* + html #bottominner #book { min-height: 1%; }

* + html #bottominner .linklistcol { min-height: 1%; }

* + html #bottominner #linklist { min-height: 1%; }

* + html #bottominner { min-height: 1%; }

* + html ul.ul-tags { min-height: 1%; }

* + html #maininner { min-height: 1%; }

* + html #navinner { min-height: 1%; }

* + html #topnav p { min-height: 1%; }

* + html #header { min-height: 1%; }

/* Modern Browsers */

#footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#bottominner #book:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#bottominner .linklistcol:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#bottominner #linklist:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#bottominner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

ul.ul-tags:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#maininner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#navinner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#topnav p:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#header:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/*  H E A D E R
--------------------------------------------------------------------------------------------------- */

#header { background: #FFF url("../images/bg/bg-header.gif") no-repeat 0 0; padding: 0 10px 5px; }

#slogan { display: none; }

#skip { display: none; }

#topnav {  }
#topnav p { font-size: 10px; line-height: 14px; text-align: right; color: #3388BB; float: right; margin: 0; padding: 8px 3px 3px 0; }
#topnav p span { color: #838587; border-right: 1px solid #cecfd0; margin-right: 2px; padding: 9px 11px 3px 0; }

#topnav a { margin: 0 3px; }
#topnav a:hover {  }

#logo { height: 51px; width: 161px; background: transparent url("../images/hl/h1-logo.jpg") no-repeat left top; float: left; margin: 0; margin: 16px 0 0 10px !important; margin-left: 5px; }
#logo a { display: block; height: 51px; width: 161px; }
#logo span { display: none; }

/*  N A V I G A T I O N   A N D   S E A R C H
--------------------------------------------------------------------------------------------------- */

#nav { background: #FFF; padding: 8px 10px 0; }
#navinner { background: #FFF url("../images/bg/divider.gif") repeat-y 629px 0; border: 1px solid #cecfd0; border-width: 1px 0; }

#nav ul { margin: 0; }
#nav ul li { font-weight: bold; line-height: 1; display: inline; margin: 0; padding: 0; }

#nav a { background: url("../images/bg/divider.gif") repeat-y 100% 0; color: #A3A5A7; text-decoration: none !important; float: left; padding: 9px 13px 10px 11px; }
#nav a:hover { background-color: #F3F5F7; color: #778c0e; }
#nav a:active {  }
#nav .current a { background-color: transparent !important; color: #636567 !important; cursor: default; }

/* Search */

#search { float: right; text-align: right; width: auto !important; width: 305px; padding: 3px 0 3px 6px; }
#search label { display: none; }
#search input { background: url("../images/icons/search.gif") no-repeat 5px center !important; font-size: 10px; line-height: 11px; color: #838587; float: left; width: 210px; height: 14px; margin-right: 3px; padding-top: 5px; padding-left: 23px; }
#search input:focus { background-color: #FFF; }
* html #search input { background-color: #FFF !important; height: 13px; padding-top: 6px; }
*+html #search input { background-color: #FFF !important; height: 13px; padding-top: 6px; }

#search button { background: url("../images/btn/btn-search.jpg"); display: block; float: left; width: 64px; height: 23px; }

/*  T E A S E R
--------------------------------------------------------------------------------------------------- */

#teaser { /* display: none; */ background: #FFF; padding: 8px 10px 0; }
#teaserinner { background: url("../images/bg/teaser-start/bg-teaser02.jpg") no-repeat; min-height: 204px; height: auto !important; height: 204px; border-bottom: 1px solid #cecfd0; padding: 40px 400px 0 55px; }

#teaser h1 { font: bold 24px/38px Tahoma, Arial, Helvetica, sans-serif; color: #597280; margin: 0 0 0 -2px; }
#teaser h1 span { font: bold 11px/18px Verdana, sans-serif; letter-spacing: 0; display: block; color: #636567; margin-left: 1px; }

#teaser a { background: url("../images/btn/btn-teaser.jpg"); text-indent: -9999px; display: block; width: 196px; height: 29px; }

/*  M A I N
--------------------------------------------------------------------------------------------------- */

#main { background: #FFF; padding: 0 10px 9px; }
#maininner { background: url("../images/bg/divider.gif") repeat-y 629px 0; border: 1px solid #cecfd0; border-width: 0 0 1px; }
.nosidebar { background: #FFF !important; }

a.more {  }
a.more:hover {  }

/* Content */

#breadcrumb { font-size: 10px; display: block; margin: -8px -20px 24px -10px; padding: 0 10px; }
#breadcrumb span { color: #838587; }

.contentcol { width: 280px; padding-bottom: 18px; }

#content { float: left; width: 590px; padding: 18px 10px; }

#content-wide { background: #FFF; padding: 18px 10px; }
#content-wide #breadcrumb { margin: -8px -10px 24px; }


/* Sidebar */

#sidebar { float: right; width: 310px; padding: 0 0 18px 0; }

#sidebar h2 { background: none; font-size: 18px; color: #636567; }
#sidebar h3 { font-size: 12px; color: #636567; }
#sidebar h4 { font-size: 12px; color: #939597; }

#sidebar .box { border-bottom: 1px solid #cecfd0; padding: 18px 20px 1px; }
#sidebar .bluebox { background: url("../images/bg/bg-bluebox.gif") repeat-x 0 0; }
#sidebar .last { border: 0 none; }


/*  B O T T O M
--------------------------------------------------------------------------------------------------- */

#bottom { background: #FFF; margin-bottom: 12px; padding: 0 10px 10px; }
#bottominner { background: #F1F1E8; }

#bottom h3 { margin-bottom: 12px; }
#bottom h4 { font: bold 11px/120% verdana, arial, helvetica, sans-serif; letter-spacing: 0; margin-bottom: 6px; }

#bottom #linklist { float: left; width: 610px; padding: 12px 10px 6px; }

#bottom .linklistcol { float: left; width: 186px; margin-right: 20px; }
#bottom .linklistcol ul { margin: 0 0 12px; }
#bottom .linklistcol ul li { background: none; padding: 0; }
#bottom .linklistcol ul li a { }

#bottom #linklist .last { margin: 0; }

#bottom #book { float: right; width: 290px; padding: 12px 10px 1px; }

#bottom #book p { margin-bottom: 12px; }
#bottom #book img#book-small { float: right; }

/*  F O O T E R
--------------------------------------------------------------------------------------------------- */

#footer { font-size: 10px; line-height: 14px; color: #737577; padding: 0 20px 1px; }

#footer p { margin-bottom: 6px; }

/*  E N D   S C R E E N . C S S
--------------------------------------------------------------------------------------------------- */

.searchword {
  background-color: #BCD9F5; 
}
