.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; }
.clearfix { display:block; }

body {
	position: relative;
  font: normal normal normal 62.5%/100% Tahoma, Helvetica, Verdana, sans-serif;
  background-color: #FFF;
  color: #666;
}

a:link, a:visited { color: #084A8E; text-decoration: underline; }
a:hover, a:active { color: #333; text-decoration: none; }

address { font-style: normal; }

img { border: 0; }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0 0 10px 0; line-height: 1em; }
h1 { font-size: 1.8em; font-weight: normal; } 
h2 { font-size: 1.4em; } 
h3 { font-size: 1.2em; } 
h4 { font-size: 1em; } 
h5 { font-size: 1em; }
h6 { font-size: 1em; }

address, p, pre, dl, ol, ul { padding: 0; margin:  0 0 1.5em 0; line-height: 1.6em; }

p.callout { font-size: 1.2em; margin-bottom: 1em; }

sup { font-size: .5em; }

/* Lists 
   ----- */
   
dl { margin: 0; }

  dt { 
    display: inline;
    margin: 0; 
    font-weight: bold;
    background: url(../images/predefined/greyarrow.gif) no-repeat center right transparent;
    padding: 0 15px 0 0; 
  }

  dd { padding: 0; margin: 0 0 1.5em 0; }

form { display: none; }

img { border: 0; }

img.left { float: left; margin: 5px 10px 10px 0; }
img.right { float: right; margin: 5px 0 10px 10px; }

ol, ul { margin:  0 0 1.5em 20px; }

ul { list-style-image: url(../images/predefined/bullet.gif); }

ul ul { margin: 0 0 0 18px; list-style-image: url(../images/predefined/sub-ul-bullet.gif); }

/* greenBox and blueBox
   --------------------*/
   
div.content div.greenBox, div.content div.blueBox {
  color: #FFF;
  padding: 0;
  margin: 0 0 1.5em 0;
}
  
  div.content div.greenBox h3, div.content div.blueBox h3 {
    padding: 5px 12px;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
  }
    
  div.content div.greenBox p, div.content div.blueBox p { padding: 5px 12px; margin: 0; }

  div.content div.greenBox a, div.content div.blueBox a {
    background: url(../images/predefined/whitearrow.gif) no-repeat center right transparent;
    padding: 0 18px 0 0;
    margin: 0;
    color: #FFF;
    font-weight: bold;
  }

div.content div.greenBox { background: url(../images/predefined/greenBox-bg.gif) repeat-x bottom left #6BA90E; }
div.content div.greenBox h3 { background-color: #9FC821; border-top: 12px solid #6BA90E; }
div.content div.blueBox { background: url(../images/predefined/blueBox-bg.gif) repeat-x bottom left #456363; }
div.content div.blueBox h3 { background-color: #5F7D7D; border-top: 12px solid #456363; }

/* Big Right Thumb Box
   -------------------*/
   
div.bigRightThumb {
  padding: 5px 0 0 0;
  border-top: 1px solid #C8C8C8;
  margin: 0 0 1.5em 0;
}
  
  div.bigRightThumb h4 { margin: 0 0 2px 0; }
  div.bigRightThumb img { float: right; width: 75px; }
  div.bigRightThumb p { padding: 0; margin: 0 90px 1.5em 0; }

/* Big Left Thumb Box
   -------------------*/
   
div.bigLeftThumb {
  padding: 5px 0 0 0;
  border-top: 1px solid #C8C8C8;
  margin: 0 0 1.5em 0;
}
  
  div.bigLeftThumb h4 { margin: 0 0 2px 90px; }
  div.bigLeftThumb img { float: left; width: 75px; }
  div.bigLeftThumb p { padding: 0; margin: 0 0 1.5em 90px; }


/* Little Left Thumb Box
   ---------------------*/
   
div.littleLeftThumb { padding: 0; margin: 0 0 2em 0; }
  
    div.littleLeftThumb img {
      float: left;
      width: 50px;
      margin: 3px 0 0 0;
    }
      
    div.littleLeftThumb p, div.littleLeftThumb h4 { padding: 0; margin: 0 0 .5em 60px; }
      
    div.littleLeftThumb a {
      background: url(../images/predefined/greyarrow.gif) no-repeat center right transparent;    
      padding: 0 15px 0 0;
      font-weight: bold;
    }

/* Phone and Fax
   -------------*/
   
span.phone { display: block; padding: 0 0 0 18px; background: url(../images/predefined/phone.gif) no-repeat center left #FFF; }
  span.fax { display: block; padding: 0 0 0 18px; background: url(../images/predefined/fax.gif) no-repeat center left #FFF; }

.subCol1, #subCol1 { width: 45%; float: left; }
.subCol2, #subCol2 { width: 50%; float: left; }
.subCol65 { width: 65%; float: left; }
.subCol30 { width: 30%; float: right; }
.subColProd1 { width: 410px; padding-right: 35px; float: left; }
.subColProd2 { width: 260px; float: left; }

#branding, #homeMenu, #header { display: none; }

#masthead {
  position: relative;
	width: 100%;
	height: 100px;
	padding: 0 0 1px 0;
	border-top: 10px solid #084A8E;
	border-bottom: 1px solid #C8C8C8;
	margin: 0 0 1em 0;
}

  #masthead #logo {
    position: absolute;
		top: -10px;
		left: 0;
	    width: 316px;
    	height: 100px;
  }

	#navBoth { display: none; }

#pageContent {
	position: absolute;
	top: 130px;
	left: 0;
	font-size: 1.1em;
}

#small, #left { display: none; }

#footer { border-top: 1px solid #B2B2B2; }

#footer p {	margin: 0; }
#footer p.print { display: none; }

#footer ul { display: none; }