html, body
{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

body
{
  background-color: #f1f9fc;
  text-align: center;
  font-size: 0.8em;
  font-family: Arial, helvetica, sans-serif;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

form
{
  margin: 0;
  padding: 0;
}

img
{
  border: none;
}

#container
{
  width: 100%;
}

 .leftfiller
,.rightfiller
{
  width: 50%;
}

.rightshadow
{
  background-image: url(../images/shadow_right.png);
  background-repeat: repeat-y;
  _background-image: none;
  width: 7px;
}

.leftbottomshadow
{
  background-image: url(../images/shadow_bottom_left.png);
  background-repeat: no-repeat;
  _background-image: none;
  background-position: top right;
  width: 7px;
}

.bottomshadow
{
  background-image: url(../images/shadow_bottom.png);
  background-repeat: repeat-x;
  _background-image: none;
  height: 7px;
}

.rightbottomshadow
{
  background-image: url(../images/shadow_bottom_right.png);
  background-repeat: no-repeat;
  _background-image: none;
}

.center
{
  width: 990px;
}

.white
{
  background-color: white;
}

.darkgreen
{
  background-color: #227071;
}

.lightgreen
{
  background-color: #e4efc9;
}

.lightblue
{
 background-color: #bdd4d5;
}

.verylightblue
{
 background-color: #e5eeee;
}

.red
{
  background-color: #cc262b;
}

#mainmenu
{
  background-image: url(../images/mainmenubg.gif);
  background-repeat: repeat-x;
  background-color: #227071;
  height: 2.5em;
}

#mainmenu a
{
  color: white;
  text-transform: uppercase;
  float: left;
  margin-top: 10px;
  padding: 2px 4px;
  font-weight: bold;
  font-size: 0.8em;
}

#mainmenu a.home
{
  margin-right: 42px;
  margin-left: 20px;
}

#mainmenu a.contact
{
  margin-right: 64px;
}

#mainmenu a.selected
{
  background-color: #227071;
  margin-top: 3px;
}

#mainmenu span
{
  color: white;
  float: left;
  font-size: 0.9em;
  padding: 10px 0px 6px 0px;
}

.mainmenufiller
{
  height: 7px;
  font-size: 0px;
}

.mainmenushadowbg
{
  background-image: url(../images/mainmenushadowbg.png);
  _background-image: none;
  background-repeat: no-repeat;
  background-color: white;
  width: 8px;
  height: 7px;
  font-size: 0px;
  line-height: 0px;
}

.homeheaderleft
{
  width: 219px;
}

.homeheaderright
{
  width: 771px;
}

.headerleft
{
  width: 166px;
}

.headerright
{
  width: 824px;
  position: relative;
}

.homepageheader
{
  background-image: url(../images/homepageheader.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 247px;
}

.homepageheader div.contain
{
  position: relative;
  height: 100%;
}

#homepageheadertop
{
  background-color: white;
  opacity: 0.85;
  -moz-opacity: 0.85;
  filter: alpha(opacity=85);
  width: 100%;
  height: 76px;
  position: relative;
}

.homepageheader div.contain #homepageheaderbottom
{
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background-color: white;
  opacity: 0.45;
  -moz-opacity: 0.45;
  filter: alpha(opacity=45);
  position: relative;
  height: 35px;
  margin-top:136px;
}

#homelogo
{
  width: 162px;
  height: 76px;
  background-repeat: no-repeat;
  _background-image: none;
  display: block;
  position: absolute;
  margin-left: 98px;
  z-index: 100;
}

#logo
{
  width: 162px;
  height: 76px;
  _background-image: none;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  margin-left: 45px;
  z-index: 100;
}

#homepageheadertitle
{
  xheight: 100%;
  padding: 20px 0 0 160px;
  text-align: left;
}

#homepageheadertitle span.line1
{
  color: #b82324;
  font-style: italic;
  font-size: 1.5em;
  font-weight: bold;
}

#homepageheadertitle span.line2
{
  color: #5b9593;
  font-style: italic;
  font-size: 1.3em;
  font-weight: bold;
  margin-left: 80px;
}

#headertitle
{
  padding: 15px 0 0 100px;
  text-align: left;
  margin-top: 10px;
  background-color: #f6f9f9;
  height: 50px;
  position: relative;
}

#headertitle span.line1
{
  color: #b82324;
  font-style: italic;
  font-size: 1.5em;
  font-weight: bold;
}

#headertitle span.line2
{
  color: #5b9593;
  font-style: italic;
  font-size: 1.3em;
  font-weight: bold;
  margin-left: 80px;
}

#homesectionimage img
{
  margin-left: 8px;
}

#homesectionimage a.description
{
  color: #339966;
  font-style: italic;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}

#homesectionimage a.more
{
  display: block;
  text-align: right;
  font-style: italic;
  color: black;
  padding-right: 3px;
  font-size: 80%;
}

#homesectionimage a.more
{
  xpadding-right: 10px;
}

#homesearch
{
  position: absolute;
  background-color: white;
  left: 575px;
  top: 220px;
  border: 1px solid #709c9d;
  width: 175px;
}

#search
{
  position: absolute;
  background-color: white;
  left: 633px;
  top: 40px;
  border: 1px solid #709c9d;
  width: 175px;
}

#homesearch form input
,#search form input
{
  border: 0px solid white;
  height: 18px;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

.leftcolumn
{
  border-right: 1px solid #d1dde9;
  width: 166px;
}

.contentcolumn
{
  height: 200px;
}

.contentcolumn #contentpadding
{
  padding: 0 10px 10px 20px;
  line-height:20px;
}

.contentcolumn #contentpadding a
{
  color: #849f37;
}

.rightcolumn
{
  width: 196px;
}

div.path
{
  text-align: right;
  font-size: 80%;
  margin-right: 10px;
}

div.path a
{
  color: #565151;
}

a.sitemap
{
  color: #565151;
  font-size: 80%;
}

.gradientbg
{
 background-image: url(../images/gradientbg.gif);
 background-repeat: repeat-x;
 padding-top: 20px;
}

div.block
{
  padding: 0px 3px 6px 6px;
}

.gradientbg div.block
,.home div.block
{
  padding: 0px 6px 6px 10px;
}

div.block table
{
  width: 100%;
}

div.block table td.blockshadowright
{
  background-image: url(../images/blockshadowright.png);
  _background-image: none;
  background-repeat: repeat-y;
}

div.block table td.blockshadowright img
{
  display: block;
}

div.block table td.blockshadowbottom
{
  background-image: url(../images/blockshadowbottom.png);
  _background-image: none;
  background-repeat: repeat-x;
}

div.block table div.blockshadowrightbottom
{
  background-image: url(../images/blockshadowrightbottom.png);
  _background-image: none;
  width: 4px;
  height: 5px;
  font-size: 0px;
  line-height: 0px;
}

div.block table div.blockheader
{
  background-color: #ed1b24;
  padding: 6px;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
}

div.block table div.blockcontent
{
  padding: 6px;
  background-color: white;
  border-left: 1px solid #f3f3f3;
  border-top: 1px solid #f3f3f3;
}

div.block table div.blockcontent span.bannertitle
{
  font-weight: bold;
  font-size: 0.9em;
}

div.block table div.blockcontent img.more
{
  margin-top: 4px;
}

div.readmore
{
  text-align: right;
}

#leftimage
{
  position: absolute;
  height: 166px;
}

#leftimageoverlay1
{
  background-color: white;
  opacity: 0.15;
  -moz-opacity: 0.15;
  filter: alpha(opacity=15);
  position: absolute;
  width: 166px;
  height: 11px;
  left: 0;
  top: 0;
}

#leftimageoverlay2
{
  background-color: white;
  opacity: 0.65;
  -moz-opacity: 0.65;
  filter: alpha(opacity=65);
  position: absolute;
  width: 166px;
  height: 22px;
  top: 11px;
  left: 0;
}

div.type2banner
{
  font-weight: bold;
  padding: 0 6px 6px 0;
}

div.type2banner a
{
  color: #565151;
  text-decoration: none;
}

#submenu
{
  margin: 0px 1px 20px 10px;
}

#submenu table td.header
{
  border-bottom: 2px solid #5cadb1;
  text-transform: uppercase;
  color: #67b2b6;
}

#submenu table td.header span
,#submenu table td.item a
{
  display: block;
  padding: 5px 3px;
  font-weight: bold;
}

#submenu table td.header span
{
  font-size: 0.9em;
}

#submenu table td.item
{
  border-bottom: 2px solid #5cadb1;
}

#submenu table td.item a
{
  color: #4da568;
  font-size: 0.9em;
}

div.type3banner
{
  margin-bottom: 6px;
  text-align: right;
}

div.type3banner div.title
{
  font-weight: bold;
  font-size: 0.9em;
  text-align: right;
  text-transform: uppercase;
  color: #67B2B6;
  padding: 5px 10px 5px 0px;
}

div.type3banner div.title a
{
  color: #67B2B6;
}

div.type3banner div.description
{
  text-align: right;
  padding: 0 10px 0 6px;
}

div.type3banner div.readmore
{
  padding-right: 10px;
}

div.type4banner
{
  padding: 6px 6px 6px 10px;
}

div.type4banner div.title
{
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #227172;
}

div.type4banner a
{
  color: #227172;
}

div.type4banner a.more
{
  font-size:90%;
}

div.type4banner div.description
{
  padding-bottom: 6px;
  font-size: 90%;
}

div.type4banner div.readmore
{
  padding-right: 10px;
}

div.type5banner
{
  padding: 6px 6px 6px 10px;
  clear: both;
  margin-bottom: 6px;
}

div.type5banner a
{
  margin: 4px;
  display: block;
  float: left;
  text-decoration: none;
  color: black;
}

/* The standard webpack CSS. This CSS is shared by all webpacks and
   modifying it allows you to easily adapt all webpack types to your
   site design. We recommend that you remove this CSS from the individual
   webpack demos, and instead move it to your site's central CSS files */

/* Global tag, containing the complete webpack item */
.whwp
{
  font-family: arial, helvetica, sans-serif;
  font-size: 100%;
}

/* Webpack item title */
.whwp .whwp-title
{
  font-weight: bold;
}

/* All links */
.whwp a
{
  color: #007071;
  text-decoration: none;
}

/* Characteristics shared between input and button style links */
.whwp .whwp-button, .whwp .whwp-button:hover
{
  width: 100px;
  background-color: #007071;
  text-align: center;
  color: white;
  border: solid 1px #007071;
  margin: 3px 3px 3px 0px;
  font-weight: bold;
  font-size: 100%;
}

/* Links with an input button appearance */
.whwp a.whwp-button, .whwp a.whwp-button:hover
{
  display: block;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  padding: 2px 5px;
}

.whwp input.whwp-button
{
  /* IE/FF work around: first pointer, then hand */
  cursor: pointer;
  cursor: hand;
  font-family: arial, helvetica, sans-serif; /* Inherit font-family */
  font-size: 100%; /* Inherit font-size */
}

.whwp .whwp-questiongroup
{
  border: 1px #007071 solid;
  padding: 10px;
  margin: 20px 0px;
  background-color: #FFFFFF;
}

/* Individual questions */
.whwp .whwp-questiongroup .whwp-question
{
  margin: 10px 0px;
}

/* Individual question labels */
.whwp .whwp-questiongroup .whwp-question label,
.whwp .whwp-questiongroup .whwp-question
{
  font-style: italic;
  margin: 10px 0px 4px 0px;
}

.whwp .whwp-questiongroup .whwp-question input, .whwp .whwp-questiongroup .whwp-question textarea,
.whwp .whwp-questiongroup .whwp-question option, .whwp label input, .whwp label textarea,
.whwp .whwp-questiongroup .whwp-question .whwp-formgroup label
{
  100%;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
}

.whwp .whwp-entry
{
  border-top: 2px solid #000000;
  margin: 10px 0px;
}

.whwp .whwp-entry .whwp-header
{
  background-color: #FFFFFF;
  font-weight: bold;
  padding: 4px;
}

.whwp .whwp-entry .whwp-message
{
  padding: 4px;
}

.whwp .whwp-entry .whwp-message blockquote
{
  margin-left: 1pt;
  border-left: 1pt solid #000000;
  padding-left: 5pt;
}

.whwp .whwp-entry .whwp-footer
{
  padding: 10px;
}

.whwp table.whwp-table
{
  border: solid 1px #007071;
  border-collapse: collapse;
  width: 100%;
  font-size: 100%; /* Ensure IE picks up the inherited font-size for this table */
}

.whwp table.whwp-table th
{
  text-align: left;
  padding: 2px 5px;
  background-color: #007071;
  vertical-align: top;
  white-space: nowrap;
  color: white;
}

.whwp table.whwp-table td
{
  text-align: left;
  padding: 2px 5px;
  vertical-align: top;
}

.whwp .whwp-odd
{
  background-color: #EEEEEE;
}

.whwp .whwp-even
{
  background-color: #FFFFFF;
}

.whwp .whwp-errors
{
  color: #FF0000;
}

.whwp table.whwp-attachments
{
  font-size: 100%;
}

/* End of the standard webpack CSS definitions */