*{ font-size:100%; } body { font:100%/100% Arial, Helvetica, sans-serif; margin:0; padding:0; background: #ffffff; font-size:11px; line-height:15px; color:#7A7A7A} a { text-decoration:underline; color:#007CC2 } a:hover { text-decoration:underline; color:#424242 } p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0; margin: 10px 0 0 0;} #sitemap .sub1{margin-left:30px;} #sitemap .sub2{margin-left:60px;} #sitemap .sub3{margin-left:90px;} h1 { font-size:16px; font-weight: normal; color: #007CC2; line-height:16px; margin: 10px 0 0 0; padding:0} .sIFR-active h1 { visibility:hidden; font-family:Arial; font-weight:normal; line-height: 1em } h2 { font-size:14px; font-weight: bold; color: #AEAEAE; line-height:16px; margin: 15px 0 0 0; padding:0} .sIFR-active h2 { visibility:hidden; font-family:Arial; font-weight:normal; line-height: 1em } #wrap{ margin:0 auto; width:940px;} #container { float:left; display:inline; width:940px; padding:0; background:#FFFFFF ;} #logobar { width:940px; height:97px; margin:0; padding:0; text-align:right;} #logobar img{ padding:30px 0 0 0; } #navbar { width:940px; height:34px; margin:0; padding:0; background:url(/static/images/navbg.jpg) 0 0 repeat-x;} #flashbarhome { width:940px; height:186px; margin:0; padding:0;} #flashbarhome p{ width:940px; height:186px; margin:0; padding:0;} #flashbarpage { width:940px; margin:0; padding:0;} #flashbarpage p{ width:940px; margin:0; padding:0;} #flashbarpage object, #flashbarhome object{ } #mainnav { width:940px; height:34px; margin:0; padding:0; display:inline; float:left;} #leftcol { display:inline; float:left; width: 220px; margin:20px 0 0 0;} #maincontent { display:inline; float:left; width: 450px; margin:20px 20px 0 20px;} #maincontent li{line-height:16px;} #maincontent2 li{line-height:16px;} #maincontent2 { display:inline; float:left; width: 675px; margin:20px 20px 0 20px; } #maincontent2 ol{ margin:10px 0 0 15px; padding:5px} #maincontent2 ul{ margin:10px 0 0 15px; padding:5px} #maincontent ul{ margin:10px 0 0 15px; padding:5px} #rightcol { display:inline; float:left; width: 225px; margin:20px 0 0 0;} #box { background:url(/static/images/box-bg.gif); width:220px; padding:0; display:none;} #box2 { background:url(/static/images/box-bg.gif); width:416px; padding: 15px 17px 17px 17px; display:none;} .inputlogin { width: 184px; height:18px; margin: 10px 0 0 0; padding: 2px 0 0 0} .button { padding: 20px 0 0 0;} .inputcontact {width: 260px; height:19px; border: 1px solid #999999; padding:3px 0 0 0} .inputcontact2 {width: 260px; height:100px; border: 1px solid #999999; padding:3px 0 0 0} #notmember { width:186px; border-bottom: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; padding: 17px; margin: 20px 0 0 0 } #homenews { margin:20px 0 0 0} #homenews img{ margin:0 0 10px 10px;} #newproduct { margin: 30px 0 0 0} #product { width: 208px; background:#E5F2FA; padding:20px 0 20px 17px; margin: 17px 0 0 0; } #product img{ margin: 10px 0 10px 0; display:block } #product span{ color: #000000; font-weight:bold;} .calloutsposition { width: 470px; margin: 30px 0 0 -20px; display:inline; float:left; } .homecallout { width:215px; display: inline; float:left; margin: 0 0 0 20px} .homecallout span { display:inline; float:left; color: #7A7A7A; text-decoration:none; margin: 95px 10px 15px 10px} .homecallout span:hover{ color:#007CC2; text-decoration:none; } .homeabout { display:inline; float:left; background:url(/static/images/about-up.jpg) 0 0 no-repeat ; width:215px; height:140px; text-decoration:none; margin: 0 0 20px 0} .homeabout:hover { background:url(/static/images/about-over.jpg) 0 0 no-repeat; text-decoration:none} .homenews { display:inline; float:left; background:url(/static/images/news-up.jpg) 0 0 no-repeat ; width:215px; height:140px; text-decoration:none; margin: 0 0 20px 0} .homenews:hover { background:url(/static/images/news-over.jpg) 0 0 no-repeat; text-decoration:none} .homefaqs { display:inline; float:left; background:url(/static/images/faqs-up.jpg) 0 0 no-repeat ; width:215px; height:140px; text-decoration:none; margin: 0 0 20px 0} .homefaqs:hover { background:url(/static/images/faqs-over.jpg) 0 0 no-repeat; text-decoration:none} .homedownloads { display:inline; float:left; background:url(/static/images/downloads-up.jpg) 0 0 no-repeat ; width:215px; height:140px; text-decoration:none; margin: 0 0 20px 0} .homedownloads:hover { background:url(/static/images/downloads-over.jpg) 0 0 no-repeat; text-decoration:none} .homeeducation { display:inline; float:left; background:url(/static/images/education-up.jpg) 0 0 no-repeat ; width:215px; height:140px; text-decoration:none; margin: 0 0 20px 0} .homeeducation:hover { background:url(/static/images/education-over.jpg) 0 0 no-repeat; text-decoration:none} .homesupporting { display:inline; float:left; background:url(/static/images/supporting-up.jpg) 0 0 no-repeat ; width:215px; height:140px; text-decoration:none; margin: 0 0 20px 0} .homesupporting:hover { background:url(/static/images/supporting-over.jpg) 0 0 no-repeat; text-decoration:none} #bottomnav { width:940px; height:36px; margin:40px 0 0 0; display:inline; float:left; color:#AEAEAE; font-size:10px;} #bottomnav a{ color:#AEAEAE; text-decoration:none} #bottomnav a:hover{ color:#007CC2; text-decoration:none} #bottomnavleft { float:left; display:inline; width:400px; padding:0; font-size:10px;} #bottomnavright { width:400px; float:right; text-align:right; display:inline; padding:0;} #brochure { display:inline; float:left; width:410px; background:#E5F2FA; margin: 20px 0 0 0; padding: 20px} .downloadlist { display:inline; float:left; width:452px; margin: 20px 0 0 0; padding: 20px; font-size:13px; text-decoration:none; color:#7A7A7A; font-weight:bold; background:url(/static/images/download-up.gif) 95% 50% no-repeat #E5F2FA;} .downloadlist:hover { background:url(/static/images/download-over.gif) 95% 50% no-repeat #E5F2FA;} .newslist { display:inline; float:left; width:450px; margin: 20px 0 0 0; } .newslist img{width:100px; height:100px; float:left; display:inline; padding: 0 20px 20px 0 } #image img{width:200px; height:200px; float:left; padding: 0 20px 20px 0 } .imgLeft { float:left; display:inline; padding: 10px 20px 20px 0} .imgCentre { display:block; padding: 20px 0 10px 104px} #contacttable { display:inline; float:left; margin:20px 0 20px 0} #contacttable img{ padding:10px} .mainlist { margin:0; padding:0} .mainlist li{ margin:0 0 0 30px; padding: 5px 0 0 00px; font-size:11px; color:#7A7A7A} .imgpad { margin:20px 0 10px 0} #backnews { display:inline; float:left; width: 675px; clear:both; margin: 30px 0 0 0 } ul { margin:0; padding:0} .resource { margin:0 0 20px 0; width: 660px; display:inline; float:left} .bluelink { padding:0 10px 10px 10px; background:#E5F2FA; display:block; width:225px; float:left} /* ------------------- MainNav ------------------- */ #mainnav { width: 940px; margin: 0; float:left; display:inline;} #mainnav ul { list-style: none; margin: 0; padding: 0; text-align:centre; } #mainnav li { border-right: 1px solid #FFFFFF;display:inline; float:left; display:block; height: 34px} #mainnav li a:link, #mainnav li a:visited { text-align:center; display:block; font-size: 12px; color: #FFFFFF; font-weight:bold; text-decoration:none; padding: 8px 0 10px 0} #mainnav li a:hover { display:block; font-size: 12px; background:url(/static/images/navbg-over.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; text-decoration:none } #mainnav li.homeon { background:url(/static/images/home-bg-over.jpg) 0 0 no-repeat; width: 65px} #mainnav li.home { background:url(/static/images/home-bg-up.jpg) 0 0 no-repeat; width: 65px} #mainnav li.about { width: 75px} #mainnav li.abouton { width: 75px; background:url(/static/images/navbg-over.jpg)} #mainnav li.news { width: 106px} #mainnav li.newson { width: 106px; background:url(/static/images/navbg-over.jpg)} #mainnav li.control { width: 186px} #mainnav li.controlon { width: 186px; background:url(/static/images/navbg-over.jpg)} #mainnav li.education { width: 146px} #mainnav li.educationon { width: 146px; background:url(/static/images/navbg-over.jpg)} #mainnav li.downloads { width: 89px} #mainnav li.downloadson { width: 89px; background:url(/static/images/navbg-over.jpg)} #mainnav li a.parent{ display:block; font-size: 12px; background:url(/static/images/navbg-over.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; text-decoration:none} #mainnav li a.parent:hover{ display:block; font-size: 12px; background:url(/static/images/navbg-over.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; text-decoration:none} #mainnav li a.on{ display:block; font-size: 12px; background:url(/static/images/navbg-over.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; text-decoration:none} #mainnav li a.on:hover{ display:block; font-size: 12px; background:url(/static/images/navbg-over.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; text-decoration:none} #mainnav li.faqs { width: 56px} #mainnav li.faqson { width: 56px; background:url(/static/images/navbg-over.jpg)} #mainnav li.partnership { width: 131px} #mainnav li.partnershipon { width: 131px; background:url(/static/images/navbg-over.jpg)} #mainnav li.contact { border:none; width: 78px; background:url(/static/images/contact-bg-up.jpg) 100% 0 no-repeat;} #mainnav li.contacton { border:none; width: 78px; background:url(/static/images/contact-bg-over.jpg) 100% 0 no-repeat;} #mainnav li.contact a:hover{ background:url(/static/images/contact-bg-over.jpg) 100% 0 no-repeat; border: none; } #mainnav li.home a:hover{ background:url(/static/images/home-bg-over.jpg) 100% 0 no-repeat; border: none; } /* ------------------- LeftNav ------------------- */ #leftcol ul { list-style:none; margin: 0 0 20px 0; border-bottom:1px dotted #AEAEAE;} #leftcol li { border-top: 1px dotted #AEAEAE; padding: 9px 0 10px 0px; } #leftcol li a:link, #leftcol li a:visited { font-size: 11px; color: #AEAEAE; font-weight:bold; text-decoration:none; display:block; padding: 0 0 0 20px; } #leftcol li a:hover { background:url(/static/images/nav-hover.gif) 0 50% no-repeat; color: #007CC2; text-decoration:none } #leftcol li.subon a{ background:url(/static/images/nav-hover.gif) 0 50% no-repeat; color: #007CC2; text-decoration:none } #leftcol li.subon li a{ background:none; color: #AEAEAE; } #leftcol ul ul li { list-style:none; margin: 0; border:0; padding:10px 0 0 0; color:#AEAEAE; } #leftcol ul ul li a { list-style:none; margin: 0; border:0; color:#AEAEAE; background:none; } #leftcol ul ul li a:hover { list-style:none margin: 0; border:0; color:#333333; background:none } #leftcol ul ul li.subon2 a{ list-style:none; margin: 0; border:0; color:#333333; background:none; } #leftcol ul ul { border:none; padding:0 0 10px 0; margin:0; } #leftcol li.sub2 a:hover{ background:url(/static/images/nav-hover.gif) 0 50% no-repeat; color: #007CC2; text-decoration:none } #leftcol li.sub2 a.subparent:hover{ background:url(/static/images/nav-hover.gif) 0 50% no-repeat; color: #007CC2; text-decoration:none } #leftcol li.sub2 a.subparent{ background:url(/static/images/nav-hover.gif) 0 50% no-repeat; color: #007CC2; text-decoration:none } #leftcol li.sub2 li a{ background:none; color: #AEAEAE; } #leftcol li.sub3{ border:0; padding:0 0 10px 0;} #leftcol li.sub3 a:hover{background:none; color: #000000; text-decoration:none } #leftcol li.sub3 a.subon{background:none; color: #000000; text-decoration:none } #leftcol li.sub2 a.subon{ background:url(/static/images/nav-hover.gif) 0 50% no-repeat; color: #007CC2; text-decoration:none } #leftcol li.sub2 a.subon:hover{ background:url(/static/images/nav-hover.gif) 0 50% no-repeat; color: #007CC2; text-decoration:none } /* ------------------- Forms ------------------- */ form { margin:0; padding:0} /* BANNERS */ .homepagebanner object{ width:940px; /*height:186px;*/ } .mainpagebanner object{ width:940px; /*height:142px;*/ }