body { 
margin: 0; 
padding : 0; 
font-family : Arial; 
font-size : 100%; 
background-color : #383838; 
/***background-image:
url('graphics/japanese-knotweed-22a.jpg');
background-repeat: no-repeat; repeat-repeat-x-repeat-y
background-position: center center;
opacity:0.9;
filter:alpha(opacity=90);***/ 


} 
#container { 
background-color : #eee; 
width : 100%; 
margin-left : auto;
margin-right : auto;

} 
/***These are the divs on index page***/
#main {
width:30%; 
height:330px; 
overflow:auto; 
float:left; 
margin-left: 3%; 
border-right:solid #eee 0px ; 
text-align:center;
}

#main2 {
width:30%; 
height:200px; 
overflow:auto; 
float:left; 
margin-left: 3%;
border-right:solid #eee 1px ;
border-left:solid #eee 1px ;  
text-align:center;
}

#bar {
width:100%; height:20px; float:left;  background-color:#383838; text-align:center;}

#main3 {
width:45%;  margin-left: 3%; float:left; }
/***This div is for JK pages***/
#main4 {
width:65%;
margin-left:3%;
margin-right:3%;
border:solid 0px;
float:left;
}
#banner { 
/***background : #fff;***/ 
border-top : 0 solid #000; 
border-right : 0 solid #000; 
border-left : 0 solid #000; 
background-image:
url('graphics/bannerphoto.jpg');
width : 100%; 
margin-left : auto; 
margin-right : auto;
 
} 
#banner h1 { 
font-size : 185%; 
font-weight : bold; 
color : #fff; 
margin: 0px; 
text-align : right; 
padding:0 5px 0 0;
} 
#banner h2 { 
font-size : 120%; 
font-weight : bold; 
color : #fff;  
text-align : right;
margin: 0px;  
padding:0 8px 0 0;
} 
#banner p {
font-size : 120%; 
font-weight : bold; 
color : #fff;  

margin: 0px;  
padding:0 5px 0 0;

}
html > body #banner { 
height : 70px; 
} 

#jkbanner { 

border-top : 0 solid #000; 
border-right : 0 solid #000; 
border-left : 0 solid #000; 
background-image:
url('graphics/jkbanner2.JPG');

 
width : 100%; 
margin-left : auto; 
margin-right : auto;
 
} 
#jkbanner h1 { 
font-size : 185%; 
font-weight : bold; 
color : #fff; 
margin: 0px; 
text-align : right; 
padding:0 5px 0 0;
} 
#jkbanner h2 { 
font-size : 120%; 
font-weight : bold; 
color : #fff;  
text-align : right;
margin: 0px;  
padding:0 8px 0 0;
} 
#jkbanner p {
font-size : 120%; 
font-weight : bold; 
color : #fff;  

margin: 0px;  
padding:0 5px 0 0;

}
html > body #jkbanner { 
height : 70px; 
} 


/**************** menu coding *****************/
/*======================*/
/*     Basic Setup      */
/*======================*/
.dropnav {
white-space:nowrap /*IE hack*/; 
float:left;
width:100%;

} /*Color navigation bar normal mode*/


.dropnav ul {
list-style-type:none; 
display:inline; 
margin: 0; 
padding: 0;


}


.dropnav ul li {
width:165px;
text-align: center; 
float:left; 
display: inline; 
background: none;
margin: 0; 
padding: 0; 
z-index:auto !important /*Non-IE6*/; 
z-index:1000 /*IE6*/;}

.dropnav ul li a {
float:none !important /*Non-IE6*/; 
float:left /*IE-6*/; 
display:block;

}

.dropnav ul li ul {display:none; z-index: 2;}

/*Basic Styling*/
.dropnav {
max-width:100%; 
border:none; 
margin-top:0px; 
background:#383838; 

}

.dropnav ul li a {
padding: 0 1em;
height:1.7em; 
line-height:2.1em; 
text-decoration:none; 

margin:0px;
color: #fff; 
background: #383838;
border:solid 0px rgb(175,175,175);
border-right:solid 0px;
font:bold 0.7em/1.4em arial, helvetica, sans-serif;
width:160px;


}


.dropnav ul li a:hover {color:grey;}
.dropnav ul li ul li a {width: 11.4em; text-align: left; font: bold arial, helvetica, sans-serif;font-size:70%; }

/*======================*/
/*   Non-IE6 hovering   */
/*======================*/
/*Main Menu Bar Hovering*/
.dropnav ul li:hover {position:relative;} /*Sylvain IE hack*/
.dropnav ul li:hover a {background-color:#383838; text-decoration:none; } /*Color main cells hovering mode*/

/*First Submenu Positioning*/
.dropnav ul li:hover ul {display:block;}
.dropnav ul li:hover ul {position:absolute; z-index:999; top:1.1em; margin-top:0.1em; left:0;}

/*Submenu styling*/
.dropnav ul li:hover ul {width: 160px; }
.dropnav ul li:hover ul li a {width: 160px; white-space:normal; display:block; height:auto; 
line-height:1.3em; margin-left:-1px; padding:4px 1em; background-color:#eee;color:gray;} /*Color subcells normal mode*/

.dropnav ul li:hover ul li a:hover {text-decoration: none; background-color: #fff; color:#8DC740;}

/*Second Level Submenu Positioning*/
.dropnav ul li:hover ul li ul {display:none;}
.dropnav ul li:hover ul li:hover ul {width:150px; display:block; position: absolute;  z-index:999; margin-top:0; left:9.8em; top: 0;}

/*Third Level Submenu Positioning*/
.dropnav ul li:hover ul li:hover ul li ul {display:none;}
.dropnav ul li:hover ul li:hover ul li:hover ul {width: 10em; display:block; position: absolute;  z-index:999; margin-top:0; left:12.0em; top: 0;}

/*======================*/
/*     IE6 hovering     */
/*======================*/
/*Structure*/
.dropnav table {position:absolute; top:0; left:0; border-collapse:collapse;}
.dropnav ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/;}
.dropnav ul li a:hover ul {display:block; position:absolute; z-index:999; top:2.1em; left:0; margin-top:0.1em;}

/*IE6 Main Menubar Styling*/
.dropnav ul li a {padding: 0 1em;}
.dropnav ul li a:hover {background-color:#fff; text-decoration:none;}
.dropnav ul li a:hover ul {}
    
/*Submenu Styling*/
.dropnav ul li a:hover ul li a {white-space:normal; display:block; height:1px; line-height:2.1em; padding:4px 1em; width:128px;
border-left:solid 0px rgb(175,175,175); border-bottom: solid 0px rgb(175,175,175); background-color:#eee; font: bold 1.0em arial, helvetica, sans-serif;color:#000;} /*Color subcells normal mode*/
.dropnav ul li a:hover ul li a:hover {background-color:#fff; text-decoration:none;color:#a00;} /*Color subcells hovering mode*/

/*First Level Submenu Positioning*/
.dropnav ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/;}
.dropnav ul li a:hover ul {display:block; position:absolute; z-index:999; top:2em; left:0; margin-top:-2px;}

/*Second Level Submenu Positioning*/
.dropnav ul li a:hover ul li a table {display: none;}
.dropnav ul li a:hover ul li a:hover table {display: block;}
.dropnav ul li a:hover ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/;}
.dropnav ul li a:hover ul li a:hover ul {position: absolute; z-index:999; margin-top:-1px; left:13.8em; top: 0;width:125px;}

/*Third Level Submenu Positioning*/
.dropnav ul li a:hover ul li a:hover ul li a table {display: none;}
.dropnav ul li a:hover ul li a:hover ul li a:hover table {display: block;}
.dropnav ul li a:hover ul li a:hover ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/;}
.dropnav ul li a:hover ul li a:hover ul li a:hover ul {position: absolute; z-index:999; margin-top:-1px; left:12em; top: 0;}


/**************** menu coding Finished *****************/


#centercontent { 
background : #fff; 
font-size : 90%;  
border : 0 solid #000; 
padding : 5px 0 0 10px; 
voice-family : "\"}\""; 
voice-family : inherit; 
margin-left : 0px; 
color:#666666;
float:left;
} 
#centercontent ul { 
margin-left : 10px; 
border : none; 
font-size : 95%; 
list-style-type : disc; 

} 
#centercontent li { 
padding : 0 10px 10px 10px; 
margin-left : 10px; 
color : #666666;
} 
#centercontent ul li { 
margin-left : 20px; 

} 
#centercontent h2 { 
padding-left : 0px; 
color:#999999;
font-size: 1.3em;
text-align:left;
} 
#centercontent h3 { 
color : #8DC740; 
font-size : 100%; 
font-weight : bold; 
padding : 0 0 0 0px; 
text-align:left;
} 
#centercontent a { 
padding : 0; 
font-size : 100%; 
font-weight : normal; 
border : none; 
text-decoration : none; 
background-color : transparent; 
color : #008852; 
} 
#centercontent a:hover { 
color : #8DC740; 

} 
#centercontent a img { 
padding : 0; 
font-size : 100%; 
font-weight : normal; 
border : none; 
text-decoration : none; 
background-color : transparent; 
color : white; 
} 

/**************** Content Position *****************/
html > body #centercontent { 
margin-left : -10px; 
padding-top:0px;

} 

/**************** Content Position *****************/

#centercontent h1 { 
font-family : arial narrow; 
color:#8DC740; 
font-weight:100;
font-size:3.0em; 
line-height:1em; 
padding:0px 0 0px 0;
text-align:center;

} 
#centercontent h4 { 
font-size : 90%; 
font-weight : bold; 
font-style : italic; 
margin-left : 10px; 
color : #666666;
} 

#centercontent h5 { 
font-size : 101%; 
font-weight : bold; 
font-style : italic; 
margin-left : 10px; 
} 

#centercontent img {
margin-left:10px;
padding-right: 0px;
}
ul#exampleID1{ list-style-image: url("graphics/ticklist2.gif");}
ul#exampleID2{ list-style-image: url("graphics/HandS_circle.gif");}
ul#exampleID3{ list-style-image: url("graphics/key.jpg");}

#footer { 
width : 100%;
margin-left : auto;
margin-right : auto;
font-size:90%; 
color:#fff;
text-align : center; 
height: 20px;
}
#footer a { 
text-decoration : none; 
color : white; 
text-align : center; 

} 
#footer a:hover { 
text-decoration : none; 
color : white; 
background-color : #8DC740; 



p { 
font-size : 95%; 
margin : 0 10px 10px 10px; 

} 
h4 { 
color : black; 
font-weight : bold; 
font-style : italic; 
font-size : 105%; 
padding : 0 0 0 15px; 
} 
.movie { 
text-align : center; 
} 
.signature { 
font-style : italic; 
font-weight : bold; 
} 
.smallIndent { 
margin-left : 15px; 
} 

.tableHeading { 
font-weight : bold; 
font-family : Verdana; 
} 
.number { 
font-weight : bold; 
font-style : italic; 
width : 15%; 
} 
.size { 
font-weight : bold; 
font-style : italic; 
width : 15%; 
text-align : center; 
} 
.factors { 
font-weight : bold; 
font-style : italic; 
text-align : center; 
} 
.example { 
background-color : #e3e3e3; 
} 
.spacer { 
border-left : none; 
border-right : none; 
} 
.subheader { 
color : #006666; 
font-weight : bolder; 
}