html {
margin: 0;
padding: 0;
}

body {
background: #1f3f65;
color: #fff;
margin: 0;
padding: 0;
font-family: "arial MT rounded", arial;
font-size: 90%;
}

div#header {
background: #5b7ba1;
margin: 0 0 15px 0;
border-bottom: 1px solid #000;
height: 100px;
}

  div#header div#headAnime {
  float: right;
  margin: 0 5px;
  }

h1 {
margin: 0 140px 0 0;
padding: 8px 0 3px 0;
}

  h1 img {
  display: block;
  margin: 0;
  }

h2 {
margin: 0 0 10px 10px;
padding-top: 10px;
font-size: 140%;
color: #ffa67a;
}

  h2.specsHeader {
  color: #ffa67a;
  }

  div.navBox h2 {
  color: #002046;
  margin: 0 0 2px 0;
  padding: 2px;
  font-size: 100%;
  }

h3 {
margin: 0 0 10px 10px;
font-size: 120%;
}

h4 {
margin: 0 0 0 10px;
font-size: 130%;
}

a {
color: #fff;
font-weight: bold;
}

a:hover {
color: #000;
}

img {
border: 0;
}

p {
line-height: 180%;
padding: 0 8px 0 8px;
text-indent: 1.5em;
margin: 0 0 10px 0;
color: #fff;
}

  p.footer {
  margin-top: 20px;
  }

div#container {
margin: 10px 10px 20px 0;
}

/* adds spacing to the bottom for IE */
* html div#container {
padding-bottom: 20px;
}

  div#container div#navCont {
  float: left;
  width: 118px;
  }

  div#container div#navCont div.navBox2 {
  margin-bottom: 15px;
  }

    div#container div#navCont div.navBox2 div {
    color: #fff;
    font-size: 80%;
    padding: 2px;
    }

  div#container div#navCont div.navBox {
  background: #9dbde3 url(./images/cornerTopRightNav.jpg) no-repeat 100% 0;
  margin-bottom: 15px;
  }

    div#container div.navBox ul {
    list-style-type: none;
    margin: 0;
    padding: 1px;
    background: transparent url(./images/cornerBotRightNav.jpg) no-repeat 100% 100%;
    }

      div#container div.navBox ul ul {
      padding: 0;
      }

    div#container div.navBox div {
    background: transparent url(./images/cornerBotRightNav.jpg) no-repeat 100% 100%;
    color: #000;
    font-size: 80%;
    padding: 2px;
    }

      div#container div.navBox ul#dropDown li {
      }

        div#container div.navBox ul li a {
        display: block;
        padding: 3px;
        width: 110px;
        color: #002046;
        }

        div#container div.navBox ul li a:hover {
        color: #fff;
        }

        div#container div.navBox ul li.noticeit a {
        display: block;
        padding: 3px;
        width: 110px;
        color: #ff7335;
        }

        div#container div.navBox ul li.noticeit a:hover {
        color: #fff;
        }

       div#container div.navBox ul li.noticeit {
        display: block;
        padding: 3px;
        width: 110px;
        font-size: 120%;
        color: #ffa67a;
        }

        div#container div.navBox ul li.expand {
        background: url(./images/navArrow.jpg) no-repeat 100px 50%;
        }

        div#container div.navBox ul li.expand:hover {
        background: url(./images/navArrowHover.jpg) no-repeat 100px 50%;
        }

          /* now add backgrounds for the sub-subs */
          div#container div.navBox ul li.expand ul li.expand {
          background: #9dbde3 url(./images/navArrow.jpg) no-repeat 198px 50%;
          }

          div#container div.navBox ul li.expand ul li.expand:hover {
          background: #fff url(./images/navArrowHoverSub.jpg) no-repeat 198px 50%;
          }

    div#container div#content {
    margin-left: 134px;
    background: #5b7ba1 url(./images/cornerTopLeft.jpg) no-repeat 0 0;
    }

      div#container div#content div#cornerTopRight {
      background: url(./images/cornerTopRight.jpg) no-repeat 100% 0;
      }

      div#container div#content div#cornerBotLeft {
      background: url(./images/cornerBotLeft.jpg) no-repeat 0 100%;
      }

      div#container div#content div#cornerBotRight {
      background: url(./images/cornerBotRight.jpg) no-repeat 100% 100%;
      }

      /* wraps the inside to provide spacing */
      /* also allows floats inside content div */
      div#container div#content div#wrapper {
      margin: 0 8px 8px 8px;
      }

      div#container div#content div#allowClear {
      float: left;
      width: 99.9%;
      }

/* propietary polycore stuff */
div#polycore {
}

  div#polycore div#polycorePics {
  width: 125px;
  float: left;
  }

    div#polycore div#polycorePics p {
    font-size: 80%;
    font-style: italic;
    text-indent: 0;
    line-height: 18px;
    }

  div#polycore div#polycoreInfo {
  margin-left: 130px;
  }

/* propietary construction stuff */
div#construction {
}

  div#construction div#constructPics {
  float: right;
  width: 200px;
  }

    div#construction div#constructPics p {
    font-size: 80%;
    font-style: italic;
    text-indent: 0;
    line-height: 18px;
    }

  div#construction div#constructInfo {
  margin-right: 205px;
  }

/* some extra stuff for IE... */
.ieLeft {}

* html .ieLeft {
margin-left: 3px;
}

/* Used on the following pages: */
/* 1. "Production Techniques" */
/* 2. "Quality Control" */
/* 3. "Production Recycling" */
/* 4. "How to Build With ICF's in Massachusetts" */
div#icf, div.icf {
}

  div#icf div#icfLeft, div.icf div.icfLeft {
  width: 49%;
  float: left;
  }

  div#icf div#icfRight, div.icf div.icfRight {
  margin-left: 50%;
  }

/* List formatting */
ul.separate li {
margin-bottom: 10px;
}

dl {
margin: 10px;
}

  dl dt {
  font-weight: bold;
  }

  dl dd {
  margin-bottom: 10px;
  }

    dl dd ul {
    padding: 0;
    margin: 0 0 0 13px;
    }

/* Table formatting */
table.centerFy {
margin-left: auto !important;
margin-right: auto !important;
}

table.data {
border-right: 1px solid #000;
border-bottom: 1px solid #000;
margin: 10px 0 20px 10px;
}

  table.data th, table.data td {
  padding: 4px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  background: #fff;
  color: #000;
  }

  table.data th {
  background: #002046;
  text-align: center;
  font-weight: bold;
  color: #fff;
  }

/* Some extra stuff */
div.spacer {
clear: both;
height: 1px;
overflow: hidden;
}

.floater {
clear: both;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.noMar {
margin: 0;
}

.noMarTop {
margin-top: 0;
}

.marTop {
margin-top: 10px;
}

.noMarBot {
margin-bottom: 0;
}

.spaceOut {
margin-bottom: 30px !important;
}

.emphasize {
font-weight: bold;
}

.enlarge {
font-size: 120%;
}

.small {
font-size: 80%;
}

.noIndent {
text-indent: 0;
}

.normLineHeight {
line-height: 18px;
}

.imgFloat {
float: left;
margin-right: 10px;
}

.imgFloatR {
float: right;
margin-left: 10px;
}


/* Form Stuff */
.button {
font-family: "arial MT rounded", arial;
font-size: 90%;
font-weight: bold;
}

.text, textarea {
font-size: 90%;
font-family: "arial MT rounded", arial;
padding: 4px;
border: 1px solid #000;
}

textarea {
width: 300px;
height: 150px;
}

form.doubleOrNothin .text {
width: 300px;
}

form.formData {
margin: 10px 10px;
clear: both;
}

  form.formData div.dataCont {
  width: 451px;
  clear: both;
  margin-bottom: 10px;
  }

    form.smallVersion div.dataCont {
    width: 361px;
    }

    form.formData div.dataCont div.field {
    float: left;
    text-align: right;
    margin-right: 10px;
    width: 131px;
    }

    form.formData div.dataCont div.data {
    float: left;
    text-align: left;
    width: 310px;
    }

      form.smallVersion div.dataCont div.data {
      width: 220px;
      }

  form.formData .button {
  margin: 0 0 0 145px;
  }

/* Drop Down Menu */
body {
behavior: url(includes/moz.htc);
}

ul#dropDown a {
text-decoration: none;
}

ul#dropDown {
padding: 0;
margin: 0;
list-style-type: none;
z-index: 1;
}

    ul#dropDown ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 210px;
    z-index: 2;
    }

	ul#dropDown li {
	position: relative;
        padding: 1px;
	}

		ul#dropDown ul a {
		display: block;
		width: 202px !important;
		padding: 3px;
		}

	ul#dropDown li:hover {
	cursor: pointer;
	}

	ul#dropDown li.expand ul {
	visibility: hidden;
	border: 1px solid #000;
	position: absolute;
	top: 0;
	left: 110px;
	}

          ul#dropDown li.expand ul li.expand ul {
          left: 209px;
          }

          html > body ul#dropDown li.expand ul li.expand ul {
          left: 210px;
          }

          ul#dropDown li.expand ul li {
          background: #9dbde3;
          }

            div#container div.navBox ul#dropDown li.expand ul li a {
            color: #002046;
            background: none !important;
            }

          ul#dropDown li.expand ul li:hover {
          background: #fff;
          }

	ul#dropDown li.expand:hover ul.first, ul#dropDown ul.first li.expand:hover ul.second {
	visibility: visible;
	}

