* {
	margin: 0;
	padding: 0;
}
body {
	line-height: 1.6;
	text-align: center;
	color: #303030;
	background-color: #7B8995;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
a {
	color: #CC0033;
	font-weight: bold;
	text-decoration: none;
	background-color: inherit;
}
a:hover {
	color: #669966;
	text-decoration: none;
	background-color: inherit;
}
/*a img{border:none;}*/

p {
	padding: 0.6em 0 1.0em 0;
}
p form {
	margin-top: 0;
	margin-bottom: 20px;
}
.center {
	text-align: center
}
.left {
	text-align: left
}
.right {
	text-align: right
}
.justify {
	text-align: justify
}
td {
	padding: 5px;
}

.red{
color:red;
}

.black{
color:black;
}

.blue{
color:#9933ff;
}

.green{
color:#00CC66;
}
/*
img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
*/

/* Responsive image */
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
img.center {
	display: block;
	margin: 0 auto;
}
#container {
	max-width: 1160px; /* Responsive container */
	margin: 20px auto;
	position: relative;
	/* min-height: 600px; */
	text-align: left;
	background-color: #F1F1F1;  /* Style IANN - background grey & white feature */
	color: #006699;             /* Style IANN - text blue */
	padding: 2px 2px 2px 2px;
	border: 2px solid #a0a0a0; /* 2px border around whole container */
}
#headeriann {
	/* height:150px;
	width:898px; */
	width: 100%;
	height: auto;
	margin: 0 0px 1px 0px;
	color: #ffffff;
	text-align: right;
	/*	background-image: url(irwinallen_header2.jpg);*/
	background-repeat: no-repeat;
	background-position: top;
}
img.img_header_image {
	border: 0px none;
	width: 100%;
	height: auto;
}
#headeriann h1 {
	margin: 20px 40px 0 0;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	letter-spacing: -1px;
}
#headeriann h2 {
	margin: 10px 50px 0 0;
	font-size: 14px;
	color: #9933ff;
	letter-spacing: -1px;
	font-weight: normal;
}
#navigation {
	/*min-height:2.2em;
	line-height:2.2em;*/
	min-height: 25px;
	/*width:898px; */
	width: 100%;
	background-color: #380B61;
	color: #ffffff;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 1px;/* border-bottom: 1px solid #a0a0a0; */
}
#navigation li {
	float: left;
	list-style-type: none;/* Hiding this allows menu between 500px and 768px
	border-right:1px solid #ffffff;
	white-space:nowrap;
*/
}
#navigation li a {
	display: block;
	padding: 0 10px;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	background-color: inherit;
	color: #ffffff;
}
* html #navigation a {
	width: 1%;
}
#navigation a:hover {
	background-color: #9933FF;
	color: #ffffff;
	text-decoration: none;
}



/* Wrapper covers content and sidebar menu
*/
#wrapper-main {
	max-width: 1160px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	min-height: 600px;
	box-sizing: border-box;
	clear: both;
}
/* Start of right side content
*/



#content-wrapper {
	/* position: relative;
	clear: both;*/
	float: right;
	width: 100%;
	box-sizing: border-box;
}
#content-iann {
	/* Responsive */
	margin-left: 240px;
	clear: both;
	overflow: auto;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	min-height: 600px;
	box-sizing: border-box;
}
#content-iann h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	font-size: 26px;
	font-weight: bold;
	/*letter-spacing:-1px;*/
	/*color:#993399;
	background-color:inherit;*/
	color: #CCCCCC;
	text-align: center;
	text-transform: uppercase;
	background-image: url(../h1_background.jpg);
	background-repeat: repeat;
	min-height: 40px;
	width: 100%;
	margin: 0 0 10px 0;
}
#content-iann h2 {
	display: block;
	padding: 0.2em 0 0.1em 0;
	/*margin:7px 0 7px 0;*/
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #006699; /* Blue */
	background-color: inherit;
	font-style: normal;
}
#content-iann h2 a {
	font-weight: normal;
}
#content-iann h3 {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 0 0 0 0;
	margin: 2px 0 2px 0;
	font-size: 20px;
	font-weight: bold;
	/*letter-spacing:-1px;*/
	color: #008B48; /* Green */
	background-color: inherit;
}
#content-iann a:hover, #sidebar-iann a:hover {
	text-decoration: underline;
}
#content-iann ul, #content-iann ol {
	margin: 0 5px 16px 35px;
}
#content-iann dl {
	margin: 0 5px 10px 25px;
}
#content-iann dt {
	font-weight: bold;
	margin-bottom: 5px;
}
#content-iann dd {
	margin: 0 0 10px 15px;
}

/* Page break headings */
.pagebreak_heading {
  text-align:center;
  background-color: #C3C0FF;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 0px;
	font-weight: bold;
  color: #003366;
  margin-top:10px;
  padding: 10px 0 0 0;
	min-height: 30px;
	line-height: 20px;
	width: 100%;
}

/* Used on Models main page table */
#ianntable td {
	padding: 5px
}

/* Flex grid */
.iann-flex {
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    
}
.iann-flex img {
    width:100%;
    height:auto;
}

.iann-flex p {
	font-size: 14px;
	font-weight: bold;
}

.iann-gridbox {
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width:200px;
    min-width:160px;
    margin: 10px;
    text-align: center;
}

/* Feature blocks */
.feature {
	width: 100%;
	background-color: #FFFFFF;  /* Style IANN - background grey & white feature */
	margin: 20px 0px 20px 0px;
	padding: 5px 20px 5px 20px;
  box-sizing: border-box;
}
.feature h2{
	margin: 0px 0 0px 0;
	display: block;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
}
.feature h3 {
	padding: 0px 0 0px 0;
}
.feature h4 {
	margin: 6px 0 0px 0;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
}
.feature img {
      display: block;
      margin: 0 auto;
		padding:5px;
}


/* For new tests */
#iann-block {
	position: relative;
	width: auto;
	background-color: #99CCFF;
	border-bottom: groove;
}
/* Get space around images in articles */
#iann_article img {
	margin: 0px 0px 0px 0px;
	padding: 2px;
}
#iann_article .alignleft {
	float: left;
}
#iann_article img.alignleft {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#iann_article .alignright {
	float: right;
}
#iann_article img.alignright {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
/* Figures with captions */
#iann_article figure {
	margin: 5px 5px 5px 5px;
	border: 1px solid #000;
	padding: 2px 2px 2px 2px;
	/* background-color: #E1E1E1;*/
	display: table;
}
figure img {
	/*display: block;*/
	max-width: 100%;
}
#iann_article figcaption {
	display: table-caption;
	caption-side: bottom;
	font-size: smaller;
	color: #000000;
	padding: 2px 2px 2px 2px;
}
#iann_article figure.alignleft {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#iann_article figure.alignright {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
/* Main news section */

#mainNews {
	width: 100%;
	float: left;
}
#mainNews h2 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #063;
	text-align: center;
	font-size: 1.5em;
}
/* Get space around images in news items */
#mainNews img {
	margin: 5px 8px 5px 8px
}
#subNews_left {
	width: 50%;
	float: left;
}
#subNews_left h2 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #033;
	text-align: center;
	font-size: 1.2em;
}
/* Get space around images in news items */
#subNews_right img {
	margin: 5px 8px 5px 8px
}
#subNews_right {
	width: 50%;
	float: left;
}
#subNews_right h2 {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #033;
	text-align: center;
	font-size: 1.2em;
}
/* Get space around images in news items */
#subNews_left img {
	margin: 5px 8px 5px 8px
}
/* Story blocks */

.story {
	border-bottom: solid;
	border-bottom-color: #09C;
	border-bottom-width: 1px;
}
.major {
	width: 94%;
	float: left;
	padding: 3px 3% 3px 3%;
}
.mini {
	background-color: #F4F4F4;
	width: 90%;
	/*float: left;*/
	padding-top: 3px;
	padding-left: 3%;
	padding-bottom: 3px;
	padding-right: 3%;
	margin: 5px 1% 5px 1%;
}

/* 
   Sidebar toggle
   ==============
*/
#container-toggle {
	width:100%;
}


/* 
   Side Menu System
   ================
*/
  
#sidebar-iann {
	position: relative;
	width: 210px;  /*width of menu*/
    margin-right: -230px;
	float: right;
	padding: 10px 10px 10px 5px;
	line-height: 24px;
	color: #988982;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
}
.menublock {
	display: block;
	/*padding:2px; */
	margin-bottom: 2px;
	border-top: #948B82 solid 1px;
	border-left: #948B82 solid 1px;
	border-right: #948B82 solid 1px;
	border-bottom: #948B82 solid 1px;
	background-color: #E4CAFF;
	color: #988982;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
}
.menublock a.menuitem {
	display: block;
	color: #988982;
	text-decoration: none;
	position: static; /*To help in the anchoring of the ".statusicon" icon image*/
	font-family: "font-family: Verdana", Tahoma, Arial, sans-serif;
	padding: 2px 2px 2px 5px;
}
/* Add the following to be able to click on whole block, not just link text??? */
.menublock a.menuitem:link, .menublock a.menuitem:visited {
	color: #988982;
	display: block;
	background-color: #E4CAFF;
	padding: 2px 2px 2px 5px;
}
/* Fill when hover over menu */
.menublock a.menuitem:hover {
	display: block;
	background-color: #D3A8FF;
	color: #FFFFFF;
	padding: 2px 2px 2px 5px;
}
/*
#sidebar-iann a.menuitem:visited, #sidebar-iann .menuitem:active{
color: white;
}
*/

#sidebar-iann a.menuitem:active {
	color: white;
}
/*.subheader{
width:170;
}*/

/*CSS for icon image that gets dynamically added to headers*/
.menublock a.menuitem .statusicon {
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}
/*CSS for icon image that gets dynamically added to headers*/
/*.subheader .statusicon{
position: absolute;
top: 5px;
right: 5px;
border: none;
}*/


#sidebar-iann a.menuitem:hover {
/*background-image: url(glossyback2.gif);*/
}
#sidebar-iann div.menublock { /*DIV that contains each menu block*/
	/*
background: white;
*/
	background-color: #E4CAFF;
}
/*
#sidebar-iann div.subheader{ 
width:170;
	background-color:#E4CAFF;
}
*/

#sidebar-iann div.submenu { /*DIV that contains each sub menu*/
	/*
background: white;
*/
	background-color: #E4CAFF;
}
#sidebar-iann div.submenu ul { /*UL of each sub menu*/
	/*
list-style-type: none;
margin: 0;
padding: 0;
*/
	margin: 3px 0 3px 15px;
	font-size: 14px;
	font-weight: normal;
	border-width: 0;
	list-style-type: none;
	background-color: #E4CAFF;
}
#sidebar-iann div.submenu ul li {
	/*
border-bottom: 1px solid blue;
*/
	color: #988982;
	margin-bottom: 0;
	border-width: 0;
}
#sidebar-iann div.submenu ul li a {
	font-weight: normal;
	color: #988982;
}
#sidebar-iann div.submenu ul li a:hover {
	/*background-color: #DFDCCB;
color: white;*/
	text-decoration: underline;
}
#sidebar-iann div.submenu a:active {
	color: white;
}

/* 
   Flexible grid
   =============
*/

.iagrid {
  width:100%;
}
.iagrid > div {
  border: 2px solid #6b2b8f;
  border-radius: 5px;
  background-color: #eacafc;
  padding: 1em;
  color: #d9480f;
  margin:15px;
}
.iagrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}


/* 
   Footer 
   ======
*/

#footer {
	clear: both;
	width: 100%;
	padding: 5px 0;
	margin: 0 1px;
	font-size: 14px;
	color: #FFF;
	background-color: #380B61;
}
#footer p {
	padding: 0;
	margin: 0;
	text-align: center;
}
#footer h4 {
	padding: 0;
	margin: 0;
	font-size: 14px;
	text-align: center;
}
#footer a {
	color: #FFF;
	background-color: inherit;
	font-weight: bold;
}
#footer a:hover {
	color: #ffffff;
	background-color: inherit;
	text-decoration: underline;
}

.splitcontentleft {
	float: left;
	width: 48%;
}
.splitcontentright {
	float: right;
	width: 48%;
}
.clear {
	clear: both;
}
.small {
	font-size: 0.8em;
}
.hide {
	display: none;
}
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}
.important {
	color: #f02025;
	background-color: inherit;
	font-weight: bold;
}
.box {
	display: block;
	margin: 0 0 20px 0;
	padding: 5px;
	border: 1px solid #c0c0c0;
	background-color: #CC99FF;
	color: #505050;
	line-height: 1.5em;
}
/* Responsive
   ========== */



.col {
	width: 100%;
}
.row:before, .row:after {
	content: "";
	display: table;
}
.row:after {
	clear: both;
}



  #sidebar-iann {
    display: block;
  }
  #content-iann {
    margin-left: 240px;
  }
  #container-toggle {display:none;}
  


@media screen and (max-width: 768px) {
  #sidebar-iann {
    display: none;
  }
  #content-iann {
    margin-left: 0px;
  }
  #container-toggle {display:block;}
}

/*@media screen and (min-width: 769px) {
  #sidebar-iann {width:210px;height:100%}
  #content-wrapper {margin-left:240px;}
  .toggleside {display:none;}
}

@media screen and (max-width: 768px) {
  #sidebar-iann {width:0px;height:100%}
  #content-wrapper {margin-left:0px;}
}
*/


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
	height: 0;
	overflow: hidden;
  max-width:800px;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
video {
  width: 90%;
  height: auto;
}



.container-iframe {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 68%; /* Slideshow Aspect Ratio */
  /*padding-bottom: 56.25%;  16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}