@import url(/css/generic.css);
@import url(/css/xstandard.css);

/*
 * Site Specific Styles
 */
body {
  margin: 0 auto;
  padding: 0;
  color: #333;
  background: #fff;
  width: 784px;
}

acronym {
  text-decoration: none;
  border: none;
}
a {
  color: #003366;
  background: transparent;
}
h1 {
  margin: 0 0 15px 0;
  font-size: 1.6em;
  color: #003366;
}
h2 {
  margin: 8px 0 8px 0;
  color: #036;
  font-size: 1.4em;
}
h3 {
  margin: 6px 0 6px 0;
  color: #036;
  font-size: 1.2em;
}
h4 {
  margin: 6px 0 6px 0;
  color: #036;
  font-size: 1.1em;
}
h5 {
  margin: 6px 0 6px 0;
  color: #036;
  font-size: 1em;
}
.greenbox {
  background-color: #d2e6d0;
  padding: 4px 6px 4px 8px;
}
.yellowbox {
  background-color: #ffe79e;
  padding: 4px 6px 4px 8px;
}
.yellowbox ul li {
  padding: 0 0 10px 0;
  list-style: none;
}
.yellowbox label {
  font-weight: bold;
}


.generic-panel {
  margin: 0 0 15px 0;
  width: 100%;
  float: left;
}
.generic-panel h2 {
  margin: 0;
  padding: 2px 2px 2px 25px;
  font-size: 1.2em;
  color: #036;
  background: url(/images/bg-panel-header.gif) no-repeat 5px 50% #f1f3f9;
  border-bottom: 1px solid #a7b6dd;
}
.generic-panel-top {
  border-top: 1px solid #a7b6dd;
  overflow: hidden;
  height: 1px;
}
.generic-panel-content {
  border-left: 1px solid #a7b6dd;
  border-right: 1px solid #a7b6dd;
  background: #e1e6f3;
  width: 100%;
  float: left;
}
.generic-panel-content  ul {
  margin: 0;
  padding: 6px 5px 4px 0;
}
.generic-panel-content ul li {
  margin: 0 0 0 10px;
  padding: 0 0 6px 10px;
  list-style: none;
  background: transparent url(/images/bullet-news.gif) no-repeat;
  background-position: top left;
}
.generic-panel-content table {
  border-collapse: collapse;
}
.generic-panel-content table tr {
  vertical-align: top;
}
.generic-panel-content table tr th {
  width: 90px;
  padding: 12px 5px 0 5px;
  text-align: right;
}
.generic-panel-content table tr td {
  padding: 10px 0 0 5px !important;
}
.generic-panel-content table tr td ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.generic-panel-content table tr td ul li {
  width: 120px;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 6px 0;
  list-style: none;
  background: none;
}


.generic-panel-content p {
  margin: 5px 5px 7px 10px;
}
.generic-panel-bottom {
  border-bottom: 1px solid #a7b6dd;
  overflow: hidden;
  height: 1px;
  width: 100%;
  float: left;
}



#page-wrap {
  width: 784px;
}

#body-wrap {
  background: url(/images/bg-top-grad.gif) repeat-x;
  padding: 20px 16px 10px 20px;
  margin: 1px 0 0 0;
}

/**
 * Header
*/

#header-cover {
  position: absolute;
  margin: 0 0 0 196px;
  z-index: 10;
}
#header-montage {
  position: absolute;
  margin: 0 0 0 196px;
}
#header {
  color: #000;
}
#header #logo {
  width: 184px;
  float: left;
  margin: 0 0 0 9px;
}
#header #top-slideshow {
  width: 591px;
  float: left;
}

#nav {
  color: #244eb4;
  background: url(/images/bg-nav.gif) repeat-x #fff;
  margin: 0;
  padding: 0;
  width: 784px;
  height: 31px;
}
#em-nav {
  float: left;
  margin: 0 0 0 10px;
  padding: 6px 0 0 0;
  list-style: none;
  width: 242px;
}
#em-nav li {
  float: left;
  margin: 0;
  padding: 0;

}
#em-nav li#payments-link {
  color: #fff;
  background: url(/images/top-tab-blue.gif) no-repeat;
}
#em-nav li#forms-link {
  color: #fff;
  background: url(/images/top-tab-green.gif) no-repeat;
}
* html #em-nav a {
  width: 121px;
  w\idth: 101px;
  height: 25px;
  he\ight: 15px;
}
#em-nav a {
  display: block;
  padding: 5px 10px;
  text-align: center;
  color: white;
  background: transparent;
  font-weight: bold;
  text-decoration: none;
  width: 101px;
  height: 15px;
}
#main-nav {
  float: left;
  margin: 10px 7px 0 7px;
  padding: 0 0 0 5px;
  list-style: none;
  border-left: 1px solid #5eb557;
}
#main-nav li {
  float: left;
  margin: 0 5px 0 0;
  padding: 0 5px 0 0;
  border-right: 1px solid #5eb557;

}
#main-nav a {
  color: #244eb4;
  background: transparent;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}
#search-form {
  float: left;
  margin: 5px 0 0 0;
  padding: 0;
  height: 18px;
}
#search-form label {
  display: none;
}
* html #search-form input#search-field {
  width: 100px;
  w\idth: 98px;
  height: 18px;
  he\ight: 16px;
}
#search-form input#search-field {
  margin: 0;
  padding: 0;
  border-top: 1px solid #388c31;
  border-left: 1px solid #388c31;
  border-bottom: 1px solid #e6f2e5;
  border-right: 1px solid #e6f2e5;
  vertical-align: middle;
  font-size: 0.8em;
  height: 16px;
  width: 98px;
}
#search-form #search-submit {
  margin: 0;
  padding: 0;
  height: 18px;
  vertical-align: middle;
}


/**
 * Left
*/

#left {
  float: left;
  width: 171px;
}
ul#section-nav {
  margin: 0 0 15px 0;
  padding: 0 0 0px 0;
  list-style: none;
  background: url(/images/nav-separator.gif) no-repeat left bottom;

}
ul#section-nav li#visiting-nav {
  background-color: #3b518c;
}
ul#section-nav li#working-nav {
  background-color: #6e916a;
}
ul#section-nav li#living-nav {
  background-color: #b3963d;
}
ul#section-nav li {
  margin: 0 0 8px 0;
}
ul#section-nav li ul {
  margin: 0px 12px 10px 20px;
  padding: 0 0 20px 0;
}
ul#section-nav li ul li {
  list-style: none;
  margin: 0;
  padding: 0 0 5px 0;
}
ul#section-nav li ul li a {
  color: #fff;
}
ul#section-nav li ul li a:hover {
  color: #ced8ee;
}
#left-heroes {
  margin: 0;
  padding: 0;
  list-style: none;
}
#left-heroes li {
  margin: 0 0 8px 0;
  padding: 0;
}
#iip-logo {
  margin: 7px 39px 15px 39px;
}



/**
 * Center
*/
#center {
  float: left;
  margin-left: 15px;
  width: 546px;
}
#center table {
  width: 100%;
}


#center table tr {
  vertical-align: top;
}
#center table td {
  padding: 2px;
}
#center #generic-list ul {
  margin: 0;
  padding: 0;
}
#center #generic-list ul li {
  list-style: none;
  width: 96%;
  margin: 0 0 20px 0;
  padding: 4px 10px 4px 4px;
  background-color: #d2e6d0;
  border: 1px solid #8fcc8f;
  float: left;
}
#center #generic-list ul li p {
  margin: 0 0 0.5em 0;
}
#center #generic-list ul li img {
  padding: 0 6px 0 0;
}
#center #generic-list ul li h2 {
  margin: 0 0 0.5em 0;
  padding: 0;
}
#center #category-list li {
  width: 80%;
  list-style: none;
  background-color: #d2e6d0;
  padding: 3px 5px 3px 14px;
}
#center #category-list a {
  font-size: 1.4em;
  font-weight: bold;
  text-decoration: none;
}



/**
 * Right
*/

#right {
  float: left;
  margin-left: 15px;
  width: 157px;
}
#right #marqueecontainer {
  position: relative;
  width: 157px; /*marquee width */
  height: 120px; /*marquee height */
  overflow: hidden;
}
* html #right #interactive-map {
  height: 120px;
  he\ight: 110px;
}
#right #interactive-map .generic-panel-content #text {
  background: url(/images/bg-home-interactive-map.gif) no-repeat 1px 1px;
  margin: 0;
  padding: 10px 5px 0 75px;
  height: 110px;
}
#right #interactive-map #map-action {
  margin: 0;
  padding: 0;
  line-height: 22px;
  background: url(/images/bg-home-map-click.gif) no-repeat;
  border: 1px solid white;
  border-bottom: none;
}
#right #right-heroes {
  margin: 0;
  padding: 15px 0 0 0;
  background: url(/images/right-hero-separator.gif) no-repeat left top;
  list-style: none;
}
#right #right-heroes li {
  margin: 0 0 8px 0;
  padding: 0;
}

#rightside-panel {
  width: 170px;
  float: right;
}


/**
 * Footer
*/

#footer {
  clear: both;
}
.footer-panel-top {
  background: url(/images/bg-footer-panel-top.gif) no-repeat;
  overflow: hidden;
  height: 2px;
  width: 749px;
  margin: 10px 0 0 0;
}
.footer-panel-content {
  border-left: 1px solid #a7b6dd;
  border-right: 1px solid #a7b6dd;
  background: #e1e6f3;
  height: 37px;
}
.footer-panel-bottom {
  background: url(/images/bg-footer-panel-bottom.gif) no-repeat;
  overflow: hidden;
  height: 2px;
  width: 749px;
}
#copyright {
  float: left;
  line-height: 20px;
  width: 300px;
  line-height: 20px;
  margin: 8px 0 0 10px;
}
#footer-nav {
  float: left;
  margin: 8px 10px 0 0;
  padding: 0;
  list-style: none;
  text-align: right;
  line-height: 20px;
  width: 400px;
}
#footer-nav li {
  display: inline;
  text-align: center;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  border-left: 1px solid #5eb557;
}
#footer-nav a {
  color: #003366;
  text-decoration: none;
}
#tibus-strapline {
  margin: 20px 0 0 0;
  text-align: center;
}

div.capctha-container{
margin: 0 50px 10px 106px;
border:1px solid #bbb;
padding:5px;
overflow:hidden;
}

div.capctha-container img{
float:left;
display:block;
margin-right:9px;
overflow:hidden;
}

div.capctha-container p,
div.capctha-container h2{
float:left;
display:block;
width:250px;
overflow:hidden;
}

div.capctha-container input{
float:left;
}