/******** Basic Body ****arial, sans-serif****/
html, body{
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #container {
	height: auto;
}


/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */


/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */


	body {
		background-color: #FFFFFF;
		background: url(images/back3.jpg) top repeat-x;
		}
	
	h1 {
		margin: 0;
		color: #FFFFFF;
		font: 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
		padding-left: 50px;
		padding-top: 50px;
		}
	
	h2.main {
		margin: 0;
		color: #2e7d04;
		font: 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 900;
		
		}
		
	h3.main {
		margin: 0;
		color: #023B5E;
		font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 900;
		}
	h7.main {
		margin: 0;
		margin-left: 30px;
		color: #FFF;
		font: 5em "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 400;
		}	


		
	img {
		border: 0;
		}
		
	.icon {
		border: 0;
		vertical-align: text-bottom;
		}
	
	#container {
		position: absolute;
		top: 0;
		left: 5%;
    	width: 92%;
    	min-height: 100%;
		margin: 0 auto;
		padding: 0px;
		border: 0px dashed;
		height: auto;
		background: #FFF;
		min-width:870px;
		
   	
   	/* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 920 ? "870px" : "92%" );

	
   	}
		
/******** Header ********/		
	#header {
		width: 100%;
		height: 150px;
		background: url(images/logo.jpg) left no-repeat;
		}
		
	#header img {
		float: right;
		}	
		
	
img {
		vertical-align: bottom;
		}
		


/******** Main Content ********/		

	
	#content {
		/*position: absolute;*/
		/*width: auto;*/
		background: #FFFFFF url('images/greengrad.jpg') top left repeat-x;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin: 0px;
		border: 0px;
		/*height: 100%;*/
	
		}
		

	#link {
		text-align: justify;
		font: .75em "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 100%;
		color: #023B5E; 
		}
		

/* Newsletter section. Style2 thru style6 */		
.blankstyle {
	color: #FFF;
	font-style: italic;
	clear: left;
	margin-left: 0px;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 1em;
	width: 100%;
		height: 5px;
		background: #fff;
		}

.style2 {
	color: #005F9C;
	font-style: italic;
	width: 70%;
	margin-left: 20px;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	background: #D7E9C8;
	font-size: 1em;
	/* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 900 ? "70%" : "70%" );
}



.newsheader {
	color: #005F9C;
	font-style: italic;
	
	margin-left: 0px;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 1em;
	width: 100%;
		height: 208px;
		background: url(ieqmatters/images/newsheader.jpg) left no-repeat;
		}
.style4 {
	color: #005F9C;
	font-weight: bold;
	font-size: 16px;
	
	
}
p.style5 {
	color: #005F9C;
	font-size:23px;
	}
	
.style6 {font-size: 22px; font-weight: bold; color: #005F9C; }
a:link {
	color: #0675BA;
}


		
/*Main content section of page.  Everything to the right of the icons down the left side*/		
	.main {
		background: rgba(255,255,255,0);
		position: relative;
		/*width: auto;*/
		top: 0;
		padding-left: 0px;	
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 15px;
		margin: 0px;
		margin-left: 176px;
		border: 0px;
		height: 100%;
		
		}		
		
		
	.main img {
		margin: 0;
		float: left;
		padding-top: 10px;
		margin-bottom: 35px;
		padding-right: 20px;
		border: none;
		/*clear: right;*/
		vertical-align: middle;
		margin-bottom: 20px;
		}

    img.nofloat {
		margin-bottom:10px;
		margin-top: 0px;
		/*float: right;*/
		padding-top: 5px;
		padding-bottom: 15px;
		padding-right: 15px;
		/*vertical-align: middle;*/
		text-align: center;	
		}	
	
	img.rightfloat {
		margin-bottom:10px;
		margin-top: 0px;
		float: right;
		padding-top: 5px;
		padding-bottom: 15px;
		padding-right: 15px;
		/*vertical-align: middle;*/
		text-align: center;	
		}	
	
     img.center {
     	margin-left: auto;
		margin-right: auto;
		margin-bottom:200px;
		padding-top: 15px;
		padding-bottom: 35px;
		padding-right: 15px;
		border: 10px solid blue;
		clear: both;
		vertical-align: middle;
		text-align: center;
		}	
	
	
/*	.main EM {
		line-height: 105%;
		color: #2E7D04;
		margin: 0px 25px; 
		margin-left: 185px;
		}	*/
		
	.main p {
		text-align: left;
		font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 130%;
		color: #023B5E; 
		margin-left: 5px;
		margin-top: 10px;
		}


	.main td {
		text-align: left;
		font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 130%;
		color: #023B5E; 
		margin-left: 5px;
		margin-top: 10px;
		}


	.main h4 {
		text-align: center;
		font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 130%;
		color: #023B5E; 
		/*margin-left: 185px;*/
		}
		
	.main sup {
		font: .5em "Trebuchet MS", Arial, Helvetica, sans-serif;
		}		
	.main ul {
		text-align: left;
		font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 140%;
		color: #023B5E; 
		padding-left: 80px;
		}
	
	.main ol {
		text-align: left;
		font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 140%;
		color: #023B5E; 
		padding-left: 80px;
		list-style-type: upper-alpha;
		}
	
	
	.main form{
		font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height: 125%;
		color: #023B5E; 
		padding: 5px; 
 		}		
		
	.main input{
		font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align: left;
		line-height: 100%;
		color: #023B5E; 
		margin-left: 15px;
		background: #FFFFFF url('images/formback.jpg') top repeat-x;
		border: 1px solid #DEDEDE;
		}	
		
	.main textarea{
		font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align: left;
		line-height: 100%;
		color: #023B5E; 
		margin-left: 15px;
		background: #FFFFFF url('images/textback.jpg') bottom repeat-x;
		border: 1px solid #DEDEDE;
	}		
		
	.main h5 {
		text-align: justify;
		font: 1em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
		line-height: 130%;
		color: #2E7D04; 
		margin-left: 185px;
		}
	h2.blue{
		padding-top:15px;
		margin: 0;
		color: #005F9C;
		font: 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 900;
		/*margin-left: 185px;*/
		}	
	h3.blue{
		padding-top:15px;
		margin: 0;
		color: #005F9C;
		font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 900;
		/*margin-left: 185px;*/
		}	
	h4.blue{
		padding-top:0px;
		text-align: left;
		margin: 0;
		color: #005F9C;
		font: 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 900;
		/*margin-left: 185px;*/
		}

p.footnote{
		text-align: left;
		font: .7em "Trebuchet MS", Arial, Helvetica, sans-serif;
		}


		
	h3.blue2{
		padding-top:15px;
		margin: 0;
		color: #0b75b3;
		font: 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 900;
		} 

	h6{
		margin: 0;
		margin-left: 0px;
		color: #0b75b3;
		font: 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 900;
		} 


		
	h3.subhead{
		padding-top:15px;
		Margin: 0;
		font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: 900;
		color: #2E7D04; 
		/*margin-left: 185px;*/
		}

		
	h3.crumbs{
		padding-top:5px;
		Margin: 0;
		font: .6em "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #0b75b3; 
		margin-left: 25px;
		}



/******** Callout ********/				


.calloutBox {
  background-color: #6db43c;
  color: #000;
  float: right;
  width: 300px;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  }



.calloutBox2 {
  background-color: #6db43c;
  color: #000;
  float: left;
  width: 300px;
  margin-left: 5px;
  margin-right: 15px;  
  margin-top: 10px;
  margin-bottom: 10px;
  }


.portrait {
  border-bottom: 10px solid #FFF;
  border-left: none;
  border-right: none;
  border-top: 10px solid #FFF;
  margin: 0 30px;
}

.calloutBox h4 {
  margin: 0 -20px;
  padding: 1em;
  background-color: #FFFFFF;
  text-align: center;
  color: #0b75b3;
  font: 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: 900;
}

.calloutBox p {
  margin: 0 -20px;
  padding: 1em;
  background-color: #FFF;
  color: #2E7D04;
  text-align: center;
  font: .9em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
.calloutBox2 h4 {
  margin: 0 -20px;
  padding: 1em;
  background-color: #FFFFFF;
  text-align: center;
  color: #0b75b3;
  font: 1.0em "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: 900;
}

.calloutBox2 p {
  margin: 0 -20px;
  padding: 1em;
  background-color: #FFF;
  color: #2E7D04;
  text-align: center;
  font: .9em "Trebuchet MS", Arial, Helvetica, sans-serif;
}		
		
		
<!-- The next 3 divs setup the form instead of using a table -->		
div.row {
  clear: both;
  padding-top: 5px;
  line-height: 125%;
  }

div.row span.label {
  padding-top: 7px;
  float: left;
  width: 100px;
  text-align: right;
  line-height: 125%;
  }

div.row span.formw {
   padding-top: 5px;
  line-height: 125%;
  float: right;
  width: 330px;
  text-align: left;
  } 	

.special {
width:5px;
visibility:hidden;
}  
  
  
  
  
<!-- The above 3 divs setup the form instead of using a table -->		
	

		
	.dropcap {
		float: left;
		width: .67em;
		font-size: 3.1em;
		line-height: 95%;
		}
	

	
	
	.comments {
		color: #999999;
		font-size: 75%;
		text-align: right;
		}

.LeftSide {
	float: left;
	/*position:absolute;
	top:0px;
	left:0px;*/
	width:172px;
	margin-top: 0px;
	padding-left:10px;
	padding-right: 10px;
	padding-top: 0px;
	height: 100%;
	/*background-color:transparent;*/
	border:0px  #FFFFFF;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	height: 100%;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}
	
.LeftSide a {
	/*background-color:transparent;*/
	color:#09c;
	font-size:10px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
.LeftSide a:link {color:#0098cc;}
.LeftSide a:visited {color:#0077aa;}
.LeftSide a:hover {/*background-color:#F0F8FF;*/
color:#F2A5EE;}


#video {
border: 3px solid #7b6c9e;
padding: 2px;
}



/******** Footer ********/	
#footer {
	clear: both;
	position: absolute;
	height: 30px;
	bottom: 0;
	margin-top: -30px;
	background: #FFFFFF url('images/footback.jpg') bottom repeat-x;
	width: 100%; /* See note below */
	text-align: center;
	padding: 0 0%;
	font-family: Arial, Helvetica, sans-serif;
}


	#footer p {
		padding: 0px;
		text-align: center;
		font-size: 10px;
		color: #8A8A8A;
		}
		
	#footer p a {
		color: #000000;
		font-weight: 100;
		text-decoration: none;
		border-bottom: 0px dotted #000000;
		}
		
	#footer p a:visited {
		color: #000000;
		font-weight: 100;
		text-decoration: none;
		border-bottom: 0px dotted #000000;
		}
			
	#footer p a:hover {
		color: #000000;
		text-decoration: none;
		border-top: 0px dotted #000000;
		}
		

		
/*========================= Tooltips =========================*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 30px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;

  color: #2E7D04;
  text-align: center;
  font: .9em "Trebuchet MS", Arial, Helvetica, sans-serif;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


/*========================= End Tooltips =========================*/

		
/*========================= TOP OF THE MENU CASCADE =========================*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

.menudiv {
	position:relative;       /*establish a menu-relative positioning context */
	 /* float:left;                                    play nicely with others */
	margin:0;
	padding:0;
	padding-left: 0px;
	border:0;
	height:40px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	background:url(http://www.ingenuityieq.com/images/menu-gray2.jpg) repeat-x;
	border-bottom:2px solid #bebebe;         /* give us a black border underneath */
	z-index: 100;
  	font-weight: 900;
  	font-variant: small-caps;
	border-top:3px solid #6db43c;
	text-align:left;
}

.menu5 {
	text-align:left;
 	font: .9em verdana, Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	font-variant: small-caps;
  	margin:0;
  	padding:0; 
 	list-style-type:none;    
	padding-left: 40px;
	border:0px;
	z-index: 100;
}

.menu5 ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; position:relative; text-align:left;
}
.menu5 li a, .menu5 li a:visited {
display:block; text-decoration:none;  color:#0276c1; float:left; padding-right: 40px; line-height:2.8em; color:#0276c1; text-align:left;
}

.menu5 li a.drop, .menu5 li a.drop:visited {
font-weight:bold;
}
.menu5 li ul {
visibility:hidden; position:absolute; top:0em; left:0; height:0; overflow:hidden;
}
.menu5 table {
margin:-1px; border-collapse:collapse; font-size:.9em; font-weight: bold; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
text-decoration:none; border:0; font-weight:bold;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; height:auto; background:#ccc; border:0px; border-top:0px; left:0; top:2.2em; overflow:visible; z-index: 111;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
display:block; font-weight:normal; background:#bebebe; text-decoration:none; height:auto; line-height:1.8em; padding:0.1em; width:16em;z-index: 115;
}

.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
font-weight:bold;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration:none; font-weight:bold;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:0px; height:auto; background:#fff; width:9.5em;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:-9.8em;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}