html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img  {
  margin: 0; padding: 0
}

body {
  font-family: arial,myriad,sans-serif;
  font-size:13px;
  color:#222;
  background-color:#a2c8f9;
}

a {
  color:#36c;
  text-decoration:none
}

a:hover {
  color:#cc312f;
  text-decoration:underline;
}

table tr td {vertical-align:top}

p {padding:0 0 1em 0}
img {border:none}

li {list-style-type:none}

h2 {padding:0 0 7px 0; font-size:18px;}
h3 {font-size: 18px; line-height:2em}
h5 {font-size:16px; margin:0 0 .5em 0}

.mainContainer {
  margin:0 auto;
  padding:0 15px;
  width:950px;
  background-color:#fff
}

#headerContainer {
  float:left;
  padding:20px 0 0 0;
  background-image:url(images/bg-header.jpg);
  background-repeat:no-repeat;
  background-position:top right
}

#headerContainer h1 {
  float:left;
  padding:3px 0 0 0;
  font-size:13px;
  font-weight:normal;
  font-style:italic;
  color:#b4b6b8
}

.logo {
  float:left;
  padding:29px 0;
}

.mainNav {float:right !important;}

.mainNav li {
  float:left;
  background:url(images/nav-divider.gif) right 7px no-repeat;
}

.mainNav li a {
  padding:0 13px;
  font-size:16px;
  color:#36c
}

.mainNav li a:hover {color:#cc312f}

.leftNav {
  float:left;
  width:220px
}

.leftNav ul li a{
  float:left;
  margin:0px 0 0 0;
  padding:5px 7px;
  color:#fffff9;
  font-size:11px;
  font-weight:bold;
  width:206px;
  background:#2c7ab8;
  border-bottom:1px solid #d1d1d1;
}

.leftNav ul li a:hover{
  text-decoration:none;
  background:#cc312f
}

.leftNav ul li ul li a{
  margin:0;
  padding:3px 7px 3px 14px;
  width:199px;
  font-weight:normal;
  color:#2c7ab8;
  background:#e1e1e1;
  border:none;
}

.leftNav ul li ul li a:hover {
  text-decoration:none;
  color:#cd2f2e;
  background:#d0d0d0;
}

.navRow {float:left; width:950px}

.catBox {
  float:left;
  margin:0 7px 0 0;
  width:232px;
  height:253px
}

.catBox .heading {
  float:left;
  padding:10px 15px;
  font-size:14px;
  font-weight:bold;
  color:#fffff9;
  width:202px;
  background:url(images/bg-heading-top-curve.gif) #cc312f top no-repeat;
}

.catBox li.heading a, .catBox li.heading a:hover {
  color:#fffff9
}

.catBox li a{
  color:#555
}

.catBox li a:hover {color:#cc312f}

.catBox li .box{
  padding:20px 15px 15px 15px;
  width:232px;
  height:204px;
  background:url(images/bg-cat-nav-middle.gif) repeat-y;
}

.catBox li ul li{
  float:left;
  padding:5px 10px;
  width:205px;
  background:url(images/bullet.gif) no-repeat 0 12px;
}

.catBox li ul li ul{
  padding:0 0 0 5px;
  width:180px;
  background:none !important
}

.catBox li ul li ul li{
  width:160px;
  background:url(images/bullet.gif) no-repeat 0 12px;
}

.catBox .bottomCurve{width:232px; height:4px; background:url(images/bg-cat-nav-bottom.gif) no-repeat}

.contentContainer {
  float:left;
  padding:0 0 0 20px;
  width:708px;
}

.footer {
  margin:0 auto;
  padding:10px 15px;
  font-size:11px;
  width:950px;
  color:#fffff9;
  background:#3086f0;
}

.footer a {color:#fffff9}

.footerLinks {margin:0 auto; padding:10px 15px; text-align:center; font-size:11px; width:950px; background-color:#eee}
.footerLinks ul li {padding:0 5px; line-height:2em; display:inline; border-right:1px solid #ccc}

.footerContact {margin:0 auto; padding:0 15px; text-align:center; width:950px; background:#fff}

/* ---------------------------
   EXTRAS
--------------------------- */

.blocker {clear:both !important}
.btnSearch {float:left; padding:25px 0 0 406px}
.note {color:#b4b6b8}
.red {color:#cc312f}
.blue {color:#0077c0}

.left {float:left}
.right {float:right}
.center {text-align:center}
.bold {font-weight:bold}
.w708 {width:910px}

.leftImg {float:left; padding:0 15px 15px 0}
.rightImg {float:right; padding:0 0 15px 15px}

.inlineBullet {float:left; padding:25px 0 25px 120px; width:830px}
.inlineBullet li{float:left; padding:0 15px; border-right:1px solid #ddd}

.noBorder {border:none !important}
.noBorderLeft {border-left:none !important}
.noBorderRight {border-right:none !important}
.noMargin {margin:0}
.noPaddingLeft {padding-left:0 !important}
.noPaddingRight {padding-right:0 !important}

.paddingRight20 {padding-right:20px !important}

.noBackground{background-image:none !important}

.grayTable {background:#f1f1f1}

.grayTable tr td {
  float:left;
  padding:15px 20px;
  width:429px;
  background-color:#F1F1F1;
  border-top:2px solid #FFF;
  border-left:2px solid #FFF;
}

.grayTable tr .label {font-weight:bold; width:190px !important; border-left:none !important}
.grayTable tr td input, .grayTable tr td textarea {padding:5px 7px}
.btnSubmit {padding:0 20px; font-size:20px}

.topographicImg {background-image:url(images/topographic.jpg); background-repeat: no-repeat; background-position: bottom right}
.mapAndPlanMeasuringImg {background-image:url(images/map-and-plan-measuring.jpg); background-repeat: no-repeat; background-position: bottom right}