#body{
background-color:#FFF;
margin: 0px;
height:100%; 
overflow:auto;
} 
 
 #mainwrap{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background-color:#66CCFF;
	padding: 0px;
	}

#contentarea{
	background-color:#66CCFF;
	/*this is the left column*/
	margin:0 auto;
	background: url('images/angle18.gif') repeat-y top right;
}

#contentarea2{
	background-color:#66CCFF;
	/*this is the left column*/
	margin:0 auto;
background-color:#66CCFF;
}

#header
{
width: 100%;
background-color:#FFF;
height:25px;
z-index: 2;
margin-top:-25px;
position:fixed;
}

#column1 
{
	width: 256px;
	padding: 10px;
	margin: 0 auto;
	float: left;
	left: auto;	
}

/*will be applied by all browsers except Internet Explorer 7 and below:*/

html>/**/body #column1 
{
	width: 256px;
	padding: 10px;
	margin: 0 auto;
	float: left;
	left: auto;	
}

#navbar { 
	position: fixed;
	padding: 0px;
	margin:0px;
	width:256px;
	background-color:#FFFF66;
	float:left;
	}

#column2 { 
	float: none;
	margin-left: 285px;
	width: 450px;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#FFF;
}


#column2A { 
	float: none;
	margin-left: 285px;
	width: 680px;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#FFF;
}

#centre{
top: 70px;
padding-top:10px;
background-color:#FFF;
z-index:0;
margin: 0;
}

html>body #centre{
top: 70px;
padding-top:80px;
background-color:#FFF;
z-index:0;
margin: 0;}

 p.hide{
	visibility: hidden; 
	padding: 0;
	margin :0;
 }
 
ul.side {
font-family:Arial, Helvetica, sans-serif;
padding: 10px 0px 10px 0px;
list-style-type: none;
margin: 0;
}

li.side1 
{
text-decoration: none;
border: 1px solid #FFF;
list-style: none;
font-size: 14px;
text-align: left;
padding: 10px 0 10px 15px;
background-color:#FFFF66;
}

li.side2 
{
text-decoration: none;
border: 1px solid #FFF;
list-style: none;
font-size: 14px;
text-align: left;
padding: 10px 0 10px 15px;
background-color:#FFCC66;
}

li.side3 
{
text-decoration: none;
border: 1px solid #FFF;
list-style: none;
font-size: 14px;
text-align: left;
padding: 10px 0 10px 15px;
background-color:#FF9966;
}

li.side4 
{
text-decoration: none;
border: 1px solid #FFF;
list-style: none;
font-size: 14px;
text-align: left;
padding: 10px 0 10px 15px;
background-color:#CC99CC;
}

li.side5 
{
text-decoration: none;
border: 1px solid #FFF;
list-style: none;
font-size: 14px;
text-align: left;
padding: 10px 0 10px 15px;
background-color:#9999FF;
}

li.side6 
{
text-decoration: none;
border: 1px solid #FFF;
list-style: none;
font-size: 14px;
text-align: left;
padding: 10px 0 10px 15px;
background-color:#6699FF;
}

li.side7
{
text-decoration: none;
border: 1px solid #FFF;
list-style: none;
font-size: 14px;
text-align: left;
padding: 10px 0 10px 15px;
background-color:#3C6;
}

li.side8
{
text-decoration: none;
border: 1px solid #FFF;
list-style: none;
font-size: 14px;
text-align: left;
padding: 10px 0 10px 15px;
background-color:#669966;
}

li.side9
{
text-decoration: none;
border: 1px solid #FFF;
list-style: none;
font-size: 14px;
text-align: left;
padding: 10px 0 10px 15px;
background-color:#99CC33;
}

li.side a
{
display:block; 
padding: 10px 10px;
text-decoration:none;	
color:#000066;
}

p.center 
{
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
padding: 15px 0 15px 10px;
color:#FF0033;
text-align: center;
margin: 0;
}

p 
{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
font-weight: normal;
color:#000066;
padding: 7px 25px 7px 25px;
margin: 0;
}

p.external 
{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
font-weight: normal;
color:#000066;
padding: 5px 5px 5px 25px;
margin: 0;
}

p.big
{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 18px;
font-weight: normal;
color:#000066;
padding: 20px 10px 10px 20px;
margin: 0;
}

p.small
{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
font-weight: normal;
color:#000066;
text-align:center;
margin: 0;
}

p.label
{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: oblique;
color:#000066;
margin: 0;
padding: 10px 10px 10px 20px;
}

p.test
{
font-family:Arial, Helvetica, sans-serif;
font-style: oblique;
color:#03C;
font-size: 11px;
line-height: 12px;
}

p.link
{
font-family:Arial, Helvetica, sans-serif;
font-style: oblique;
color:#F00;
font-size: 20px;
padding-left:15px;
}

p.caption-R
{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 14px;
color:#000066;
float: left;
}

p.caption-L
{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 14px;
color:#000066;
float:right;
}

p.sitemap
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:center;
padding-top: 20px;
}

p.sub
{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
font-weight: bold;
text-align: left;
color:#000066;
margin:0;
padding:0px 10px 5px 20px;
float: left;
}

p.flip
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
font-style: normal;
color:#000066;
padding:10px 10px 5px 20px;
margin: 0;
}

p.new
{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
font-weight: bold;
text-align: left;
color:#006633;
}

ul 
{
font-family: Arial, Helvetica, sans-serif;
padding: 5px 0 5px 35px;
list-style-type: disc;
margin: 0;
}

ul.bold 
{
font-family: Arial, Helvetica, sans-serif;
padding: 5px 0 5px 35px;
list-style-type: disc;
margin: 0;
font-weight:bold;
}

ul ul
{
list-style-type: none;
padding: 0 0 0 10px;
margin: 0;
}

li
{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
padding: 0;
margin: 0;
color:#000066;
}


li.head3
{
font-weight:bold;
font-size: 15px;
text-align: left;
padding: 5px;	
}

ul li a {
  display: block;
  padding: 3px 0 3px 0;
  text-decoration: none;
}

li.address
{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
list-style-type: none;
padding: 0px;
}

li.dark {color:#000066; }

li.red {color:#990033;}


 #column-top1 { 
 	z-index: 1;
	position: fixed;
  	text-decoration: none;
	list-style: none;
	font-size: 16px;
	text-align: left;
	padding: 0px 0 10px 0px;
	margin-bottom: 10px;
	width:450px;
	background-color:#FFFF66;
	float:left;
	}
	
#column-bottom1 { 
    height: 65px;
	padding: 0;
	margin-top: 10px;
	width: 100%;
	background-color:#FFFF66;
}

 #column-top2 {
  	z-index: 1;
	position: fixed;
 	text-decoration: none;
	list-style: none;
	font-size: 16px;
	text-align: left;
	padding: 0px 0 10px 0px;
	margin-bottom: 10px;
	width:450px;
	background-color:#FFCC66;
}
	
#column-bottom2 { 
 	height: 65px;
	padding: 0;
	margin-top: 10px;
	width: 100%;
	background-color:#FFCC66;
}

#column-top3 { 
	z-index: 1;
	position: fixed;
   	text-decoration: none;
	list-style: none;
	font-size: 16px;
	text-align: left;
	padding: 0px 0 10px 0px;
	margin-bottom: 10px;
	width:450px;
	background-color:#FF9966;
}
	
#column-bottom3 { 
 	height: 65px;
	padding: 0;
	margin-top: 10px;
	width: 100%;
	clear: both;
	background-color:#FF9966;
	}

#column-top4 { 
  	z-index: 1;
	position: fixed;
	text-decoration: none;
	list-style: none;
	font-size: 16px;
	text-align: left;
	padding: 0px 0 10px 0px;
	margin-bottom: 10px;
	width:450px;
	background-color:#CC99CC;
}
	
#column-bottom4 { 
 	height: 65px;
	padding: 0;
	margin-top: 10px;
	width: 100%;
	background-color:#CC99CC;
}

#column-top5 { 
	z-index: 1;
	position: fixed;
   	text-decoration: none;
	list-style: none;
	font-size: 16px;
	text-align: left;
	padding: 0px 0 10px 0px;
	margin-bottom: 10px;
	width:450px;
	background-color:#9999FF;
}

#column-top5A { 
	z-index: 1;
	position: fixed;
   	text-decoration: none;
	list-style: none;
	font-size: 16px;
	text-align: left;
	padding: 0px 0 10px 0px;
	margin-bottom: 10px;
	width:680px;
	background-color:#9999FF;
}
	
#column-bottom5 { 
 	height: 65px;
	padding: 0;
	margin-top: 10px;
	width: 100%;
	background-color:#9999FF;
}

#column-top6 { 
  	z-index: 1;
	position: fixed;
	text-decoration: none;
	list-style: none;
	font-size: 16px;
	text-align: left;
	padding: 0px 0 10px 0px;
	margin-bottom: 10px;
	width:450px;
	background-color:#6699FF;
}
	
#column-bottom6 { 
 	height: 65px;
	padding: 0;
	margin-top: 10px;
	width: 100%;
	background-color:#6699FF;
}

#column-top7 {
	z-index: 1; 
	position: fixed;
	text-decoration: none;
	list-style: none;
	font-size: 16px;
	text-align: left;
	padding: 0px 0 10px 0px;
	margin-bottom: 10px;
	width:450px;
	background-color:#669966;
}
	
#column-bottom7 
{ 
 	height: 65px;
	padding: 0;
	margin-top: 10px;
	width: 100%;
	background-color:#669966;
}

/*...........this is the right column in infoflip display pages................*/

	
	/*this is the right column in infoflip display pages*/

#column3 {
float: right;
padding:0;
margin: 0 auto; 
background: url('images/angle19.gif') repeat-y top right;
min-width: 256px;
}

#flip
{
margin: 0 auto;
padding-bottom:30px;
min-width: 270px;
float: left;
background-color:#FFF;
}

img.flip
{
padding-left: 25px;
padding-right: 20px;
padding-top: 15px;
padding-bottom: 15px;
margin: 0 auto;
float: left;
}

img.flip2
{
padding-left: 5px;
padding-right:200px;
padding-top: 15px;
padding-bottom: 15px;
margin: 0px;
float: left;
}

dl{
margin: 0;
padding:20px 5px 0 0;

}

dt
{
font-family:Arial, Helvetica, sans-serif;
color:#000066;
font-size:14px;
line-height: 14px;
text-align: left;
padding-left: 20px;
margin: 0px;
float: none;
}

dd
{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
text-align: left;
color:#660000;
margin:0;
padding-left: 20px;
float:none;
}

#mytable{
	padding: 10px 10px 10px 35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000066;
font-size:14px;
font-weight: normal;
line-height: 14px;	
}

td{
padding: 2px 8px 2px 8px;
font-family:Arial, Helvetica, sans-serif;
color:#000066;
font-size:14px;
font-weight: normal;
line-height: 14px;	
}

th{
padding: 5px;
font-family:Arial, Helvetica, sans-serif;
color:#000066;
font-size:14px;
font-style:bold;
line-height: 14px;
}


#test
{
font-family:Arial, Helvetica, sans-serif;
font-style:oblique;
font-size: 11px;
color:#039;
margin-top: 8px;
background-color:#FFF;
border: 2px solid #3399FF;
padding:0 5px 10px 0;
}



h2.test
{
font-family:Arial, Helvetica, sans-serif;
color:#000066;
font-weight: bold;
font-size: 15px;
text-align: left;
padding:  0px;
margin: 0px;
text-decoration: none;
}
	
a:link  {color: #000066; text-decoration: none;}
a:visited  {color: #000066; text-decoration: none;}
a:hover  {color: #0033FF; text-decoration: none;}
a:active {color:#66CCFF; text-decoration: none;}

a.external:link {color:#660099;text-decoration: underline;}
a.external:visited, hover, active {color:#660099;text-decoration: underline;}


#form
{
width: 90%;
padding-left: 15px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}

#address
{
padding: 20px 0 0 0;
margin: 0;
float: left;
}


.note
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-style: normal;
color:#009900;
padding: 0 10px 0 15px;
}

h1
{
font-family:Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
padding: 20px 0 10px 20px;
text-align: left;
margin: 0;
color:#000066;
}

h2
{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
padding: 10px 0 0 20px;
margin: 0px;
text-decoration: none;
color:#990033;
}

h3
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
text-align: left;
padding: 10px 0 0 20px;
margin:0px;
text-decoration:none;
list-style-type: disc;
color:#660033;
}


h4
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight: bold;
text-align: left;
padding: 10px 0 0 20px;
margin:0px;
color:#000066;
}

h5
{
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
padding: 10px 0 0 20px;
text-align: left;
margin: 0;
color:#990033;
}

h6
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
text-align: center;
padding: 15px 0 0 0px;
margin: 0px;
color:#3333FF;
}

h7
{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
font-weight: normal;
padding: 5px;
color:#990033;
text-align: left;
}

strong 
{
color:#CC3366;
}

h3.caption
{
font-family:Arial, Helvetica, sans-serif;
color:#000066;
font-size:16px;
font-weight: bold;
text-align: left;
padding: 10px ;
margin: 0px;
}

h4.caption
{
font-family:Arial, Helvetica, sans-serif;
color:#0000CC;
font-size:14px;
font-weight: bold;
text-align: left;
padding: 5px 25px 10px 10px;
margin:0px;
}

blockquote
{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 18px;
color: #008B00;
margin-left: 1%;
padding: 0 0 0 20px;
}

#imgbox
{
padding: 15px 10px 15px 10px;
margin: 0;
width: auto;
border: hidden;
}

#box
{
padding: 10px 10px 10px 20px;
margin: 0;
width: auto;
float: left;
}

#imgbox-L{
width: 45%;
padding: 5px 5px 5px 5px;
float: left;
}

#imgbox-R{
width: 45%;
padding: 5px 5px 5px 5px;
float: right;
}

#spacer-box{
width:200px;
height: 50px;
float: left;
}

#spacer{ 
width: 200px;
height: 30px;
clear:both;
margin: 0;
}

img.center
{
padding-top: 15px;
padding-right: 1em;
padding-bottom: 15px;
padding-left:0px;
margin: 0px;
}

img.icon
{
padding-top:5px;
padding-right: 1em;
padding-bottom:5px;
padding-left: 20px;
margin: 0px;
}

html>body #img.icon
{
padding-top:10px;
padding-right: 1em;
padding-bottom:0px;
padding-left: 20px;
margin: 0px;
float: left;
}

img
{
padding-left: 5px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 5px;
margin: 0px;
border:hidden;
}

img.right
{
padding:10px;
margin: 0px;
float: right;
}

img.left
{
padding: 10px;
margin: 0px;
float: left;
}

.text_line
{
clear:both;
}

img.nopad
{
padding: 0 0 0 0px;
margin: 0;
}

img.logo
{
padding:0 ;
margin: 0 auto;
}

img.email
{
padding: 20px 0px 10px 70px;
margin: 0 auto;
}


#footer { 
font-size: 12px;
height: 20px;
width: 100%;
clear: both;
padding: 0 0 5px 0; 
background-color: #FFF;
z-index:2;

}

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
	

/* CSS for popup rollover images and text */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{/*CSS for rollover text*/
display: block;
position: relative;
z-index: 0;
font-size: 14px;
line-height: 15px;
width: 100%;
color: #000066;
}

.thumbnail:hover{
display: block;
background-color: #FFF;
z-index:0;
color:#FFCC66;
}

.thumbnail:active  {color:#000066; text-decoration: none;}


.thumbnail span{ /*CSS for enlarged image for IE*/
position: absolute;
background-color: #FFF;
padding: 5px 5px 15px 5px;
left: 200px;
top: -160px;
border: 1px solid blue;
visibility: hidden;
text-decoration: none;
z-index:2;
}

html>body .thumbnail span{ /*CSS for enlarged image for all other browsers than IE*/
position: fixed;
background-color: #FFF;
padding: 5px 5px 15px 5px;
left: 200px;
top: -160px;
border: 1px solid blue;
visibility: hidden;
text-decoration: none;
z-index:1;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 5px 5px 15px 5px;
z-index:1;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover for IE*/

left: 85%;
visibility: visible;
background-color:#FFFFCC;
top: -160px;
font-size: 12px;
line-height:14px;
color:#000066; 
padding: 10px;
margin: 0;
width: 210px;
z-index:1;
}

html>body .thumbnail:hover span{ /*CSS for enlarged image on hover for other than IE*/
left: 72%;
visibility: visible;
background-color:#FFFFCC;
top: 10px;
font-size: 12px;
line-height:14px;
color:#000066; 
padding: 10px;
margin: 0;
width: 210px;
z-index:1;
}
 /*position where enlarged image should offset horizontally */
 
 /*----------------------------------------------------------------------------*/
#newsite
{
width: 100%;
margin-top: 5px;
background-color:#66CCFF;
padding: 5px;
}


/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger {
	/*float: left;
	/*clear: both; /* if you float right then clear right */
	padding: 10px; /* space between thumbs. Don't change this to margin */
	 /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	margin-bottom: 8px; /* pushes the text down from the image */
	padding: 15px;
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color:#FF6; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color:#006;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 18px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: -300px; /* means the pop-up's top is 50px away from thumb's top */
	left: 120px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 75px; /* enter desired thumb width here */
	height : auto;
}
/* smart image enlarger ends here */

-->