body, span, div, p, td, th, input, textarea {
  font-family: verdana, sans-serif;
  font-size:100%;
  color:#444;
  }

*   {
    margin: 0;
    padding: 0;
    border: 0;
}
.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}
.clr{
  clear: both;
}

.right {
  float:right;
}

.left {
  float:left;
}

body {
  background: #435271;
  }


/* Layout */
#constrain {
  width:960px;
  margin: 0 auto;
  background: transparent url('../images/i-bg-y.gif') repeat-y;
  position: relative;
  }
#header {
  background: transparent url('../images/i-header.jpg') no-repeat top right;
  height:144px;
  padding-top: 20px;
  } 
#logo {  
  background: transparent url('../images/i-logo.png') no-repeat;
  width: 131px;
  height: 130px;
}
#tagline {
  position: absolute;
  left:185px;
  top: 70px;
  background: transparent url('../images/i-tagline.png') no-repeat;
  width: 499px;
  height: 74px;
}
#body {
  background: transparent url('../images/i-box-top.gif') no-repeat;
  margin-left: 10px;

  }
#lhs {
  width:185px;
  float:left;
  }
#content {
  margin-left: 200px;
  margin-right:15px;
  padding: 3px 0 0 0;
  }
#footer {
  width:910px;
  margin:0 auto;
  background: transparent url('../images/i-footer-bg.jpg') repeat-x;
  height: 50px; 
  padding: 20px 10px 0 10px;
  }
#footer ul {
  list-style:none;
  float:left;
  }
#footer ul li {
  display:inline;
  color:#fff;
  padding: 0 10px;
  background: transparent url('../images/i-footer-nav-div.gif') no-repeat right;
  }
#footer ul li a, #author a{
  color:#fff;
  text-decoration:none;
  font-size:0.675em;
  }
#footer ul li a:hover, #author a:hover {
  color:#28334b;
  }
#box-btm {
  vertical-align:bottom;
  }
#author {
  float:right;
  padding-top: 4px;
  }
#footer-contact {
  margin: -138px 0 0 -195px;
  width:170px;
  padding: 0 0 0 3px;
  }
#footer-contact p {
  color:#146995;
  margin:0;
  padding:0;
}  

/* Navigation */
#navigation {
  border-left: 20px solid #435271;
  border-right: 20px solid #435271;
  background: transparent url('../images/i-nav-bg.jpg') repeat-x;
  height:40px;
}
#navigation ul {
  height:40px;
  list-style:none;
  float:right;
}
#navigation ul li {
  float:left;
  text-align:center;
  }
#navigation ul li a {
  padding: 13px 0 0 0;
  color:#fff;
  font-size:0.675em;
  text-decoration:none;
  display:block;
  width:95px;
  height:40px;
  }  
#navigation  li a:hover {
  background:#0a84ba;
  height:29px;
  }  
  
  
/* Subnav */
#subnav {
  list-style:none;
  margin:0 2px 0 2px;
  padding:0;
}
#subnav li {
  background:#e2eef2 url('../images/i-subnav-bullet.gif') no-repeat 20px 17px;
  margin-bottom:2px;
  line-height:35px;
  padding-left:40px;
 }
#subnav li a {
  font-size:0.674em;
  color:#009edf;
  text-decoration:none;
  } 
#subnav li a:hover {
  color:#28334b; 
}


 


/* Headings */

h1 {
  color:#fff;
  line-height:40px;
  font-size:1em;
  font-weight:normal;
  margin-bottom:10px;
  }
#lhs h2 {
  color:#fff;
  line-height:23px;
  font-weight:bold;
  font-size:0.675em;
  padding:10px 0 10px 15px;
  margin:0;
  }
h2 {
  color:#009edf;
  font-weight:normal;
  font-size:0.9em;
  margin: 20px 0;
  }  
h3 {
  color:#009edf;
  font-weight:bold;
  font-size:0.75em;
  margin: 20px 0;
}  
h4 {
  color:#009edf;
  font-weight:bold;
  font-size:0.675em;
  margin: 20px 0 10px 0;
} 

  
/* Content */
#content a {
  color:#000;
}
#content a:hover {
  color:#009edf;
  }
#content p {
  font-size:0.675em;
  line-height:1.5em;
  margin: 10px 0;
  }


.list {
  background:#f2f4f6;
  padding: 10px 10px 10px 25px;
  margin-right: 10px;
  }
#content ul {
  list-style:none;
  padding:0;
  margin:0;
  }
#content ul li {
  background: transparent url('../images/g-bullet.gif') no-repeat left center;
  text-indent: 15px;
  padding:0;
  margin:0;
  }
#content ul li  {
  float:left;
  width:50%;
  font-size:0.675em;
  line-height:1.75em;
  }
  
#content ol li {
  font-size:0.675em;
  line-height:1.75em;
}
  
  
.cta {
  background:url('../images/g-cta-mid.gif') repeat-y;
  width: 724px;
  font-size:0.675em;
  margin:10px 0;
}

.cta a {
  padding:15px;
  display:block;
  text-decoration:none;
  }
.cta-top {
  vertical-align:top;
  }
.cta-btm {
  vertical-align:bottom;
  }

img.left, img.right {
  border:1px solid #0a84ba;
  }
img.left {
    margin: 0 10px 0 0;
    }
img.right {
    margin: 0 0 0 10px;
    }
    
.button {
  background:url('../images/g-button-mid.jpg') repeat-x;
  line-height:25px;
  float:left;
}
#content .button a {
  font-size:0.675em;
  color:#fff;
  text-decoration:none;
  display:block;
  background: transparent url('../images/g-button-left.jpg') no-repeat;
  padding-left:10px;
  }
#content .button a:hover {
  color:#000;
  }
.button span {
  background:url('../images/g-button-right.jpg') no-repeat right;
  display:block;
  padding-right:25px;
  }
.btm {
  padding-bottom:8px;
  }
  

