/* Global Control */

/*  Resets  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;vertical-align: baseline}
body{line-height:1;}
td {vertical-align: top}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none}
a:hover{text-decoration:underline}

/* Layout Guides */
#edit_layout, .layoutContainer {
	width: 1000px;
	margin: 0 auto;
}

/*  Helper Classes  */
.clr {clear:both}  
.floatL {float: left}
.floatR {float: right}
.pad5 {padding: 5px}
.admin {font-weight: bold; color: #FF0000 !important}
.last {border-right:none !important}
.hr {margin: 0 0 24px}
.btn {cursor: pointer}


/*--- Main Layout Styles ---*/

html, body, #site_wrapper {
	height:100%;
	min-height:100%;
	width:100%;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	background: #ffffff;
	color:#3e3e29;
}

#headerBg{
	width: 100%;
	height:92px;
	background: url(http://www.iiab.com/cache/399668-headerBg.jpg) top left repeat-x;
}

#header{
	width: 850px;
	height:92px;
	background: url(http://www.iiab.com/cache/399668-headerBg.jpg) top left repeat-x;
	margin:auto;
}

#logo{
	width:200px;
	height:90px;
	float:left;
}

/*--- homepage styles --*/	

#home_banner{
	width: 850px;
	height:410px;
	margin:auto;
}

#banner_copy{
	width:400px;
	float:left;
}

#home_banner_title{
	color:#FFFFFF;
	font-size:38px;
	font-weight:bold;
	float:left;
	margin-top:30px;
}	

#home_banner_detail{
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	float:left;
	margin-top:20px;
}

#home_banner_button{
	width:228px;
	height:56px;
	float:left;
	margin-top:20px;
}

#video{
	width:492px;
	height:239px;
	float:right;
	margin-top:30px;
}

.homeSection{
	padding-right: 30px;
}

.homeSection h3{
	font-size:20px;
	font-weight:normal;
	padding:20px 0px 0px 0px;
}

.homeSection img{
	padding:20px 0px;
}

/*--- subpage styles --*/

#subpage_banner_bg{
	width:100%;
	height:114px;
	background: #ffffff url(images/bg_subpage.jpg) top center repeat-x;
}

#subpage_banner{
	width: 850px;
	height:114px;
	background: transparent url(images/subpage_banner.jpg) top left no-repeat;
	margin:auto;
}

#subpage_banner_title{
	color:#FFFFFF;
	font-size:28px;
	font-weight:bold;
	height:50px;
	width:500px;
	float:left;
	margin-top:27px;
	margin-left:15px;
}

#subpage_button{
	width:228px;
	height:56px;
	float:right;
	margin-top:35px;
}


/*--- content ---*/

#content_home{
	width:850px;
	margin:auto;
}

#content_wrapper{
	width:850px;
	margin:auto;
}

/*--- sidebar ---*/

#sidebar{
	float:left;
	width:280px;
}

/*--- side nav ---*/

#sidenav{
	width:250px;
	padding-bottom: 20px;
}

#sidenav ul{
	list-style:none;
}

#sidenav li{
	height:45px;
	border-bottom:#dddddd solid 1px;
	line-height:45px;
	font-size:16px;
	font-weight:bold;
	padding-left:15px;
}

#sidenav a{
	color: #3e3e29;
	text-decoration:none;
}

#sidenav a:hover{
	color:#B5111B;
}

#sidenav .selected{
	background: transparent url(images/arrow_bullet.gif) top left no-repeat;
	color:#B5111B;
}
#sidenav .selected a{
	color:#B5111B;
}

/*--- 3 column layout ---*/

.column{
	width:282px;
	float:left;
}


/*--- feature ---*/

.feature{
	width:270px;
	height:130px;
	margin-right:46px;
	margin-top:20px;
}

.feature_img{
	width:65px;
	height:65px;
	float:left;
}

.feature_title{
	font-size:18px;
	height:65px;
	width:205px;
	float:left;
	font-weight:bold;
	padding-top: 6px;
}

.feature_detail{
	clear:both;
	padding: 4px 0px 0px 10px;
}

/*--- Top Nav Styles ---*/

#top_nav {
	width: 550px;
	height:88px;
	float:right;
}

#nav{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:20px;
}

#nav li {
	border-right:1px solid #393939;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
	height:88px;
}
#nav a, #nav a:visited {
	color:#fff;
	display:block;
	font-weight:normal;
	/*padding:12px 15px;*/
	line-height:88px;
	padding:0px 15px;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
	background:#393939 none repeat scroll 0 0;
	text-decoration:none;
}

#nav a, #nav a:hover {
	border:medium none;
	display:block;
	text-decoration:none;
}

#nav li ul {
  display: none;
  position: absolute; 
  width:220px;
  z-index:999;
}

#nav li > ul {
	top: auto;
	left: auto;
}

#nav li li {
	background:#393939 none repeat scroll 0 0;
	border-left:1px solid #4a4a4a;
	border-right:1px solid #4a4a4a;
	border-bottom:1px solid #4a4a4a;
	width:218px;	
	height:auto;
}
#nav li li a, #nav li li a:visited {
	color:#fff;
	font-weight:normal;
	font-size:11px;
	line-height:40px;
}
#nav li li a:hover, #nav li li a:active {
	background:#4a4a4a none repeat scroll 0 0;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li.over ul {
	display:block;	
}

/*--- Text Content Styles ---*/
	
#content_text{
	margin-left:50px;
	margin-right:30px;
	padding-top:30px;
	padding-bottom:60px;
}

h1{
	margin:0px;
	padding:6px 0px;
	font-size:28px;
}

h2{
	margin:0px;
	padding:6px 0px;
	font-size:18px;
	font-weight:normal;
}

p{
	padding: 8px 0px;
	line-height:17px;
}

a {
	text-decoration:none;
	color: #b5111b;
	outline: none;
}

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

#breadcrumbs{
	width:100%;
	height:20px;
	font-size:10px;
	margin-left:23px;
	margin-top:13px;
}


/*--- diagram box Styles ---*/

.diagram_box{
	width:100%;
	height:100px;
	margin:20px 0px;
}

.diagram_box_img{
	width:150px;
	height:100px;
	float:left;
}

.diagram_box_text{
	width:450px;
	float:left;
	padding-top:10px;
}





/*  Footer  */
#footer {
		height: 100px;
		width:850px;
		border-top: 2px solid #E7E7E7;
		color:#999999;
		padding: 0px 0px 0px;
		clear: both;
		font-size:10px;
		margin:auto;
		margin-top:30px;
	
		}
	#footer dl {
		float: left;
		width: 200px;
		padding: 0px 1px 0px;;
		margin: 10px 0 0;
		font-size: 1.1em;
	}
	#footer dl dt {
		font-weight: bold;
		border-bottom: 1px solid #E7E7E7;
		background-color:#e2e2e2;
		margin: 0 0 4px;
		padding: 2px;
		font-weight:normal;
	}
	#footer dl dd {
		padding: 2px;
	}
	
	#footer #copyright {
		clear: both;
		padding: 10px 0px 0px;;
	}







/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }

  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }

  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }

  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }

  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active #content h1 {
	  visibility: hidden;
	  font-family: Arial;
	  font-weight: bold;
	  line-height: 1em;
	  font-size: 24pt;
	}

	.sIFR-active #content h2 {
	  visibility: hidden;
	  font-family: Arial;
	  line-height: 1em;
	  font-size: 18pt;
	}
}


/*
 * Content is nice
*/

#content {
	width: 850px;
	margin: 0 auto;
	padding-top: 20px;
}

#content ul {
	list-style:disc outside;
	padding-left:40px;
	font: 10pt/1.4em 'Arial', sans-serif;
	text-align: left;
	letter-spacing: -0.0.5em;
	color: #444;
}

#content ul li{
	padding:3px 0px;
}

#content h1 {
	font: normal 24pt/1.5em 'Arial', sans-serif;
	color: #c21520;
}

#content h2 {
	font: normal 18pt/1.5em 'Arial', sans-serif;
	letter-spacing: -1px;
	color: #444;
}

#content p {
	font: 10pt/1.4em 'Arial', sans-serif;
	text-align: left;
	letter-spacing: -0.0.5em;
	color: #444;
}

div.contentLayer {
	clear: both;
	width: 850px;
	padding: 20px 0;
}

/* Half Right Image */
div.contentLayer.halfR img {
	float: right;
}
div.contentLayer.halfR div.contentText {
	width: 45%;
	margin-right: 5%;
}

/* Half Left Image */
div.contentLayer.halfL img {
	float: left;
}
div.contentLayer.halfL div.contentText {
	width: 45%;
	margin-left: 5%;
	float: left;
}

/* 2 Thirds Left Image */
div.contentLayer.twothirdL img {
	float: left;
}
div.contentLayer.twothirdL div.contentText {
	width: 30%;
	margin-left: 5%;
	float: left;
}

/* 2 Thirds RightImage */
div.contentLayer.twothirdR img {
	float: right;
}
div.contentLayer.twothirdR div.contentText {
	width: 30%;
	margin-right: 5%;
	float: right;
}


/* 2 Thirds Left Text */
div.contentLayer.twothirdTextL img {
	float: left;
}
div.contentLayer.twothirdTextL div.contentText {
	width: 65%;
	margin-left: 5%;
	float: left;
}

/* 2 Thirds Right Text */
div.contentLayer.twothirdTextR img {
	float: right;
}
div.contentLayer.twothirdTextR div.contentText {
	width: 65%;
	margin-right: 5%;
}



/* template hack */
#content h1{display:none;}
.contentLayer h1{display:block !important;}