body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #F0F0F0; /*Background colour behind site*/
	/*background-image: url(../images/Gradient3.gif);
	background-repeat:repeat-x;*/ /*This is the image behind the site*/
	margin-top: 5px; /*This specifies the gap at the top of the site*/
	margin-right: auto;
	margin-left: auto; 
	padding-top: 0px;
	width: 980px;  /*Site width */
	text-align:justify;
	border: 1px solid #006699;
 }
 

 
 /*This is the main content table */
#mainTable {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	width: 980px;
	
	
	/*/*/line-height: 1.5em; /* */
 }
 
 
 /*This is the main content cell */
  #mainTable td {
 	padding: 20px; /*Pads each table cell in modern browsers*/
	vertical-align: top;
	width: 810px;
	background-color:#FFFFFF;
 }
 
#maincontent {
 	/*border-left: 1px solid #006699;*/
	border-right: 1px solid #006699;
	background-color: #FFFFFF;
	font-size: 10px;
	font-size: 100%; 
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	vertical-align: top;
 }
 
 
 
  /* Content table for graphics*/
 #contable1 
 {border: 1px solid #006699;
 background-color: #D7E7EF;
 }
 
 
   /* Financial table*/
 #fintable
 {
 background-color: #FFFFFF;
 margin-left: auto;
 margin-right: auto;
 vertical-align: top;
 }
 
 
 
    /* Sitemap*/
 #sitemaptable
 {
 background-color: #FFFFFF;
 margin-left: auto;
 margin-right: auto;
 vertical-align: top;
 border: none;

  }
 
   #sitemaptable td {
  vertical-align:top;
  padding: 10px;
 }
 
 
 
 
/* Two column text table for Features/Benefits*/
 #coltable
 {
 background-color: #FFFFFF;
 margin-left: auto;
 margin-right: auto;
 }
 
  #coltable td {
  vertical-align:top;
  padding: 10px;
 }
 
 
 /* Graphic table*/
 #graphictable
 {
 background-color: #D7E7EF;
 margin-left: auto;
 margin-right: auto;
  }
 
  #graphictable td {
  vertical-align:top;
  padding: 10px;
  text-align:center;  
 }
 
 
 
 
 
 
 
 
 
 
 /*Table Title - Page title*/
 .tabletitle {
	font-size: 120%;
	font-weight: bold;
	color: #006699;
}

 
/* Image link behaviour*/
a img {border: 2px solid #006699} /* This is image border; set to page background color*/
a:hover img {border: 2px solid #000000} /*this is the highlight color*/
a:active img, a:focus img {border: 2px solid #000000}
   
 /* Image link behaviour - no border*/
a img.noborder {border: 0px } /* This is image border; set to page background color*/
a:hover img.noborder {border: 0px} /*this is the highlight color*/
a:active img.noborder, a:focus.none img {border: 0px}
 
 
 /* Link behaviour*/
a.maincontent:link {color: #006699; text-decoration: underline; }
a.maincontent:visited {color: #006699; text-decoration: underline; }
a.maincontent:hover {color: red; text-decoration: underline; }
a.maincontent:active {color: black; } 



/* Bullets */
ul.VIQBullet {
  list-style-image: url('../images/viq_bullet.gif')
}
 
/* Title bar */ 
#tabletitle {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 0px;
	border-bottom: 1px solid #006699;
	/*border-left: 1px solid #006699;*/
	border-right: 1px solid #006699;
	vertical-align:top;
	background-color: #FFFFFF;
	/*border-top: 3px double #006699;*/
 } 

td, p, ul {
 	font-family: Arial, Helvetica, sans-serif;
 }
	 
 
	 
/* Headings	*/ 
h1:first-child {margin-top: 0;}/*starts first h1 in TD flush top*/
h2:first-child {margin-top: 0;}/*starts first h2 in TD flush top*/

h1 { font-size: 160%; color: #006699;}
h2 { font-size: 120%; color: #006699;}
h3 { font-size: 100%; font-weight:bold; color: #006699; margin-bottom: 0px; }

subheading { 
font-size:14px; 
color: #006699;
}

/* Footer link behaviour */
a.linkfooter:link {color: #FFFFFF; text-decoration:none; font-weight:bold; }
a.linkfooter:visited {color: #FFFFFF; text-decoration:none; font-weight:bold; }
a.linkfooter:hover {color: #FFFFFF; text-decoration:none; font-weight:bold; }
a.linkfooter:active {color: #FFFFFF; text-decoration:none; font-weight:bold; } 

/* Right column for links*/
#sidebar {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 0px;
	/*border-right: 1px solid #006699;*/
	text-align:left;
	width:170px;
	background-image:url(../images/gradient2.gif);
	background-color:#FFFFFF;
	vertical-align: top;
 } 
    
	a.sidebar:link {color: #006699; text-decoration: none; }
	a.sidebar:visited {color: #006699; text-decoration: none; }
	a.sidebar:hover {color: #000000; text-decoration: none; font-weight:bold }
	a.sidebar:active {color: #000000; } 
  
	#sidebar ul {
	 	padding-left: 1em;
 		margin-left: 1em;
 		list-style-type: none; 
 	}

	#sidebar li {
 		margin: 0px 0px 6px 0px; 
 	} 


	

/* Link behaviour in top right above menu bar - Contact Us link*/
a.navheader:link {color: #006699; text-decoration: none; font-weight:bold }
a.navheader:visited {color: #006699; text-decoration: none; font-weight:bold }
a.navheader:hover {color: #006699; text-decoration: none; font-weight:bold }
a.navheader:active {color: #006699; text-decoration: none; font-weight:bold} 	
	

/* Link behaviour - Collapsibles */
a.collapsible:link {color: black; font-weight: bold; font-size: 120%; text-decoration: none; border: none;  }
a.collapsible:visited {color: black; font-weight: bold; font-size: 120%; text-decoration: none; border: none;}
a.collapsible:hover {color: #006699; font-weight: bold; font-size: 120%; text-decoration: none; border: none;}
a.collapsible:active {color: black; font-weight: bold; font-size: 120%; text-decoration: none; border: none;} 	

	


/* ######### Styles for Drop Down Menu Bar ######### */

.chromestyle{
/*width: 99%; */
/* font-weight: bold;*/
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
/*content: "."; */
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
/*border-left: 1px solid #006699;*/
width: 100%;
background: url(/images/blue_menu.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
font:bold 12px Arial, Helvetica, sans-serif;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #FFFFFF;
padding: 4px 7px; 
margin: 0;
text-decoration: none;
border-left: 1px solid #5A89B5; /*THEME CHANGE HERE  This is the line between tabs*/
}

.chromestyle ul li a:hover{
/*background: url(/images/chromebg3-over.gif) center center repeat-x; THEME CHANGE HERE*/
background-color: #FFFFFF;
color:#006699
}

.chromestyle ul li a:visited{
color: #006699
text-decoration:none;
}

/*a.sidebar:link {color: black; text-decoration: none; }
	a.sidebar:visited {color: black; text-decoration: none; }
	a.sidebar:hover {color: black; text-decoration: none; font-weight:bold }
	a.sidebar:active {color: black; } */


.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/* content: " v";*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #006699; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: white;
width: 160px;
visibility: hidden;
text-decoration: none;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}




.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px; 
border: 1px solid #006699; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
/*font-weight: bold; */
color:  #0074AA;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #006699;
color:#FFFFFF;
font-weight: bold;
text-decoration: none;
}




