/* DOCUMENT & HELPERS STYLES
---------------------------------------------- */
    /* most CSS reset handled by reset-fonts-grids.css, courtesy of YUI */

  /* ::::: Additional Resets ::::: */
:active, :focus { outline:0 !important; }

  /* ::::: Document Styles ::::: */
body { background:#fff url(../i/bg_top.png) repeat-x scroll 0 0; color:#2a2a2a; line-height:1; text-align:center; font-family:arial, sans-serif; }

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

.outer { margin:0 auto 20px; text-align:left; width:1010px; }
.inner { margin:0; padding:0 0 7px; position:relative; }

  /* ::::: Helper Styles ::::: */
.clearfix:after { content:"."; display:block; height:0; font-size:0; line-height:0;clear:both; visibility:hidden; }
.clearfix { min-height:1px; height:auto !important; height:1px; }

.hide { display:none; }
.show { display:auto; }


/* HEADER STYLES
---------------------------------------------- */
#hd { margin:0 0 40px; }
#hd h2 { height:23px; line-height:23px; }
#hd h2 a { display:block; background: transparent url(../i/bg_header_iai.png) no-repeat 40px 0; text-indent:-9999px; }
#hd h1 { height:245px; line-height:245px; margin:0 0 1em; padding:0; }
#hd h1 a { display:block; background:url(../i/bg_header.png) no-repeat 0 0; height:245px; text-indent:-9999px; }


/* NAVIGATION STYLES
---------------------------------------------- */
#nav { display:none; }
#nav ul, #nav ul li { display:block; }

  /* ::::: Main Nav ::::: */
#nav .main-nav { }
#nav .main-nav li { display:inline; }
#nav .main-nav li a { display:block; }

  /* ::::: Secondary Nav ::::: */
#nav .sec-nav { }
#nav .sec-nav li { }
#nav .sec-nav li a { }

  /* ::::: Social-Media Nav ::::: */
#nav .sm-nav { }
#nav .sm-nav li { }
#nav .sm-nav li a { }


/* MAIN CONTENT STYLES
---------------------------------------------- */
  /* Avoid using #bd for anything. Keep styled classed instead of IDed, so they are reasonably overwritten */

  /* ::::: Content Styles ::::: */
#bd { font-family:verdana, sans-serif; position:relative; }
#bd .sec { margin:0 0 20px; position:relative; }

/*h2 { background:transparent url(../i/bg_sprite.png) repeat-x 0 -130px; color:#fff; font-weight:bold; font-size:18px; height:36px; line-height:36px; padding:0 0 0 12px; margin:0 0 9px; border-left:3px solid #cc6700; }*/
/*p { font-size:12px; margin:3px 10px 3px 3px; line-height:1.5em; }*/
/*
form { width:315px; margin:20px 0; position:relative; _width:330px; }
label { display:block; float:left; width:110px; clear:left; color:#9b3202; font-size:13px; font-weight:bold; text-align:right; margin:10px; }
input, select { display:block; float:right; margin:10px 0 0; position:relative; outline:none; }
.frm-txt { width:178px; }
.frm-dd { width:182px; }
.btn-submit { background:transparent url(../i/btnSubmit.gif) no-repeat 0 0; text-indent:-9999px; width:94px; height:34px; border:0; padding:0; clear:both; }
*/
  /* ::::: Body Styles ::::: */
.bd { line-height:138%; margin:20px 10px 20px 66px; }
.bd .col { width:240px; color:#333; }
.bd p { margin:0 0 .7em; }
.bd ul { margin:0 0 .7em 13px; }
.bd ul li { list-style:disc; }
.bd h3 { font-size:167%; line-height:27px; margin:0 0 1em; }
.bd h4 { color:#ff0000; font-size:116%; font-weight:bold; text-transform:uppercase; margin:1.5em 0 0; }
.bd h5 { font-weight:bold; text-transform:uppercase; margin:1em 0 .2em; }

  /* ::::: Carousel Styles ::::: */
.carousel { height:96px; margin:40px auto; position:relative; overflow:hidden;/*visibility:hidden; */}
/* .carousel.accessible { width:520px; height:116px; overflow-x:scroll; } for non-JS */
/*.carousel .carousel-hero { }*/
/*.carousel .carousel-nav { position:absolute; width:100%; }*/
.carousel button { width:19px; height:96px; text-indent:-9999px; margin:0; padding:0; border:0; position:absolute; cursor:pointer; outline:none; z-index:3; display:none; }
.carousel .prev { background:transparent url(../i/carousel/btn_prev.jpg) no-repeat 0 0; left:0; }
.carousel .next { background:transparent url(../i/carousel/btn_next.jpg) no-repeat 0 0; right:0; }
.carousel .carousel-slides { display:block; position:relative; height:94px; left:19px; border-top:1px solid #0645ae; border-bottom:1px solid #003baf; float:left; overflow:hidden; }
.carousel .carousel-slides li { display:block; position:relative; float:left; margin:0; padding:7px 9px 0; z-index:0; }
.carousel .carousel-slides li a { display:block; }
.carousel .carousel-slides li img { width:78px; height:78px; border:1px solid #fff; margin:0; padding:0; }
.carousel .carousel-slides li.active img { border-color:#7c92ff; }


/* FOOTER STYLES
---------------------------------------------- */

  /* ::::: Footer Styles ::::: */
#ft { background:#fff url(../i/bg_footer.png) no-repeat 50% bottom; color:#666; height:180px; margin:0; padding:0; text-indent:-9999px; }
#ft a { color:#eee; text-decoration:none; }
#ft a:hover { text-decoration:underline; }
#ft .credits { }
#ft .feedback { }

/* ----------------- */
/* ----------------- */
/* ----------------- */
/* TEMPORARY
---------------------------------------------- */

  /* ::::: Temporary Styles ::::: */
#bd.temp { font-size:12px; line-height:1.5em; padding:0 1em; }
#bd.temp strong { font-weight:bold; }
#bd.temp em { font-style:italic; }
#bd.temp h2 { color:#ef1c23; font-size:125%; margin:1em 0;  }
#bd.temp h3 { width:230px; height:50px; margin:0 2em .5em; }
#bd.temp .clearfix h3 { float:left; }
#bd.temp h4 { margin:2em 0 .5em; font-size:115%; }
#bd.temp h4 span {  font-size:115%; }
#bd.temp .archives { padding:1em; margin:0 -1em; border-top:1px solid #9d889d; }
#bd.temp .archives ul { margin:1em; }
#bd.temp .archives ul li { line-height:1.5em; display:inline; margin:1em; }