body {
	font: 12px arial, helvetica, sans-serif;
	background-color: white;
	margin: 0px auto;
	text-align: center;
	/* the following style adds a scrollbar to firefox when too short to scroll normally, which keeps the page width consistant */
	overflow: -moz-scrollbars-vertical;

}

h1 {
	font: 180% Arial Narrow, helvetica, sans-serif;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	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/contentBg3.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;
}

.contentContainer table {
	background-color: #F5F5F5;
	border: 1px solid #E1E1E1;
	width: 440px;
}

.contentContainer th {
	background-color: #CB3235;
	color: white;
	vertical-align: middle;
	border: 1px solid white;
	font-weight: bold;
	font-size: 12px;
	padding: 3px;
	text-align: center;
}

.contentContainer td {
	background-color: #F9F9F9;
	padding: 5px;
	border: 1px solid #E1E1E1;
	font-size: 10px;
}

.contentContainer td p {

	font-size: 10px;
}



.leftColumn  {
	width: 226px;
	min-height: 600px;
	float: left;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/leftColHeader3.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: 3px 10px 10px 10px;
	text-align: left;
}

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

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

.leftColumnText span a{
	color: #f98803;
	text-decoration: none;
}

.leftColumnText span a:hover {
	color: #029cf1;
	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;

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

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

}

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

}

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

}

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

}

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

}

.midColumnTop27 {
	width: 743px;
	height: 338px;
	float: left;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/columnTopBg27.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;

}

.boxTopBlue {

	background-image: url(../images/boxTopBlue.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 66px;

}



.boxDivMid {

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

}

.boxDivBottom {

	background-image: url(../images/boxBottomb.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 20px;

}

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

}

.boxDivHeaderText {
	padding: 25px 25px 5px 25px;
	width: 250px;
	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;
   
 

}

.menuListBar  {
	background-image: url(../images/menuLineBg3.gif);
	background-position: bottom; 
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.menuList {
    background-image: url(../images/menuLineBg3.gif);
	background-position: bottom; 
	background-repeat: no-repeat;
    height: 28px;
    padding: 4px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
	color: #bea644;

}


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

}

.menuList a:hover {
    color: black;

}


.menuList2 {
    height: 28px;
    padding: 4px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
	vertical-align: top;
	color: #bea644;
	

}


.menuList2 a {
    list-style: none;
    text-decoration: none;
    color: white;
    

}

.menuList2 a:hover {
    color: black;

}

.menuBar {
    background-image: url(../images/menuBarBgb.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-rollover3.gif);
	background-repeat: no-repeat;
}

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

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

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

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

.menuBar6  {
	height: 42px;
	width: 743px;
	background-image: url(../images/menu-rollover450b.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/footerBg3.gif');
	background-repeat: no-repeat;
	
}

.footerAddress {
	
	width: 226px;
	margin: 0px 0px 0px 17px;
	padding: 0px;
	color: #bfa744;
	font-size: 115%;
	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;

}

.textGreen {
    color: green;

}

.textWhite {
    color: white;

}

.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;

}

.textSmall  {
	font-size: 80%;
}

.download24 {
	background-image:url(../images/play_24.gif);
	background-repeat: no-repeat;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

.download24 a{

	vertical-align: middle;
	padding: 5px 0px 0px 30px;
	display: block;

}

.download24 a:hover{

	color: blue;

}



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