body {
	font: 12px arial, helvetica, sans-serif;
	background-color: white;
	margin: 0px auto;
	text-align: center;
}

h1 {
	font: 180% Arial Narrow, helvetica, sans-serif;
	font-weight: bold;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 2px 0px;
}

h2 {
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	color: black;
}

h3 {
	font-size: 140%;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	color: #bfa744;
}

h4 {
	margin: 0px;
	padding: 5px 0px;
}

hr {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 2px 0px;
	border: none;
	height: 1px;
	border-top: 1px solid #999999;
	border-bottom: none;
}

li  {
	padding: 2px 0px 2px 0px;


}
  
/*********** containers ***********/  


.siteContainer {
	width: 1003px;
	margin: 0px auto;
	text-align: left;
	background-image: url(../images/contentBg.gif);
	background-repeat: repeat-y;
	
	
}

/************ Header *****************/

.header  {
    width: 1003px;
    height: 20px;
	background-image: url(../images/headerBg.gif);
	background-repeat: no-repeat;

}

/*********** End of Header ***********/

/************ Body ***************/

.contentContainer  {
	width: 969px;
	min-height: 400px;
	padding: 0px;
	margin: 0px 17px 0px 17px;
	
}

/* This makes IE take note of the height, as it ignores min-height in the css above. Firefox uses the min height, but not this*/
*html .contentContainer{
	height: 400px;
}

.leftColumn  {
	width: 226px;
	min-height: 600px;
	float: left;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/leftColHeader2.jpg);
	background-repeat: no-repeat;

}

/* This makes IE take note of the height, as it ignores min-height in the css above. Firefox uses the min height, but not this*/
*html .leftColumn{
	height: 600px;
}

.leftColumnText {
	font-size: 90%;
	padding: 2px 10px 8px 10px;
	text-align: center;
}

.leftColumnText a{
	color: white;
	text-decoration: none;
}

.leftColumnText a:hover {
	color: #dec24d;
	text-decoration: none;
}


.iq-business  {

   padding: 140px 0px 0px 0px;
   text-align: center;

}

.midColumn  {
	width: 743px;
	float: left;
	padding: 0px 0px 0px 0px;

}

.midColumnTop  {
	width: 743px;
	height: 338px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/columnTopBg.jpg);
	background-repeat: no-repeat;

}

.midColumnTop2  {
	width: 743px;
	height: 338px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/columnTopBg2.jpg);
	background-repeat: no-repeat;

}

.midColumnTop3  {
	width: 743px;
	height: 338px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/columnTopBg3.jpg);
	background-repeat: no-repeat;

}

.midColumnTop4  {
	width: 743px;
	height: 338px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/columnTopBg4.jpg);
	background-repeat: no-repeat;

}

.midColumnTop5  {
	width: 743px;
	height: 338px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/columnTopBg5.jpg);
	background-repeat: no-repeat;

}

.midColumnTop6  {
	width: 743px;
	height: 338px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/columnTopBg6.jpg);
	background-repeat: no-repeat;

}

.midColumnTop7  {
	width: 743px;
	height: 338px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/columnTopBg7.jpg);
	background-repeat: no-repeat;

}

.midColumnTop8  {
	width: 743px;
	height: 338px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/columnTopBg8.jpg);
	background-repeat: no-repeat;

}

.midColumnTop9  {
	width: 743px;
	height: 338px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/columnTopBg9.jpg);
	background-repeat: no-repeat;

}

.midColumnLeft  {
	width: 470px;
	float: left;
	padding: 0px 0px 0px 0px;


}

.midColumnLeftText  {

	padding: 0px 10px 10px 10px;
	font-size: 110%;

}

.midColumnLeftText a {

	color: #999999;

}

.midColumnLeftText a:hover {

	color: black;

}

.midColumnRight  {
	width: 273px;
	float: left;
	padding: 0px 0px 0px 0px;


}

.midColumnRightText  {

	padding: 25px 10px 10px 10px;

}

.midColumnRightText a {

	color: black;

}

.midColumnRightText a:hover {

	color: black;

}

.midColumnRightText2  {

	padding: 0px 10px 10px 10px;

}

.midColumnRightText2 a {

	color: black;

}

.midColumnRightText2 a:hover {

	color: black;

}


.midColumnRightHeaderText  {

	color:white;
	font-weight: bold;
	font-size: 120%;
	

}


.boxDivTop {

	background-image: url(../images/boxTop.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 66px;
	padding: 0px;
	margin: 0px;

}

.boxDivMid {

	background-image: url(../images/boxMid.gif);
	background-repeat: repeat-y;
	width: 250px;
	padding: 0px;
	margin: 0px;

}

.boxDivBottom {

	background-image: url(../images/boxBottom.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 20px;
	padding: 0px;
	margin: 0px;

}

.boxDivText {
	padding: 15px 25px 5px 25px;
	font-weight: bold;

}

.boxDivHeaderText {
	padding: 25px 25px 5px 25px;
	font-weight: bold;
	color: white;
	font-size: 120%;
	

}


.menu {

    width: 100%;
    color: white;
    font-size: 130%;
    padding: 0px 0px 0px 0px;
    margin: 50px 0px 0px 0px;
   
 

}


.menuList {
    background-image: url(../images/menuLineBg.gif);
    height: 28px;
    padding: 4px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
	color: black;

}


.menuList a {
    list-style: none;
    text-decoration: none;
    color: black;
    

}

.menuList a:hover {
    color: black;

}

.menuBar {
    background-image: url(../images/menuBarBg.gif);
    background-repeat: repeat-x;
    height: 42px;
    width: 100%;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    font-size:120%;

}

.menuBar1  {
	height: 42px;
	width: 743px;
	background-image: url(../images/menu-rollover1.gif);
	background-repeat: no-repeat;
}

.menuBar2  {
	height: 42px;
	width: 743px;
	background-image: url(../images/menu-rollover90.gif);
	background-repeat: no-repeat;
}

.menuBar3  {
	height: 42px;
	width: 743px;
	background-image: url(../images/menu-rollover180.gif);
	background-repeat: no-repeat;
}

.menuBar4  {
	height: 42px;
	width: 743px;
	background-image: url(../images/menu-rollover270.gif);
	background-repeat: no-repeat;
}

.menuBar5  {
	height: 42px;
	width: 743px;
	background-image: url(../images/menu-rollover360.gif);
	background-repeat: no-repeat;
}

.menuBar99  {
	height: 42px;
	width: 743px;
}

.cssnav	{
	position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	width: 90px;
	height: 42px;
	/*overflow:hidden;/* for ie to hide extra height*/	
}

.cssnav a {
	display: block;
	color: #000000;
	width: 90px;
	height: 42px;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
}

.cssnav a:hover {
	color: #ffffff;
			
			
}

.cssnav img {
	
	width: 90px; 
	height: 42px; 
	border: 0; 
	visibility:hidden
}

* html a:hover {
	visibility:visible
}


.cssnav a:hover img {
	
	visibility:visible
}

.cssnav span {
			position: absolute;
			left: 0px;
			top: 12px;
			text-align: center;
			width: 90px;
			cursor: pointer;
}




/************ End of Body ***************/

/************ Footer ***************/

.footer {
	
	clear: both;
    width: 1003px;
    height: 146px;
	background: url('../images/footerBg2.gif');
	background-repeat: no-repeat;
	
}

.footerAddress {
	
	width: 226px;
	margin: 0px 0px 0px 17px;
	padding: 0px;
	color: white;
	font-size: 130%;
	text-align: center;
	float: left;
}

.footerRegNo {
	float: right;
	margin: 110px 17px 0px 50px;
	padding: 0px;
	color: #999999;
	font-size: 100%;
	vertical-align: bottom;
}


/*********** end of Footer ***************/

/*********** End of Container ***********/

/********* Formatting ************/


.floatLeft   {

	float: left;
}

.floatRight   {

	float: right;
}

.clear  {
	clear:both;

}

.textB {
	font-weight: bold;
}

.textI {
	font-style: italic;
}

.textU {
	text-decoration: underline;
}

.textRed  {
    color: red;

}

.textWhite {
    color: white;

}
.textGreen{
    color: green;

}

.textGold {
    color: #bfa744;

}

.centre  {
	text-align: center;

}

.headerRight  {
	text-align: right;
	padding: 2px 20px 0px 0px;

}
.headerRight a {
	color: #999999;
	text-decoration:: none;

}

.headerRight a:hover {
	color: black;

}



/********* End of Formatting ************/