body {
	font-family: arial narrow;
	font-size: medium;
	color: navy;
	margin: 0px auto;
	padding: 0px;
	background-repeat: repeat;
	border-collapse: collapse;
	max-width: 1024px;
}


h1 {
	font-family: Tahoma;
	font-size: 20pt;
	text-align: center;
	font-weight: 300;
	color: Navy;
}
h2 {
	font-family: Tahoma;
	font-size: 18pt;
	text-align: center;
	border-collapse: collapse;
	clip: auto;
	border-width: thin thin thin thin;
	margin: 0% 0% 0% 0%;
	font-weight: 300;
}
h3 {
	font-family: Arial Narrow;
	font-size: 16pt;
	text-align: left;
	border-collapse: collapse;
	clip: auto;
	border-width: thin thin thin thin;
	margin: 0% 0% 0% 0%;
	font-weight: bold;
	color: Navy;
}
h4 {
	font-family: "Arial Narrow";
	font-size: 14pt;
	text-align: justify;
	border-collapse: collapse;
	clip: auto;
	border-width: thin thin thin thin;
	margin: 0% 0% 0% 1%;
	font-weight: 300;
	color: Navy;
}
h5 {
	font-family: Arial Narrow;
	font-size: 12pt;
	text-align: left;
	border-collapse: collapse;
	clip: auto;
	border-width: thin thin thin thin;
	margin: 0% 0% 0% 1%;
	font-weight: 300;
	color: Navy;
}
h6 {
	font-family: Arial Narrow;
	font-size: 10pt;
	text-align: left;
	border-collapse: collapse;
	clip: auto;
	border-width: thin thin thin thin;
	margin: 0% 0% 0% 1%;
	font-weight: 300;
	color: Navy;
}

#Header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height: 180px; /* 14px + 17px + 2px = 33px */
	border-style: none;
	border-color: #01A0C7;
	border-width: 0px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
	line-height: 180px;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\";
}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See http://glish.com/css/hacks.asp for details. */
	background: url(images/binegarpc1.jpg);
	voice-family: "\"}\"";
	voice-family:inherit;
/*	height:14px;*/ /* the correct height */
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {
	height: 180px;
}
hr {
	color: teal;
	max-width: 750px;
	height: 3px;
	background-color: teal;
}
#All {
	background-color: #fbf4f4;
	max-width: inherit;
	height: 1500px;
}

#Content {
	margin: 0px 40px 20px 50px;
	padding:10px 0;
	}

#Menu {
	position: absolute;
	float: left;
	background-color: #fbf4f4;
	font-family: "Arial Narrow";
	font-size: large;
	top: 181px;
	color: White; /* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}
.center {text-align:center}
.left {text-align:left}
.right {text-align:right}


p {
	font-size: 10pt;
	color: White;
	font-family: arial;
	margin: 1px 1px 1px 1px;
}
p.small{font-size: 8pt}
p.white {color: white}
p.strong{font-weight:bold}
p.strongwhite{font-weight:bold;color: white;}
p.largestrong{font-weight:bold;font-size: 12pt;}

form {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}
.formfield {border: 0px 0px 0px 0px;margin: 5px 5px 5px 5px;font-size: 8pt;border-color: black;font-family: verdana;background-color: white}

table.content {
	margin: 0px 0px 0px 0px;
	background-color: transparent;
	border: none;
}
tr.content {
	width: auto;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	color: white;
}
td.content {
	background-color: transparent;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	width: auto;
}
table.news {
/*	width: auto;*/
	margin: 10px 10px 10px 10px;
	background-color: transparent;
	border: double;
	border-color: Teal Teal Teal Teal;
	layout-grid: auto;
}
tr.news {
	width: 100%;
	background-color: transparent;
	vertical-align: middle;
/*	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;*/
	display: block;
/*	border: solid teal;
	border-width: 1px 1px 1px 1px;
	border-color: Teal Teal Teal Teal;*/
	layout-grid: auto;
}
td.news {
	width: auto;
 /*  background-color: transparent;*/
	vertical-align: middle;
/*	padding: 0px 10px 0px 10px;
	margin: 10px 10px 10px 10px;*/
	display: inline-block;
	border-color: Teal Teal Teal Teal;
	border: solid teal;
	border-width: 1px 1px 1px 1px;
	layout-grid: line auto;
	text-align: center;
}

#deflst {
  	float: left;
  	width: 1200px;
  	padding: 10px 0;
  	background: url(img/bg.gif) no-repeat top left;
  	}
#deflst dl {
  	float: left;
  	width: 1160px;
  	margin: 10px 20px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
#deflst dt {
  	float: right;
  	width: 1162px;
  	margin: 0;
  	padding: 0;
  	font-size: 130%;
  	letter-spacing: 1px;
  	color: #627081;
  	}
#deflst dd {
  	margin: 0 0 0 98px;
  	padding: 0;
  	font-size: 85%;
  	line-height: 1.5em;
  	color: #666;
  	}
#deflst dl dd.img {
   	margin: 0;
   	}
#deflst dd.img img {
  	float: left;
  	margin: 0 20px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	}

/* reverse float */

#deflst .alt dt {
  	float: left;
  	}
#deflst .alt dd {
  	margin: 0 98px 0 0;
  	}
#deflst .alt dd.img img {
  	float: right;
  	margin: 0 0 0 8px;
  	}

ul.cssMenu ul{display:none}

ul.cssMenu li:hover>ul{display:block}

ul.cssMenu ul{position: absolute;left:98%;top:-1px;}

ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}

ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color: teal;
	background-repeat:repeat;
	border-color: yellow yellow yellow yellow;
	border-width:1px;
	border-style:solid;
	color: white;
}

ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	_width:150px;
	float: left;
}

ul.cssMenu ul{
	width:300px;
}

ul.cssMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0px;
}

ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}

ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display: block;
	vertical-align:middle;
	zoom:1;
	background-color: teal;
	border-width:1px;
	border-color: teal;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:normal 14px Tahoma;
	color: white;
	text-decoration:none;
	cursor:default;
}

ul.cssMenu span{
	overflow:hidden;
}

ul.cssMenu ul li {
	float:none;
}

ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}

ul.cssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
}

ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:100%;
	height:3;
	display:inline-block;
	background-color:#EEEEEE #777777 #666666 #C9C9C9;
	background-image:none;}

ul.cssMenu li:hover{
	position:relative;
}

ul.cssMenu li:hover>a{
	background-color: teal;
	border-color: orange;
	border-style:solid;
	font:normal 14px Tahoma;
	color: white;
	text-decoration:none;
}

ul.cssMenu li a:hover{
	position:relative;
	background-color:#FFFFFF;
	border-color: yellow;
	border-style:solid;
	font:normal 14px Tahoma;
	color: teal;
	text-decoration:none;
	background-attachment: inherit;
}

ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}

ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}

ul.cssMenu ul img {width:30px;
height:15px;
}

ul.cssMenu img.over{display:none}

ul.cssMenu li.dis a:hover img.over{display:none !important}

ul.cssMenu li.dis a:hover img.def {display:inline !important}

ul.cssMenu li:hover > a img.def  {display:none}

ul.cssMenu li:hover > a img.over {display:inline}

ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}

ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}

ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block; }

ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}

ul.cssMenu span{
	display:block;
	background-image:url(./images/right.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}

ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/right.gif)}


div.imageHolder {position:relative; width:240px; height:350px; z-index:100; float:left; padding:0 20px 10px 0; margin-left:10px; display:inline;}

div.pad {float:left; float:left; width:240px; height:350px;}
ul.outer {padding:0; margin:0; list-style:none;}
ul.outer ul {padding:0; margin:0; list-style:none;}
div.pad a {text-decoration:none; color:#000;}

div.pad table {border-collapse:collapse; padding:0; margin:-1px;}

ul.outer li {display:block; float:left; padding:9px 12px; background:url(images/blank.gif);}

* html ul.outer li {padding:0;} /* for IE6 */
* html .pad a {float:left; display:block; padding:9px 12px; background:url(images/blank.gif); cursor:default;} /* for IE6 */

div.pad li.inner img {width:100%; display:block; border:0;}

ul.outer li:hover {padding:0;}
ul.outer li:hover img {height:auto;}

* html .pad a:hover {padding:0;}
* html .pad a:hover img {height:auto;}

div.slide {left:120px; top:10px; width:640px; height:0; position:absolute;}

div.contents1 {position:absolute; left:0; top:0; width:240px; height:350
px; z-index:-1;}

div.contents1 img {width:100%; height:100%;}

div.pad .p1:hover div.contents1 {width:290px; height:217px;}
div.pad .p2:hover div.contents1 {width:340px; height:255px;}
div.pad .p3:hover div.contents1 {width:390px; height:292px;}
div.pad .p4:hover div.contents1 {width:440px; height:330px;}
div.pad .p5:hover div.contents1 {width:490px; height:367px;}
div.pad .p6:hover div.contents1 {width:540px; height:405px;}
div.pad .p7:hover div.contents1 {width:590px; height:442px;}
div.pad .p8:hover div.contents1 {width:640px; height:480px;}

div.pic1 div.contents1 {background:url(images/wasp2.jpg) no-repeat center center;}
.Caption {
font-family: Arial;
font-weight: normal;
font-size:  12pt;
color:      #FF3300; }

A.Controls:link    { color:#666666;
                     text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:visited { color:#666666; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:active  { color:#666666; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:hover   { color:#00FF00; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }