/* CSS Document - working copy in IE6-moz */

/* set globals */
* { border: none; padding: 0; margin: 0; } 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ol, dl, fieldset, address { margin: 1em 1%; }
fieldset { padding: 0.5em; }
img { border: 0; } 
html>body { font-size: 75%;}
body { background: #D5E7F0 url(images/treenew.gif) top left no-repeat;
	 color:#336; font-size: 75%; width: 820px; margin: 10px 0 0 100px; }

div#tree { position: absolute; top: 10px; left: 100px; width: 20px; height: 470px; z-index: 100; background: url(images/tree-r1.gif) top left no-repeat; }

div#header { background: #FFF url(images/ih-logo.gif) no-repeat top left; height: 100px; width: 100%; 
padding: 13px 0 0; }	
div#menu { float: right; height: 86px; width: 470px; margin-right: 8px; background: url(images/menu.gif) no-repeat; }

div.tab { width: 108px; height: 18px; font: bold 1em Arial, Helvetica, sans-serif; text-align: right; margin: 60px 0 0 0; padding: 0 2px 0 0; overflow: hidden;  }
/* div.tab a:hover:after, div.tab a:focus:after {content: " [" attr(accesskey) "] "; } */
html>div.tab { font-size: 90%; }
div.tab a { color: #333; text-decoration: none; padding: 60px 0 0 0; } 
div.tab a:visited, a:active, a:focus { color: #333; }
div.tab a:hover { color: #FFF; }

div#main { height: 560px; background: #FFF url(images/tree-r1.gif) top left no-repeat; padding: 0 0 0 20px; }

div#title { float: left; width: 458px; height: 20px; background: #69C url(images/tree-r2.gif) top left no-repeat; padding: 1px 28px; color: #FFF; font: bold 14px Verdana, Arial, Helvetica, sans-serif; }
div#lefthome { width: 700px; padding: 12px 38px; border: 1px solid #69C; background: #EFF5F6 url(images/tree-r5.gif) top left no-repeat; }

div#lefthome2 { width: 776px; padding: 0; border: 1px solid #69C; background: #EFF5F6 url(images/tree-r5.gif) top left no-repeat; }

div#intro { width: 662px; background: #99CCFF; color: #3F3F74; border: 1px solid #669; font: normal 1em Verdana, Arial, Helvetica, sans-serif; text-align: center; font-stretch: extra-condensed; padding: 18px; }

div#intro2 { width: 682px; background: #69F; color: #FFF; border: 1px solid #669; font: normal 1.1em Verdana, Arial, Helvetica, sans-serif; text-align: center; font-stretch: extra-condensed; padding: 8px; margin: 12px 38px; }
div#intro3 { width: 752px; background: #66CC33; padding: 30px 12px 20px; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #fff; }

div#left { width: 456px; height: 321px; float: left; padding: 14px 28px 14px 28px;
	 border: 1px solid #69C; background: #EFF5F6 url(images/tree-r3.gif) top left no-repeat; }
div#left img { border: 4px solid #EFF5F6; }
.para { text-align: justify; padding: 12px; }
.para-l { float: left; width: 260px; text-align: justify; padding: 50px 0 0 20px; }
.para-2 { float: right; width: 270px; text-align: justify; padding: 12px 30px 0 0;}
.case { font-weight: bold; color: #FF9966; }

div#right { width: 252px; height: 389px; position: absolute; top: 123px; left: 644px; border: 1px solid #D9D995; color: #036; overflow: auto; padding: 12px 0; margin: 0 6px; background: #F0F0D5; font: normal 12px Geneva, Arial, Helvetica, sans-serif; text-align: justify; }
div#right img { margin: 0 8px 12px 18px; }
div#right a:hover { color: #EFF5F6; }
div#right a:link img, a:visited img { border: 3px solid #C96; }
div#right a:hover img, a:active img { border: 3px solid #FFF; }

div#left2 { float: left; width: 160px; height: 382px; background: #FFF url(images/tree-r4.gif) top left no-repeat; margin: 20px 0 0; }
div#left2 img { background: #EFF5F6; margin: 18px 0; border: 1px solid #69F; padding: 12px; float: right; }

div#cent { float: right; color: #336; padding: 12px; font: 1em normal Arial, Helvetica, sans-serif; text-align: left; background: #F0F0D5; border-top: 1px solid #D9D995; border-left: 1px solid #D9D995; border-bottom: 1px solid #D9D995; margin: 12px 0 12px 12px; width: 560px; height: 386px; overflow: auto; } 

div#cent3 { float: right; color: #336; padding: 12px; font: 1em normal Arial, Helvetica, sans-serif; text-align: left; background: #F0F0D5; border-top: 1px solid #D9D995; border-left: 1px solid #D9D995; border-bottom: 1px solid #D9D995; margin: 12px 0 12px 12px; width: 720px; height: 386px; overflow: auto; }
div#cent3 a { background:#EFF5F6; color: #336; border: 1px solid #69F; padding: 4px 8px; font-style: normal; text-decoration: none; }
div#cent3 a:link, a:visited, a:active, a:focus { color: #336; }
div#cent3 a:hover { color: #F96; }

div#cent-r { float: right; width: 12px; height: 386px; background: #F0F0D5; border-top: 1px solid #D9D995; border-right: 1px solid #D9D995; border-bottom: 1px solid #D9D995; margin: 12px 12px 12px 0; padding: 12px 0; }
div#scr { background: #F0F0D5; }
div#cent img { background: #EFF5F6; padding: 12px; margin: 12px 14px; border: 1px solid #69F; }
div#cent3 img { background: #EFF5F6; padding: 12px; margin: 12px 14px; border: 1px solid #69F; }

div#foot { height: 32px; padding: 0.6em 0.3em 0; background: #66CC33; color: #000; font: 1em normal Verdana, Arial, Helvetica, sans-serif; font-stretch: ultra-condensed; text-align: center; }

div#foot a:link { color: #336; padding: 1px 4px; }
div#foot a:visited { color: #FFF; }
div#foot a:hover { color: #FFF; background: #69C; text-decoration: none; }
div#foot a:active { color: #FFF; }
div#foot a img { float: right; margin: -1.3em 0 0; text-decoration: none; border: 0; background: #669; }
*>div.size { position: absolute; left: 0; top: -5000px }
.sep { font-weight: bold; color: #FFF; padding: 0 0.5em; }

.clear { clear: both; }
	
h1 { font: bold 2em Geneva, Arial, Helvetica, sans-serif; color: #336; margin-bottom: -12px; }
h2 { font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #336; }
h3 { font: normal 1.2em Geneva, Arial, Helvetica, sans-serif; color: #336; text-decoration: underline; }
/* pop styles  v  */
h4 { font: normal 1.2em Geneva, Arial, Helvetica, sans-serif; color: #336; font-stretch: extra-condensed; }
h5 { font: bold 1.1em Geneva, Arial, Helvetica, sans-serif; color: #336; text-align: center;  }
h4 a { color: #EFF5F6; } 
span.cap-g {/* p:first-letter.class */
 width: 18px; height: 15px; float: left; margin: 0 0.5em 0 0; background: url(images/list-c.gif); } 

div#links { position: absolute; top: 484px; left: 120px; width: 512px; font: bold 13px Verdana, sans-serif; text-align: center; z-index: 100; color: #69F; background: #69C; border: 1px solid #69C; padding: 3px 0 0; }

div#capt { position: relative; top: 2px; left: 1px; width: 502px; font: normal 1.2em Geneva, Arial, Helvetica, sans-serif; font-size: 70%; text-align: center; color: #FFF; padding: 4px 4px 4px; } 

div#links ul { list-style: circle url(images/list.gif) outside; }
div#links a { font: bold 1em sans-serif; 
   padding: 1px 20px; margin: 2px 6px; 
   text-decoration: none; color: #669 ; background: #69C; border: 1px solid #669; }

div#links a:hover { color: #FFF; background: #669; }

div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img { position: absolute; top: -321px; left: 32px; height: 300px; width: 440px; }
div#links a span { display: none; }
div#links a:hover span { display: block; position: absolute; top: -363px; left: -1px; width: 464px; height: 348px; z-index: 100; color: #036; background: #FFF; border: 1px solid #D9D995; font: normal 1.1em Geneva, Arial, Helvetica, sans-serif; font-size: 90%; text-align: justify; padding: 8px 12px 8px 36px; overflow: hidden; }
*>div#links a:hover span { font-size: 90%; }

#fl {width: 700px; height: 300px; background: url(images/front-2.gif) no-repeat; position: relative;  margin: 10px auto; padding: 0;}
#fl li {list-style: none; display: block; position: absolute;}
#fl a {display: block; text-indent: -9999px; text-decoration: none;}

#fl-a {left: 12px; top: 228px; width: 170px; height: 200px;}
/*
#fl-b {left: 14px; top: 138px; width: 66px; height: 80px;}
#fl-c {left: 68px; top: 105px; width: 68px; height: 22px;}
#fl-d {left: 89px; top: 142px; width: 84px; height: 84px;}
#fl-e {left: 141px; top: 95px; width: 48px; height: 30px;}
#fl-f {left: 174px; top: 137px; width: 170px; height: 60px;}
#fl-g {left: 191px; top: 207px; width: 166px; height: 50px;}
#fl-h {left: 201px; top: 46px; width: 84px; height: 84px;}
#fl-i {left: 367px; top: 212px; width: 140px; height: 50px;}
#fl-j {left: 383px; top: 136px; width: 135px; height: 60px;}
#fl-k {left: 402px; top: 29px; width: 85px; height: 93px;}
#fl-l {left: 508px; top: 111px; width: 71px; height: 17px;}
#fl-m {left: 523px; top: 232px; width: 170px; height: 40px;}
#fl-n {left: 532px; top: 135px; width: 85px; height: 93px;}
#fl-o {left: 588px; top: 28px; width: 64px; height: 76px;}
#fl-p {left: 621px; top: 130px; width: 67px; height: 80px;}
*/
#fl-a a {height: 200px;}
*/*
#fl-b a {height: 80px;}
#fl-c a {height: 22px;}
#fl-d a {height: 84px;}
#fl-e a {height: 30px;}
#fl-f a {height: 60px;}
#fl-g a {height: 50px;}
#fl-h a {height: 84px;}
#fl-i a {height: 50px;}
#fl-j a {height: 60px;}
#fl-k a {height: 93px;}
#fl-l a {height: 17px;}
#fl-m a {height: 40px;}
#fl-n a {height: 93px;}
#fl-o a {height: 76px;}
#fl-p a {height: 80px;}
*/
#fl-a a:hover, #fl-a a:active, #fl-a:focus {background: transparent url(front-2.gif) -40px -400px no-repeat; z-index: 100;}
/* #fl-b a:hover {background: transparent url(front-2.gif) -80px -274px no-repeat;}
#fl-c a:hover {background: transparent url(front-2.gif) -22px -274px no-repeat;}
#fl-d a:hover {background: transparent url(front-2.gif) -84px -274px no-repeat;}
#fl-e a:hover {background: transparent url(front-2.gif) -30px -274px no-repeat;}
#fl-f a:hover {background: url(front-2.gif) -60px -274px no-repeat;}
#fl-g a:hover {background: url(front-2.gif) -50px -274px no-repeat;}
#fl-h a:hover {background: url(front-2.gif) -84px -274px no-repeat;}
#fl-i a:hover {background: url(front-2.gif) -50px -274px no-repeat;}
#fl-j a:hover {background: url(front-2.gif) -60px -274px no-repeat;}
#fl-k a:hover {background: url(front-2.gif) -93px -274px no-repeat;}
#fl-l a:hover {background: url(front-2.gif) -17px -274px no-repeat;}
#fl-m a:hover {background: url(front-2.gif) -40px -274px no-repeat;}
#fl-n a:hover {background: url(front-2.gif) -93px -274px no-repeat;}
#fl-o a:hover {background: url(front-2.gif) -76px -274px no-repeat;}
#fl-p a:hover {background: url(front-2.gif) -80px -274px no-repeat;}
*/