body, html {

  margin: 0;

  padding: 0;

  height: 100%;

  width: 100%;

  background-color: #FFFFFF;

  background-image: url('../images/bg_main.gif');

  background-repeat: repeat-x;

  font-family: Arial, Verdana, Helvetica, sans-serif;

  font-size: 12px;

  color: #666666

}



#container {

  width: 750px;

  margin-top: 0px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 0px;

}



#container-header {

  width: 670px;

  height: 85px;

  background-image: url('../images/bg_header.gif');

  line-height: 85px;

  font-size:28px;

  font-weight:bold; padding-left:40px; padding-right:40px; padding-top:20px; padding-bottom:0px

}



#container-name {
  width: 300px;

  height: 62px;

  background-image: url('../images/ia_logo.gif');

  float: left

}



#container-slogan {

  float: right;

  font-size: 18px;

  font-weight: normal;

  font-style: italic;

  padding-right: 10px;

}



span, #container-name span, #container-slogan span {

  color: #375788;

}



#container-eyecatcher {

  width: 670px;

  height: 175px;

  background-image: url('../images/bg_eyecatcher.gif');padding-left:40px; padding-right:40px; padding-top:0px; padding-bottom:0px

}



#container-navigation {

  width: 670px;

  background-color: #005385;

  height: 22px;

  border-top: 3px solid #943528;

  border-bottom: 1px solid #FFFFFF;

}



ul#navigation {

  margin: 0 0 0 0;

  padding: 0 0 0 0;

}



#navigation li {

  display: inline;

  list-style: none;

  height: 22px;

  text-transform: uppercase;

}



#navigation li a {

  color: #ffffff;

  line-height: 22px;

  font-size: 10px;

  text-decoration: none;

  padding: 5px 10px 5px 12px;


}



#navigation li a:hover {

  text-decoration: underline;

  background-color: #347eac;

}



#container-content {

  width:670px;

  background-image: url('../images/bg_content.gif');

  background-repeat: no-repeat;

  margin: 0;

  height: auto; padding-left:40px; padding-right:40px; padding-top:30px; padding-bottom:0px

}



#content {

  width: 450px;

  float: left;

  font-size: 16px;

}

#charterquote {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 14px;

  color: #28367B;

  width: 100px;
}


.charter {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #000000;

  padding-left: 6px;
  
  width: 345px;

  border: 1px solid #CCCCCC;

}


#quotebox {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px;
  color: #FEFEFE;
  background-image: url('../images/quote_bckgrd.gif');
  width: 200px;
  display: block;}


.arrowlistmenu{
width: 175px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: white;
background: url('../images/titlebar.png') repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
/*header text is indented 10px*/
cursor: hand;
cursor: pointer; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Arial; padding-left:10px; padding-right:0; padding-top:4px; padding-bottom:4px
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url('../images/titlebar-active.png');
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url('../images/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
display: block;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%; padding-right:0; padding-top:2px; padding-bottom:2px
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}





#border {

  width: 170px;

  margin-left: 480px;

}



#container-footer {

  border-top: 4px solid #005385;

  width: 670px;

  padding: 20px 0px 20px 0px;

  margin: 0 40px 0px 40px;

  clear: both;

  color: #aeaeae;

}



#container-footer a {

  font-weight: bold;

  padding: 2px 2px 2px 2px;

  color: #aeaeae;

}



#container-footer a:hover {

  color: #375788;

}



#footer {

  font-size: 11px;

  color: #aeaeae;

  width: 670px;

  margin-bottom: 20px;

}



#footer-copyright {

  float: left;

  width: 325px;

  padding-left: 10px;

}



#footer-meta {

  float: right;

  text-align: right;

  width: 325px;

  padding-right: 10px;

}



.clearer {

  clear: both;

}



h1 {

  font-size: 24px;

  color: #666666;

  margin: 0;

  background-image: url('../images/h1_arrow.gif');

  background-repeat: no-repeat;

  background-position: 5px 7px;

  line-height: 24px; padding-left:25px; padding-right:0; padding-top:0px; padding-bottom:20px

}



h2 {

  font-size: 22px;

  color: #666666;

  padding: 5px 0 5px 25px;

  letter-spacing: 1px;

}



h3 {

  font-size: 20px;

  color: #375788;

  padding: 5px 0 0px 25px;

  letter-spacing: -0.5px;

  }



h4 {

  font-size: 20px;

  color: #375788;
 
  padding: 5px 0 0px 25px;

  text-transform: uppercase;

  letter-spacing: -0.5px;

  }

h5 {

  font-size: 14px;

  color: #000000;

  color: #375788;

  

  }




hr {

  border-left:0px none; border-right:0px none; border-bottom:0px none; border-top:1px solid #cccccc; height: 1px

}



#content hr {

  border-left:0px none; border-right:0px none; border-bottom:0px none; border-top:1px solid #cccccc; height: 1px; margin-left:25px; margin-right:0; margin-top:0px; margin-bottom:0px

}



#content p {

  line-height: 19px;

  color: #666666;

  margin: 0 0 20px 25px;

}



#content p a, #border p a {

  text-decoration: none;

  color: #375788;

  border-bottom: 1px dotted #347eac;

  padding: 2px 2px 2px 2px;

}



#content p a:hover, #border p a:hover  {

  text-decoration: none;

  color: #FFFFFF;

  color: #ff0000;

  padding: 2px 2px 2px 2px;

}



#content li {

  line-height: 20px;

  color: #666666;

  margin: 0 0 0 15px;

}



#content .quote {

  border-top: 1px solid #E5E5E5;

  background-color: #f7f7f7;

  border-bottom: 1px solid #E5E5E5;

  background-image: url('../images/bg_quote.gif');

  background-repeat: no-repeat;

  background-position: 10px 10px;

  color: #0066CC;

  font-style: italic; padding-left:65px; padding-right:15px; padding-top:15px; padding-bottom:15px

}



#border p {

  line-height: 17px;

  font-size: 11px;

  color: #666666;

  margin: 0 0 15px 10px;

}



ul#subnavigation {

  padding: 0px;

  background-image: url('none');margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:15px

}



#subnavigation li {

  list-style: none;

  padding: 2px 0px 2px 10px;

  margin: 0px 0px 5px 0px;

}



#subnavigation li a {

  text-decoration: none;

  color: #666666;

  border-bottom: 1px dotted #375788;

}



#subnavigation li a:hover {

  text-decoration: none;

  border-bottom: 1px solid #943528;;

}



ul#news {

  padding: 0px;

  margin: 0px;

  background-image: url('none');

  color: #666666

}



#news li {

  background-image: url('../images/li_cube.gif');

  background-repeat: no-repeat;

  background-position: 2px 6px;

  list-style-type:none; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:15px; padding-left:15px; padding-right:0px; padding-top:2px; padding-bottom:2px

}



#content img {

  background-color: #;

  padding: 1px;

  border: 1px solid #;

}




img.alignleft {

  float: left;

  margin: 0 15px 5px 0px;

}



img.alignright {

  float: right;

  margin: 0 0 5px 15px;

}



img.alignabove {

  margin: 0 0 10px 0;

}