/* CSS Document */ body{ margin:0px; padding:0px; background-color:#ffffff;text-align:center;} #container{ margin:0 auto; float:none; position:relative; height:auto; width:995px; background-color:#ffffff; } #headertotaldiv{ float:none; position:relative; height:90px; width:995px; vertical-align:top;} #headermaintop{ float:left; position:relative; height:35px; width:995px; vertical-align:top;} #usauknumtop{ float:left; position:relative; height:30px; width:449px; vertical-align:top; left:279px;} #contacttop{ float:left; position:relative; height:29px; width:113px; vertical-align:top; background-image:url(../images/contactusbutton.gif); background-repeat:no-repeat; left:280px; } #contacttop a{ float:left; position:relative; height:29px; width:113px; vertical-align:top; background-image:url(../images/contactusbutton.gif); background-repeat:no-repeat; } #contacttop a:hover{ float:left; position:relative; height:29px; width:113px; vertical-align:top; background-image:url(../images/contactusbutton_hover.gif); background-repeat:no-repeat; } #requestquotetop{ float:left; position:relative; height:29px; width:145px; vertical-align:top; background-image:url(../images/requestquote.gif); background-repeat:no-repeat; left:282px;} #requestquotetop a{ float:left; position:relative; height:29px; width:145px; vertical-align:top; background-image:url(../images/requestquote.gif); background-repeat:no-repeat;} #requestquotetop a:hover{ float:left; position:relative; height:29px; width:145px; vertical-align:top; background-image:url(../images/requestquote_hover.gif); background-repeat:no-repeat;} #headermaindiv{ float:left; position:relative; height:55px; width:995px; vertical-align:top;} #headerlogodiv{ float:left; position:relative; height:55px; width:279px; background-image:url(../images/logo.gif); background-repeat:no-repeat; } #headerlogodiv a{ float:left; position:relative; height:55px; width:279px; background-image:url(../images/logo.gif); background-repeat:no-repeat; } #headerlogodiv a:hover{ float:left; position:relative; height:55px; width:279px; background-image:url(../images/logo.gif); background-repeat:no-repeat; } /*================================================button==================================================================*/ #menubardiv{ float:left; position:relative; height:52px; width:711px; background-image:url(../images/topmenuback.gif); background-repeat:no-repeat; z-index:99;} /*================================================TOP MENU============================================================*/ .menu { width: 670px; height: 30px; float: none; background:none; position: relative; color:#f5aebe; font-family: arial, sans-serif; font-size: 0.9em; font-weight:bold; background-repeat: no-repeat; background-position: left top; left:24px; top:1px; } .menu ul a:hover { color:#ffffff; background: none; padding:8px 17px 8px 17px; background-color:#9acd00; border-left:4px solid #FFFFFF; } /* remove all the bullets, borders and padding from the default list styling */ .menu ul { padding:0; margin:0; list-style-type:none; } .menu ul ul li{ border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FF9900; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; } /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li { float:left; position:relative; top: 9px; } .menu li li { float:left; position:relative; top: -3px; } .menu li a {font-weight: bold;} .menu li li a {font-weight: bold;} /* style the links for the top level */ .menu a, .menu a:visited { display:block; font-size:12px; font-weight: bold; text-decoration:none; padding:8px 17px 8px 17px; color:#ededed; text-align: center; font-family: arial, sans-serif; background-color:#333333; border-left:4px solid #FFFFFF; } /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited { float: left; } /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited { background:#000000; } /* style the second level hover */ .menu ul ul a.drop:hover{ background:#ffffff; } .menu ul ul :hover > a.drop { background:#000000; } /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited { background:#000000; } /* style the third level hover */ .menu ul ul ul a:hover { background:#5c8602; } /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul { visibility:hidden; position:absolute; height:0; top:33px; left:0; } /* another hack for IE5.5 */ * html .menu ul ul { top:33px; t\op:33px; } /* position the third level flyout menu */ .menu ul ul ul{ left:150px; top:0; width:150px; } /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left { left:-150px; } /* style the table so that it takes no part in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0;} /* style the second level links */ /*///////////////////////////////////////////// background solid color */ .menu ul ul a, .menu ul ul a:visited { background:#333333; text-align:left; border-right:4px solid #FFFFFF; color:#ffffff; height:15px; line-height: 10px; padding:10px 10px; width:92px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: bold; /* yet another hack for IE5.5 */ } * html .menu ul ul a{ } /*///////////////////////////////////////////// background row solid color color */ .menu ul ul a:hover { background-color:#97c300; padding:10px 10px; height:15px; } .menu ul ul :hover > a { color:#ffffff; } /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{ visibility:hidden; } /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible; } #currentpage a { color:#ffffff; } /*================================================end of TOP MENU============================================================*/ /*================================================body==================================================================*/ #mainbodydiv{ float:left; position:relative; height:auto; width:995px; } #onlybodydiv{ float:left; position:relative; height:620px; width:691px; } #bodytextdiv{ float:left; position:relative; height:620px; width:658px; left:30px; } #bodyheading{ float:left; position:relative; height:33px; width:658px; text-align:left; border-bottom:1px solid; border-color:#cccccc; } #welcometextdiv{ float:left; position:relative; height:220px; width:658px; text-align:left; top:8px; text-align:justify; } #topnewstextdiv{ float:left; position:relative; height:285px; width:658px; text-align:left; text-align:justify; } #totaltextdiv{ float:left; position:relative; height:620px; width:658px; text-align:left; top:0px; text-align:justify; } #newstextdiv{ float:left; position:relative; height:316px; width:658px; text-align:left; top:20px; } #newsdiv{ float:left; position:relative; height:330px; width:658px; text-align: justify; border-bottom:1px solid; border-color:#cccccc; } #articlediv{ float:left; position:relative; height:330px; width:658px; text-align: justify; top:5px; } #body2ndheading{ float:left; position:relative; height:33px; width:658px; text-align:left; border-bottom:1px solid; border-color:#cccccc; top:18px; } #seoservicesdiv{ float:left; position:relative; height:100px; width:655px; text-align:left; top:0px; text-align:justify; vertical-align:top; } #link1box{ float:left; position:relative; height:80px; width:190px; text-align:center; vertical-align:top; left:0px; background-image: url(../images/linksideround.png); background-repeat:no-repeat; } #link1heading{ float:left; position:relative; height:30px; width:190px; vertical-align:top; text-align: center; top:25px; left:0px; background-color:#333333; padding-top:3px; } #link2box{ float:left; position:relative; height:80px; width:190px; text-align:center; vertical-align:top; left:40px;background-image: url(../images/linksideround.png); background-repeat:no-repeat; } #link2heading{ float:left; position:relative; height:30px; width:190px; text-align:center; vertical-align:middle; text-align: center; top:25px; left:0px; background-color:#333333;padding-top:3px; } #link3box{ float:left; position:relative; height:80px; width:190px; text-align:center; vertical-align:top; left:80px;background-image: url(../images/linksideround.png); background-repeat:no-repeat; } #link3heading{ float:left; position:relative; height:30px; width:190px; text-align:center; vertical-align:middle; text-align: center; top:25px; left:0px; background-color:#333333;padding-top:3px;} #newsmore{ float:left; position:relative; height:27px; width:63px; vertical-align:top; background-image: url(../images/morebig.gif); background-repeat:no-repeat; top:2px; } #newsmore a{ float:left; position:relative; height:30px; width:150px; vertical-align:top; background-image: url(../images/morebig.gif); background-repeat:no-repeat; } #newsmore a:hover{ float:left; position:relative; height:30px; width:150px; vertical-align:top; background-image:url(../images/morebig_hover.gif); background-repeat:no-repeat; } .heading{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; text-decoration:none; color:#626262; font-weight:normal; } .frontbold{ font-family: Arial; font-size:11px; text-decoration:none; color:#464646; font-weight:600; } .textfront{ font-family: Arial; font-size:12px; text-decoration:none; color:#666666; font-weight:normal; line-height:2;} .bodymoretext{ font-family: verdana; font-size:11px; text-decoration:none; color:#6caa01; font-weight:600; } .bodymoretext a{ font-family: verdana; font-size:11px; text-decoration:none; color:#6caa01; font-weight:600; } .bodymoretext a:hover{ font-family: verdana; font-size:11px; text-decoration: underline; color: #669900; font-weight:600; } .newslinkstext{ font-family: verdana; font-size:11px; text-decoration:none; color:#666666; font-weight:600; } .newslinkstext a{ font-family: verdana; font-size:11px; text-decoration:none; color:#666666; font-weight:600; } .newslinkstext a:hover{ font-family: verdana; font-size:11px; text-decoration: underline; color: #669900; font-weight:600; } .nomalhead{ font-family: verdana; font-size:13px; text-decoration:none; color:#333333; font-weight:600; } .normalpointtext{ font-family: Arial; font-size:12px; text-decoration:none; color:#666666; font-weight:600; } .linkheadingtext{ font-family:calibri ; font-size:18px; text-decoration:none; color:#ffffff; font-weight: lighter;} .linkheadingtext a{ font-family:calibri ; font-size:18px; text-decoration:none; color:#ffffff; font-weight: lighter;} .linkheadingtext a:hover{ font-family:calibri ; font-size:18px; text-decoration:none; color:#ffffff; font-weight: lighter;} /*================================================upper body==================================================================*/ #mainbodyupper{ float:left; position:relative; height:420px; width:995px; } #onlybodydiv{ float:left; position:relative; height:420px; width:691px; } #bodyleftupper{ float:left; position:relative; height:420px; width:303px; background-color:#ffffff; } #upheadingdiv{ float:left; position:relative; height:132px; width:691px; text-align:center; vertical-align:top; } #upthreemain{ float:left; position:relative; height:288px; width:691px; text-align:center; vertical-align:top; background-image:url(../images/homethreeback.gif); background-repeat:no-repeat; } #biggreenmain{ float:left; position:relative; height:288px; width:691px; text-align:center; vertical-align:top; background-image:url(../images/biggreen.gif); background-repeat:no-repeat; } #biggreenconmain{ float:left; position:relative; height:650px; width:691px; text-align:center; vertical-align:top; background-image:url(../images/contactbiggreen.gif); background-repeat:no-repeat; } #newstopmain{ float:left; position:relative; height:285px; width:658px; text-align:center; vertical-align:top; background-repeat:no-repeat; left:30px; } #biggreenbox{ float:left; position:relative; height:260px; width:630px; text-align:center; vertical-align:top; left:43px; } #biggreenboxheading{ float:left; position:relative; height:25px; width:300px; text-align:center; vertical-align:top; text-align:left; top:2px; left:10px; } #biggreenboxmid{ float:left; position:relative; height:180px; width:610px; text-align:center; vertical-align:top; top:32px; text-align:left; left:10px; text-align:justify; } #quotegreenboxmid{ float:left; position:relative; height:240px; width:620px; text-align:center; vertical-align:top; top:15px; text-align:left; left:10px; text-align:justify; } #quotegreenboxmorediv{ float:left; position:relative; height:30px; width:180px; text-align:center; vertical-align:top; left:180px; top:30px; } #biggreenboxmorediv{ float:left; position:relative; height:30px; width:620px; text-align:center; vertical-align:top; top:34px; } #firstbox{ float:left; position:relative; height:260px; width:185px; text-align:center; vertical-align:top; left:43px; } #boxheading{ float:left; position:relative; height:25px; width:170px; text-align:center; vertical-align:top; text-align:left; top:2px; left:10px; } #boxmid{ float:left; position:relative; height:140px; width:170px; text-align:center; vertical-align:top; top:48px; text-align:left; left:10px; text-align:justify; } #boxmorediv{ float:left; position:relative; height:53px; width:185px; text-align:center; vertical-align:top; top:48px; } #headmore{ float:left; position:relative; height:27px; width:63px; text-align:center; vertical-align:top; top:26px; left:62px; background-image:url(../images/morebig.gif); background-repeat:no-repeat; } #headmore a{ float:left; position:relative; height:27px; width:63px; text-align:center; vertical-align:top; background-image:url(../images/morebig.gif); background-repeat:no-repeat; } #headmore a:hover{ float:left; position:relative; height:27px; width:63px; text-align:center; vertical-align:top; background-image:url(../images/morebig_hover.gif); background-repeat:no-repeat; } #secbox{ float:left; position:relative; height:260px; width:185px; text-align:center; vertical-align:top; left:80px; } #secboxheading{ float:left; position:relative; height:25px; width:170px; text-align:center; vertical-align:top; text-align:left; top:2px; left:10px; } #secboxmid{ float:left; position:relative; height:140px; width:170px; text-align:center; vertical-align:top; top:48px; text-align:left; left:10px; text-align:justify; } #secboxmorediv{ float:left; position:relative; height:53px; width:185px; text-align:center; vertical-align:top; top:48px; } #secheadmore{ float:left; position:relative; height:27px; width:63px; text-align:center; vertical-align:top; top:26px; left:62px; background-image:url(../images/morebig.gif); background-repeat:no-repeat; } #secheadmore a{ float:left; position:relative; height:27px; width:63px; text-align:center; vertical-align:top; background-image:url(../images/morebig.gif); background-repeat:no-repeat; } #secheadmore a:hover{ float:left; position:relative; height:27px; width:63px; text-align:center; vertical-align:top; background-image:url(../images/morebig_hover.gif); background-repeat:no-repeat; } #thirdbox{ float:left; position:relative; height:260px; width:185px; text-align:center; vertical-align:top; left:117px; } #thirdboxheading{ float:left; position:relative; height:25px; width:170px; text-align:center; vertical-align:top; text-align:left;top:2px; left:10px; } #thirdboxmid{ float:left; position:relative; height:140px; width:170px; text-align:center; vertical-align:top; top:48px; text-align:left; left:10px; text-align:justify; } #thirdboxmorediv{ float:left; position:relative; height:53px; width:185px; text-align:center; vertical-align:top; top:48px; } #thirdheadmore{ float:left; position:relative; height:27px; width:63px; text-align:center; vertical-align:top; top:26px; left:62px; background-image:url(../images/morebig.gif); background-repeat:no-repeat; } #thirdheadmore a{ float:left; position:relative; height:27px; width:63px; text-align:center; vertical-align:top; background-image:url(../images/morebig.gif); background-repeat:no-repeat; } #thirdheadmore a:hover{ float:left; position:relative; height:27px; width:63px; text-align:center; vertical-align:top; background-image:url(../images/morebig_hover.gif); background-repeat:no-repeat; } .boxheadingtext{ font-family:calibri ; font-size:22px; text-decoration:none; color:#ffffff; font-weight: lighter;} .boxsmlheadingtext{ font-family:calibri ; font-size:16px; text-decoration:none; color:#ffffff; font-weight: lighter; padding-left:10px;} .boxheadingorgtext{ font-family:calibri ; font-size:13px; text-decoration:none; color:#FF9900; font-weight:600;} .boxheadinggrntext{ font-family:calibri ; font-size:18px; text-decoration:none; color:#669900; font-weight:600;} .threeboxtext{ font-family: Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; color: #333333 ; font-weight: 600; line-height:22px;} .threeboxredtext{ font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#996600 ; font-weight: 600; line-height:22px; padding-left:10px;} .threeboxsubtext{ font-family: Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; color:#494d01; font-weight: 600; line-height:22px; padding-left:7px;} .formboldtext{ font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color: #333333 ; font-weight: 600; line-height:22px;} .form2text{ font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color: #333333 ; font-weight: 300; line-height:22px;} .greenbigboxtext{ font-family:calibri; font-size:13px; text-decoration:none; color: #000000 ; font-weight: lighter; line-height:22px;} .upheadingtext{ font-family:calibri ; font-size:30px; text-decoration:none; color:#333333; font-weight: lighter;} /*================================================left PANEL==================================================================*/ #bodyleftpart{ float:left; position:relative; height:auto; width:303px; background-color:#ffffff; } #bodyupleft{ float:left; position:relative; height:263px; width:303px; vertical-align:top; } #bodybuttomleft{ float:left; position:relative; height:750px; width:303px; vertical-align:top; } #leftheader{ float:left; position:relative; height:28px; width:303px; vertical-align:top; text-align:left; border-bottom:1px solid; border-top:1px solid; border-color:#cccccc; padding-top:4px; } #smallimg{ float:left; position:relative; height:54px; width:47px; vertical-align:top; } #upslideleft{ float:left; position:relative; height:180px; width:256px; vertical-align:top; top:18px; margin:0px; padding:0px; border:opx; } #bottomtextleft{ float:left; position:relative; height:280px; width:256px; vertical-align:top; top:8px; text-align:justify; } #leftmore{ float:left; position:relative; height:23px; width:62px; vertical-align:top; background-image:url(../images/leftbutton.gif); background-repeat:no-repeat; top:19px; left:217px; } #leftmore a{ float:left; position:relative; height:23px; width:62px; vertical-align:top; background-image:url(../images/leftbutton.gif); background-repeat:no-repeat; } #leftmore a:hover{ float:left; position:relative; height:23px; width:62px; vertical-align:top; background-image:url(../images/leftbutton_hover.gif); background-repeat:no-repeat; } .leftheadingtext{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; text-decoration:none; color:#626262; font-weight: normal; } .leftpointtext{ font-family: Arial; font-size:12px; text-decoration:none; color:#6caa01; font-weight:normal; } /*================================================footer==================================================================*/ #footerdiv{ float:left; position:relative; height:85px; width:995px; background-color:#f3f2f2; } #footermenuback{ float:left; position:relative; height:17px; width:950px; text-align:center; vertical-align:top; top:10px; left:20px;} .footermenutext{ font-family:Arial; font-size:11px; text-decoration:none; color:#4b4b4b; font-weight:200;} .footermenutext a{ font-family:Arial; font-size:11px; text-decoration:none; color:#4b4b4b; font-weight:200;} .footermenutext a:hover{ font-family:Arial; font-size:11px; text-decoration:none; color:#72a002; font-weight:200;} #footer2menudiv{ float:left; position:relative; height:20px; width:230px; text-align: left; vertical-align:top; top:40px; left:20px; } .footermenu1text{ font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#4b4b4b; font-weight:none;} .footermenu2text{ font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#72a002; font-weight:none;} #footerupblank{ float:left; position:relative; height:20px; width:995px; background-color:#ffffff; } .quotehead{ font-family: verdana; font-size:12px; text-decoration:none; color:#ffffff; font-weight:600; text-align:left; } .star{ font-family: verdana; font-size:12px; text-decoration:none; color:#CC0000; font-weight:600; text-align:left; } .contactformtext{ font-family:verdana; font-size:12px; text-decoration:none; color:#ffffff; font-weight:800; text-align:left; vertical-align:middle; } #footerpartnerdiv{ float:right; position:relative; height:25px; width:200px; text-align: center; vertical-align:top; top:30px; right:20px; background-image:url(../images/partnerlink.gif); background-repeat:no-repeat; } #footerpartnerdiv a{ float:right; position:relative; height:25px; width:200px; text-align: center; vertical-align:top; top:0px; right:0px; background-image:url(../images/partnerlink.gif); background-repeat:no-repeat; } #footerpartnerdiv a:hover{ float:right; position:relative; height:25px; width:200px; text-align: center; vertical-align:top; top:0px; right:0px; background-image:url(../images/partnerlink_hover.gif); background-repeat:no-repeat; } /*================================================newseopacakge==================================================================*/ #newupthreemain{ float:left; position:relative; height:288px; width:691px; text-align:left; vertical-align:top;} #newupthree{ float:left; position:relative; height:288px; width:660px; text-align:center; vertical-align:top; left:30px;} #first_box{ float:left; position:relative; height:270px; width:320px; text-align:center; vertical-align:top;background-color:#669900;} #sec_box{ float:left; position:relative; height:270px; width:320px; text-align:center; vertical-align:top; left:20px;background-color:#669900; } .headingtext{ font-family:calibri ; font-size:18px; text-decoration:none; color:#ffffff; font-weight: lighter;} #newdownthree{ float:left; position:relative; height:288px; width:660px; text-align:center; vertical-align:top; left:0px;} .boxheadingorg{ font-family:calibri ; font-size:13px; text-decoration:none; color:#FF9900; font-weight:600;} .seopacktext{ font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#ffffff ; font-weight: 300; line-height:22px;} .seopack2text{ font-family: Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#ffffff ; font-weight: 300; line-height:22px;} .asterixgreen{ font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#FF0000 ; font-weight: 300; line-height:22px;} .rm{ height:50px; text-align:right;} .rt{ height:auto; width:200px; text-align:right;} .textboxsmallest{ width:50px;} .textboxsmall{ width:100px;} .textboxbig{ width:350px;} .textboxmidium{ width:180px;} .orgtext2{ Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#FF6633 ; font-weight: 600; line-height:22px;}