/***********************
  H Y D R O G E N    
  local skin.css
***********************/

#logo h1 { margin: 0;}

#logo h1 a {
  background: url(/design/images/template/logo.png) repeat-x;
  float: left;
  height: 76px;
  margin: 0;
  text-indent: -5000px;
  width: 300px;
}

#logo h1 a:hover { background-position: 0 -94px; }


#bar-wrap {
  border-top: 8px solid #341950;
}

#home #featured-content {
  border-bottom: 8px solid #ccc;
}

.nav {
  border-top: 8px solid #341950;
}

#nav-main {
  background: #efefef url(/design/images/template/bg_subTopper.png) repeat-y top right;
}

#nav-main ul li { 
  border-bottom: 1px dashed #341950;
}

#home #content-sub3 ul li {
  background: #666666 url(/design/images/template/bg_story.png) repeat-x top left;
  border-bottom: 1px solid #fff;
}


#footer {
  border-top: 8px solid #efefef;
  background: #333333;
  color: #e8e8e8;
}

.quick-links a {color: #341950;}

/*-----------------------------------------------
= widgets
================================================= */
a.btn,
a.btn:link,
a.btn:visited {
  background: #055693;
  color: #e8e8e8;
}

a.btn:hover {
  background: #666;
  color: #fff;
}


/*----------------------------------------------
= nav dropdown
================================================ */
#nav-main ul li a, #nav-main ul li a:visited {
  background: #636363 url(/design/images/template/frisket_barButton.png) no-repeat right 50%;
  color: #341950;
}

#nav-main ul li a:hover {
  background-color: #341950;
}

/* style of menu item while submenu is showing */
#nav-main ul li:hover a, #nav-main ul li.sfHover a {
  color: #055693;
  background: #055693 url(/design/images/template/frisket_barButton.png) no-repeat right 50%;
}

#nav-main ul li:active {
  color: #0A7ADE; 
  background: #efefef;
}

/*----------------------------------------------
= featured item
================================================ */
ul.featured-items {
  background: #51699a;
}

ul.featured-items h3 {
  color: #ffffff;
}

li.featured-item1,
li.featured-item2,
li.featured-item3 {
  color: #ffffff;
  background: transparent url(/design/images/template/bg-main-col.png) repeat-x 50% -250px;
}

li.featured-item1 { 
  border-top: 8px solid #1b305b;
}

li.featured-item2 {
  border-top: 8px solid #1b305b;
  border-left: 1px solid #ffffff;
}

li.featured-item3 {
  border-top: 8px solid #1b305b;
  border-left: 1px solid #ffffff;
}

li.featured-item1 a:link,
li.featured-item2 a:link,
li.featured-item3 a:link {
  color: #ffffff;
}

li.featured-item1 a:visited,
li.featured-item2 a:visited,
li.featured-item3 a:visited {
  color: #e8e8e8;
}


li.featured-item1 a:hover,
li.featured-item2 a:hover,
li.featured-item3 a:hover {
  color: #341950;
}


/*----------------------------------------------
= headers
================================================ */

h3 a, h3 a:link { color: #341950;}


/*---------------------------------------------
= text
=================================================*/

.leadership {text-align:center; padding-right:10px; }

/*---------------------------------------------
= addThis
=================================================*/

.addThis {
float: right;
}

/*===============================*/
/* tooltip */

#content-main a.tooltip {
  /*border-bottom: 1px dotted #000000;*/
  color: #0b65b2;
  cursor: help;
  outline: none;
  position: relative;
  /*text-decoration: none;*/
}

#content-main a.tooltip>span {
  margin-left: -999em;
  position: absolute;
}

#content-main a.tooltip:hover>span {
  border-radius: 5px 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  color: #000;
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  left: 15em;
  margin-left: 0;
  -moz-border-radius: 5px;
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -2em;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  width: 250px;
  z-index: 99;
}

#content-main a.tooltip:hover img {
  border: 0;
  float: left;
  margin: -10px 0 0 -55px;
  position: absolute;
}

#content-main a.tooltip:hover em {
  display: block;
  font: bold 1.2em Candara, Tahoma, Geneva, sans-serif;
  padding: 0.2em 0 0.6em 0;
}

/*===============================*/

.custom {
  padding: 0.5em 0.8em 0.8em 2em;
}

.info {
  background: #c1e5f2;
  border: 1px solid #2BB0D7;
}