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

/*
 * Site Specific Styles
 */

body {
  text-align: center;
  font-family:Helvetica, Lucida Sans, Arial, sans-serif;
  background: #fff url(/images/body-bg.gif) top left repeat-x;
  line-height: 1.8em;
  min-width:600px;
}
a {
  text-decoration: none;
  color: #4D78A3;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: #551A8B;
}

h1 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-weight: bold;
  font-size: 2.0em;
  color: #284057;
  /*#4D78A3;*/
}
h2 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.6em;
  color: #4D78A3;
}
h3 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-weight: bold;
  font-size: 1.2em;
  color: #4D78A3;
}


/**
* This fixes the "IE6 Staircase" or "Magik Creeping Text"
*/
/*
blockquote {border-bottom: solid 1px #ffffff;margin:0px;width:98%;overflow:hidden;}

blockquote p {
  height: 1%;
  margin-left:30px;
  padding:0 0 8px 0;
  overflow:hidden;
}
*/
blockquote {border-bottom: solid 1px #ffffff;height:1%;overflow:hidden;}

blockquote p {
  height: 1%;
}
/***
* End of Staircase Fix
*/



#container {
  margin: 0 5px 0 5px;
  padding: 0;
  text-align: left;
  overflow: hidden;
  display: inline-block;
}
#container {
  display: block;
}

/* header */
#container #header {
  margin: 0;
  padding: 0;
  height: 109px;
  position:relative;
  background: url(/images/header_liquid.jpg) top left repeat-x #739ec9;
  border:4px solid #739ec9;
  border-top-width:2px;
}
#container #header h1.top{
  position:absolute;
  top:39px;
  left:35px;
  width:285px;
  height:32px;
  float:left;
  background:url(/images/header_h1.gif) no-repeat;
}
#container #header h1 a{
  display:block;
  width:285px;
  height:32px;
}
#container #header h1 a span{
  display:none;
}
#container #header #search-box {
  float: right;
  margin: 75px 15px 0 115px;
  padding: 0;
}
#container #header #search-box #site-search-form {
  float: left;
}
#container #header #search-box #site-search-form p.fields {
  margin: 0;
}
#container #header #search-box #site-search-form label {
  display: none;
}
#container #header #search-box #site-search-form input.text {
  float: left;
  padding: 1px;
  font-size: 1em;
  height: 15px;
  width: 144px;
}
#container #header #search-box #site-search-form input.submit {
  float: left;
  margin-left: 5px;
}
#container #header #site-map {
  float: left;
  margin: 75px 0 0 30px;
}
#container #header #site-map a {
  color: #fff;
}
/* end header */

/* main */
#container #main {

  margin: 18px 0 10px 0;
  padding: 0;
  overflow: hidden;
  display: inline-block;
}
#container #main {
  display: block;

}
#container #main #leftcolumn {
  float: left;
  margin: 0;
  padding: 0;
  width: 180px;
}
/*
* ROLLOVER MENU STYLES FOUND IN ----> /css/dropdown_menu/multimenu.css
*/
#container #main #centercolumn {
  margin: 0 196px 3px 191px;
  padding: 0px;
  border-bottom:solid 1px #ffffff;
}
#container #main #centercolumn h1 {
  font-weight: normal !important;
}

#container #main #rightcolumn {
  float: right;
  margin: 0 0 0 10px;
  padding: 0;
  width: 170px;
  overflow: hidden;
  display: inline-block;
}
#container #main #rightcolumn {
  display: block;
}

#container #main #rightcolumn div.widget {
  float: left;
  margin: 0;
  padding: 0;
  width: 170px;
}
#container #main #rightcolumn div.widget div.detail {
  padding: 10px;
}
#container #main #rightcolumn h3 {
  margin: 0;
  padding: 6px 6px 6px 10px;
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
}

#container #main #rightcolumn div.blue {
  background: #DAE0E6;
}
#container #main #rightcolumn div.blue h3 {
  background: #4D78A3;
}

#container #main #rightcolumn div.grey {
  background: #efefef;
}
#container #main #rightcolumn div.grey h3 {
  background: #666;
}
/* end main */

/* footer */
#footer {
  float:none;
  clear:both;
  border-top: 2px solid #4D78A3;
  overflow:hidden;
  margin:0 0 5px 0;
}
#footer #copyright {
  float: left;
  padding: 9px 5px 6px 10px;
  font-size: 0.9em;
  color: #4D78A3;
}
#footer #compliance {
  display:inline-block;
  overflow:hidden;
  padding: 5px;
}

#footer #compliance{
  display:block;
}

#footer #compliance ul {
  margin: 0;
  padding: 0;
}
#footer #compliance ul li {
  list-style: none;
  float: right;
  padding: 5px 5px 4px 5px;
}
/* end footer */