#container{width:900px;text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-color:#fff; /*font-weight:700;*/} #header{height:106px;} #logo{height:106px; width:308px; /*background-image:url(../Images/Logo.jpg);*/ float:left} #buttons{height:80px; margin-top:15px; width:270px; float:Right; } #flash{height:225px;} #lowerContentArea{width:880px; /* min-height:700px; */ margin-left:10px; margin-right:10px; margin-top:15px;} #leftMenuContainer{ max-width:240px; float:left;} #leftMenuHeader{width:240px; height:41px; background-image:url(../Images/GreyTab.jpg); background-repeat:no-repeat; color:#FFFFFF; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-top:10px; text-align:center; /*padding-left:50px;*/ } #leftMenu{width:240px; margin-top:5px; } #leftMenu ul{ line-height:} #leftMenu ul li{list-style-image:url(../Images/listStyleImg.jpg); padding-bottom:15px; margin-left:-24px;} #leftMenuFooter{} #leftMenuFooterLink a{width:93px; height:31px; float:right; color:#FFFFFF; padding-top:7px; /*padding-left:12px; margin-right:-20px;*/ margin-top:-30px; text-align:center; background-image:url(../Images/RectBtn.jpg); background-repeat:no-repeat; text-decoration:none;} #leftMenuFooterLink a:hover{text-decoration:none; color:#666666; } #leftMenuFooterLine{width:240px; height:5px; /*margin-top:40px;*/ background-image:url(../Images/Line.jpg); } #rightAreaContainer{width:580px; /* height:300px; */ margin-left:60px; float:right;} #rightAreaContainer a{color:#007329;} #rightAreaContainer a:hover{color:#666666; text-decoration:none; } #rightContainerUpper{} #rightContainerUpper h1, h2, h3, h4 ,h5, h6, rightContainerLower h1, h2, h3, h4 ,h5, h6 {text-align:left; color:#007329; background-image:url(../Images/h2BG.jpg); line-height:150%; font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:200; width:560px;} #rightContainerLower{margin-top:15px} #footerbar{width:900px; height:30px; margin-top:40px; background-image:url(../Images/Footer.jpg); background-repeat:repeat-x;} #aarado{width:900px; margin-top:20px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color:#999999; } #aarado a{text-decoration: none; color:#999999; } #aarado a:hover{text-decoration: none; color:#007329;} #footerdetails{width:900px; margin-top:10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color:#999999; } /**** news snippet ****/ #mynews h2{text-align:left; color:#007329; background-image:url(../Images/h2BG.jpg); line-height:150%; font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:200; width:560px;} #mynews a{color:#007329;} #mynews a:hover{color:#666666; text-decoration:none; } /****************************************/ /************************************** TOP MENU SYSTEM*********************************************/ #menucontainer {height:47px; background-image:url(../Images/MenuBG.jpg); width:900px; z-index:2; } #nav, #nav ul { padding:0px 0px 0px 10px; margin:0; list-style:none; font: 12px verdana, sans-serif; text-align:left; position:relative; z-index:200; } #nav { /*height:37px;*/ padding:0px; margin-left:50px; } #nav li {float:left; padding:10px 7px 7px 7px; } /**************JM*****************/ #nav li ul {float:none; background-color:#68ac79; margin-top:5px;} #nav li ul li {margin-right:2px;} #nav li ul li a{padding-right:3px;} /**************JM*****************/ #nav li li {float:none; background-color:#68ac79; } /* a hack for IE5.x and IE6 */ * html #nav li li {float:left;} #nav li a { display:block; float:left; color:#ffffff; margin:0 10px 0 10px; height:27px; line-height:27px; text-decoration:none; white-space:nowrap; } #nav li li a { height:20px; line-height:27px; float:none; } #nav li:hover { position:relative; z-index:300; } #nav li:hover ul { left:0; top:27px; } /* another hack for IE5.5 and IE6 */ * html #nav li:hover ul { left:10px; } #nav ul { position:absolute; left:-9999px; top:-9999px; } /* yet another hack for IE5.x and IE6 */ * html #nav ul {width:1px;} /* it could have been this simple if all browsers understood */ /* show next level */ #nav li:hover li:hover > ul { left:-15px; margin-left:100%; top:-1px; } /* keep further levels hidden */ #nav li:hover > ul ul { position:absolute; left:-9999px; top:-9999px; width:auto; } /* show path followed */ #nav li:hover > a { text-decoration:none; color:#71d410; } /* but IE5.x and IE6 need this lot to style the flyouts and path followed */ /* show next level */ #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:-15px; margin-left:100%; top:-1px;} /* keep further levels hidden */ #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px;} /* show path followed */ #nav li:hover a, #nav li:hover li:hover a, #nav li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover li:hover a {text-decoration:none; color:#71d410; } /* hide futher possible paths */ #nav li:hover li a, #nav li:hover li:hover li a, #nav li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li:hover li a {text-decoration:none; color:#ffffff;} /*************************************************************************************************************************/