/*first line repeated due to bug resulting in first line being ignored - cause unknown!*/
a:link {color: rgb(0,0,255);
 font-size: 8pt;
 text-decoration: none;
 font-family: Verdana, Arial, Helvetica;
 }
a:link {color: rgb(0,0,255);
 font-size: 8pt;
 text-decoration: none; 
 font-family: Verdana, Arial, Helvetica;
 }
a:visited{color: rgb(0,0,255);
    font-size: 8pt;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica;
    } 
a:active {color: rgb(0,0,255);
    font-size: 8pt;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica;
    }
a:hover {color: rgb(51,0,102);
    text-decoration: none; font-family: Verdana, Arial, Helvetica;
    }
.buttonStandard {
	color: rgb(0,0,0);
	font-size: 13px;
}
	.buttonLink {
	    color: rgb(0,0,0);
		background-color: rgb(51,204,0);
	    font-size: 10px;text-decoration: none;font-family: Technical, arial, Times New Roman;
	    }
	.buttonLink:link {
	    color: rgb(0,0,0);
		background-color: rgb(51,204,0);
	    font-size: 10px;text-decoration: none;font-family: Technical, arial, Times New Roman;}
	.buttonLink:visited {color: rgb(0,0,0);
		font-size: 10px;text-decoration: none;font-family: Technical, arial, Times New Roman;}
	.buttonLink:active {color: rgb(51,0,102);
		font-size: 10px;text-decoration: none;font-family: Technical, arial, Times New Roman;}
	.buttonLink:hover {color: rgb(51,0,102);
		font-size: 10px;text-decoration: none;font-family: Technical, arial, Times New Roman;}
	
    .inputsub1 
    	{
    		color: rgb(0,0,0);
    		background-color: rgb(51,204,0); 
    		font-size: 10pt;
    	}

.inputsub2
{
	background-color: rgb(0,0,0); 
	color: rgb(51,204,0);
	font-size: 10pt;
}

html {height:100%; width:100%;}

body
{
    height:98%;
    margin:0;
    padding:0;
    overflow-y:hidden;
	font-family: Verdana, Arial, Helvetica;
	background-color: rgb(255,255,255);
	color: rgb(0,0,0);
	font-size: 8pt;

	scrollbar-arrow-color:  rgb(0,0,0);
	scrollbar-3dlight-color: rgb(220,220,220);
	scrollbar-darkshadow-color: rgb(100,100,100);
	scrollbar-face-color: rgb(200,200,200);
	scrollbar-highlight-color: rgb(230,230,230);
	scrollbar-shadow-color: rgb(170,170,170);
	scrollbar-track-color: rgb(150,150,150);

}
#bg {position:fixed; top:0; left:0; width:100%; height:100%;}
/* places the content ontop of the background image */
#content {
    position:relative; z-index:1;
    overflow: auto;
    padding:0;
    }
    html {overflow-y:hidden;}
    body {overflow-y:auto;}
    #bg {position:absolute; z-index:-1;}
    #content {position:static;}

body#banner
{

}
img#bgStretch {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}

.smalltext
{
	font-size:2pt;
}
.largetext
{
    font-weight:bold;
	font-size:13pt;
}
table
{
	font-size: 8pt;
}
tr.nowrap td, tr.nowrap th {white-space: nowrap;}
td.nowrap {white-space: nowrap;}
thead {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}
.tab1
{
	font-size: 8pt;
	background-color: rgb(51,180,0); 
	color: rgb(0,0,0);
}
.tab2
{
	font-size: 8pt;
	background-color: rgb(230,230,230); 
	color: rgb(0,0,0);
}

table.document {
     margin-left: auto;
     margin-right: auto;
	border-style:none;
	background-color: rgb(204,255,204);
	font-size: 8pt;
}
table.buttons {
     margin-left: auto;
     margin-right: auto;
	border-style:none;
}
table.document thead {
	background-color: rgb(51,180,0);
	color: rgb(255,255,255);
}
table.document th {
	background-color: rgb(51,180,0);
	color: rgb(255,255,255);
	font-family: Technical, arial, Times New Romanpt;
	font-size: 10pt;
    font-weight: bold;
}
table.document td {
	background-color: rgb(230,230,230);
	color: rgb(0,0,0);
}
table.documentSMALL {
	border-style:none;	
	background-color: rgb(204,255,204);
	font-size: 5pt;
}
table.documentSMALL thead {
	background-color: rgb(51,180,0);
	color: rgb(255,255,255);
	font-size: 5pt;
}
table.documentSMALL th {
	background-color: rgb(51,180,0);
	color: rgb(0,0,0);
	font-size:5pt;
    font-weight: bold;
}
table.documentSMALL td {
	background-color: rgb(230,230,230);
	color: rgb(0,0,0);
	font-size:5pt;
}
td {
	color: rgb(0,0,0);
	font-size: 8pt;
}
th {
	color: rgb(255,255,255);
	font-size: 10pt;
	font-family: Technical, arial, Times New Romanpt;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Technical, arial, Times New Roman;
}

h1	{color: rgb(0,0,0); font-size: 16pt;}
h2	{color: rgb(0,0,0); font-size: 13pt;}
h3	{color: rgb(0,0,0); font-size: 10pt;}
h4	{color: rgb(0,0,0); font-size: 8pt;}
h5	{color: rgb(0,0,0); font-size: 5pt;}
h6	{color: rgb(0,0,0); font-size: 2pt;}
    @page{
        margin: 3cm;}
        
.printerPageBreak {
    page-break-before: always;
    text-align:right;
}
hr.pageBreak {
page-break-after: always;
border: 0;
color: white;
background-color: white;
height: 1px;
}
p.pagebreak{
    page-break-after:always}
.warn 
{
color: rgb(0,0,0);background-color: rgb(255,0,0);font-family: Technical, arial, Times New Roman;font-size: 10pt;}

.rotate90 
        {
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            writing-mode: tb-rl;
        }

.banner {color: rgb(0,0,0); font-size: 13pt; font-family: Verdana, Arial, Helvetica;}
.header1 { color: rgb(0,0,0); font-size: 16pt; font-family: Verdana, Arial, Helvetica;}
.header2 { color: rgb(0,0,0); font-size: 10pt; font-family: Verdana, Arial, Helvetica;}


.text_boxes_and_areas
{
	background-color: rgb(255,255,255); color: rgb(0,0,0);
	font-family: Verdana, Arial, Helvetica;
	font-size: 8pt;
}

.inputselect
{
	background-color: rgb(255, 255, 255); color: rgb(0,0,0);
	font-size: 8pt;
}

ul.navList {list-style-type:disc;}
li.noPoint {list-style-type:none; margin-left:-1em;}
li.noPointHead {list-style-type:none; margin-left:-2em; }
li.noMargin {list-style-type:disc; margin-left:-1em;}
li.navListHead {font-weight:bold; margin-left:-1em; list-style-type:square;}
li.expandNavListHead {font-weight:bold; margin-left:-1.5em; list-style-type:none;}
.selectInList {
	position:relative;
	left:-40px;
	}
/*Work around style for color picker style editor test page
# StyleEditor styles:
*/

 .headsColour{
            color: rgb(0,0,0);
            font-family: Technical, arial, Times New Roman;
            background-color: rgb(255,255,255);
            }
 .textColour{
            color: rgb(0,0,0);
            font-family: Technical, arial, Times New Roman;
            background-color: rgb(230,230,230);
            }
 .link{
            color: rgb(0,0,255);
            font-family: Technical, arial, Times New Roman;
            background-color: rgb(255,255,255);
            }
 .linkHover{
            color: rgb(51,0,102);
            font-family: Technical, arial, Times New Roman;
            background-color: rgb(255,255,255);
            }
 .tableHT{
            color: rgb(255,255,255);
            font-family: Technical, arial, Times New Roman;
            background-color: rgb(51,180,0);
            }
 .warnText{
            color: rgb(0,0,0);
            font-family: Technical, arial, Times New Roman;
            background-color: rgb(255,0,0);
            }
 .buttonColour{
            color: rgb(0,0,0);
            font-family: Technical, arial, Times New Roman;font-size: 11px;
            background-color: rgb(51,204,0);
            }
 .bgcolor{
            background-color: rgb(255,255,255);
            }
 .tableH{
            background-color: rgb(51,180,0);
            }
 .tableD{
            background-color: rgb(230,230,230);
            }
 .tableBG{
            background-color: rgb(204,255,204);
            }
 .warningBG{
            background-color: rgb(255,0,0);
            }
 .buttonBG{
            background-color: rgb(51,204,0);
            }
.singleimage {
float:right;
clear:none;
}
.rightimage {float:right;}
.leftimage {float:left;}
.selectedImage 
{
border-style: solid;
border-width: thick;
border-color: rgb(0,0,255);
}

div.pageContainer {
     position: relative; /* container positioning */
     margin:0;
    padding:0;
     width:98%;
     text-align:center;
}
.hand {cursor:pointer;padding:2}
.demo {
      background-color: red;
  }

  .radius1 {
      border-radius: 40px 70px 20px 50px;
      -moz-border-radius: 40px 70px 20px 50px;
      -webkit-border-top-left-radius:40px;
      -webkit-border-top-right-radius:70px;
      -webkit-border-bottom-right-radius: 20px;
      -webkit-border-bottom-left-radius: 50px;
  }
.rightMenu {
	background-color: #33b400;
          border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-top-left-radius:10px;
      -webkit-border-top-right-radius:10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
    width: 15%;
	padding: 5px;
	margin: 10px;
	float: right;
	z-index:1;
    }
.leftMenu {
	background-color: #33b400;
          border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-top-left-radius:10px;
      -webkit-border-top-right-radius:10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
    overflow:hidden;
    width: 15%;
	padding: 5px;
	margin: 10px;
	float: left;
	z-index:1;
    
	 background-image: url('/clientFiles/our-info_hs_our-info/siteImages/highlight.gif');
	 background-repeat: no-repeat; }
.bodyContent {
	background-color:  #ccffcc;
    
	 background-image: url('/clientFiles/our-info_hs_our-info/siteImages/ ');
	 background-repeat: repeat;	z-index:1;
	overflow:hidden;
	padding:5px;
     position: relative; /* container positioning */
     margin-top: 10px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom:0.5cm;
     width:auto;
     text-align:center;
      border-radius: 20px;
      -moz-border-radius: 20px;
      -webkit-border-top-left-radius:20px;
      -webkit-border-top-right-radius:20px;
      -webkit-border-bottom-right-radius: 20px;
      -webkit-border-bottom-left-radius: 20px;
	}
.floatLeft {
	background-color: #33b400;
          border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-top-left-radius:10px;
      -webkit-border-top-right-radius:10px;
      -webkit-border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
	width:auto;
	float: left;
	margin: 5px;
	padding: 5px;
	z-index:1;
}
.footerMenu {
	background-color:  #33b400;
    /*border: solid 5px rgb(51,180,0);*/
	clear: both;
	position: relative;
     margin-left: auto;
     margin-right: auto;
     margin-bottom:0.5cm;
     margin-top:5px;
     width:80%;
     text-align:center;
	width:80%;
	overflow:hidden;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius:10px;
	z-index:1;
	}
.rounded{
      border-radius: 20px;
      -moz-border-radius: 20px;
      -webkit-border-top-left-radius:20px;
      -webkit-border-top-right-radius:20px;
      -webkit-border-bottom-right-radius: 20px;
      -webkit-border-bottom-left-radius: 20px;
}    
.docDiv {
	clear: both;
	background-color: rgb(230,230,230);
	position: relative;
	margin-top:1pt;
	width:100%;
	overflow:auto;
	margin:0.0cm;
	}
.onTop {
	position: relative;
	margin-top:10pt;
	z-index:100;
	overflow:auto;
	margin:0.5cm;
	}

div#styleEdContainer{width:450px;margin: 0 auto;padding:10px 0;text-align:left}
div#styleEdContent{float:left;width:300px;padding:10px 0;background: #BAFB80}
div#styleEdNav{float:right;width:145px;padding:10px 0;background:#DBCAEE }
p {text-align:left}