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

- Header

Styles for header area such as header, custom header, menus etc.

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

#site-branding {

  margin-bottom: 1.5em;

}

#site-branding .site-title {

  font-size: 2.143em;

  line-height: 1.4em;

  font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;

  font-weight: bold;

  display: inline;

  float: left;

}

#site-branding .site-title a {

  color: #555555;

}

#site-branding .site-title a:hover {

  color: #337fda;

  text-decoration: none;

}

#site-branding .site-description {

  display: inline;

  float: right;

  padding-top: 0.75em;

}

#site-branding .site-logo {

  overflow: hidden;

}



#custom-header {

  background-color: #337FDA;

  height: 200px;

  width: 940px;

}

#custom-header a,

#custom-header img {

  display: block;

}



/* 	MAIN NAVIGATION

	----------------- */

.main-navigation {

  background-color: #f0f0f0;

  border-bottom: 1px solid #e6e6e6;

  margin: 0 0 1px;

  position: relative;

}

.main-navigation ul {

  list-style: none;

  margin: 0 20px 0 0;

  padding: 0;

}

.main-navigation ul li {

  display: inline;

  float: left;

  position: relative;

}

.main-navigation ul li:hover {

  background-color: #eaeaea;

}

.main-navigation ul li a {

  display: block;

  color: #555555;

  padding: 0.45em 1.05em;

  text-decoration: none;

  text-shadow: 0 1px 1px white;

  word-wrap: break-word;

}

.main-navigation ul ul {

  border-color: #f0f0f0 #e6e6e6;

  border-style: solid;

  border-width: 1px 1px;

  display: none;

  position: absolute;

  top: 100%;

  width: 200px;

  z-index: 9;

}

.main-navigation ul ul li {

  border-bottom: 1px solid #e0e0e0;

  border-top: 1px solid #f6f6f6;

  width: 100%;

}

.main-navigation ul ul li:first-child {

  border-top: none;

}

.main-navigation ul ul li a {

  background-color: #f0f0f0;

  display: block;

  font-size: 0.857em;

  line-height: 1.75em;

}

.main-navigation ul ul li a:hover {

  background-color: #eaeaea;

}

.main-navigation ul ul ul {

  left: 100%;

  top: 0;

}

.main-navigation #searchform input[type="submit"] {

  background: url('images/icon_search.png?1333732886') no-repeat right center;

  border: none;

  position: absolute;

  right: 10px;

  text-indent: -9999em;

  top: 7px;

  z-index: 9;

}

.main-navigation #searchform input[type="text"] {

  border: 1px solid #ddd;

  height: 2.2em;

  margin: 3px 0 0;

  padding: 5px;

  position: relative;

  width: 215px;

}



/* 	SECONDARY NAVIGATION

	----------------- */

.secondary-navigation {

  background-color: white;

  border-bottom: 3px solid #f0f0f0;

  border-top: 1px solid #E6E6E6;

}

.secondary-navigation ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.secondary-navigation ul li {

  display: inline;

  float: left;

  position: relative;

}

.secondary-navigation ul li:hover {

  background-color: #f0f0f0;

}

.secondary-navigation ul li a {

  border-right: 1px solid #E6E6E6;

  display: block;

  color: #555555;

  padding: 0.45em 1.05em;

  text-decoration: none;

  word-wrap: break-word;

}

.secondary-navigation ul li a:hover {

  text-shadow: 0 1px 1px white;

}

.secondary-navigation ul ul {

  display: none;

  margin-left: -1px;

  position: absolute;

  top: 100%;

  width: 200px;

  z-index: 9;

}

.secondary-navigation ul ul li {

  border-bottom: 1px solid #e0e0e0;

  border-top: 1px solid #f6f6f6;

  width: 100%;

}

.secondary-navigation ul ul li:first-child {

  border-top: none;

}

.secondary-navigation ul ul li a {

  background-color: #f0f0f0;

  border-left: 1px solid #E6E6E6;

  display: block;

  font-size: 0.857em;

  line-height: 1.75em;

}

.secondary-navigation ul ul li a:hover {

  background-color: #eaeaea;

}

.secondary-navigation ul ul ul {

  left: 100%;

  top: 0;

}