/* CSS Document */ body{width:790px; background:#f7f8e0; /*color:#ffffff; */ font:15px/20px Arial, Helvetica, sans-serif; margin-top: 20px; margin-left:15%;} /*div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}*/ /*ul{list-style-type:none;} */ /* TOP PANEL*/ #topPanel{width:790px; height:70px; position:relative; margin:0px 0 0 0; padding:0px 0 0 0;} #topPanel img{width:230px; height:80px; z-index:1; padding:0; position:absolute; margin: 0 0 0 10px;} /* MENU */ #topPanel ul{display:block; width:750px; height:36px; position:absolute; top:0; right:0; margin:15px 0 0 0px; padding:0 29px 0 10px; border-bottom:1px solid #AEAEAE; list-style-type:none;} #topPanel ul li{float:right; width:74px; height: 36px; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;} #topPanel ul li a{width:74px; height:36px; display:block; padding:0; color:#555; background:#f7f8e0; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;} #topPanel ul li a:hover{width:74px; height:36px; text-decoration:none; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; /* color:#fff; */} #topPanel ul li.active{width:74px; display:block; height:36px; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; /* color:#fff; */ text-align:center; margin:0 1px 0 0;} /* / End TOP PANEL*/ /* middlepanel- which includes 3 headerpanels (colored blocks), bodypanel, bodypanel#tagline, bodypanel#register and bodypanel#benefits*/ #middlepanel{width:790px; height:680px; position: relative; background:#ffffff; border-color:#dcdcdc; border-style:solid; border-width: 8px 4px 8px 4px; margin: 20px 10px 0 0; padding: 0px 10px 0px 10px;} #whytestpage #middlepanel {width:790px; height:1400px; /*position:relative; */background:#ffffff; border-color:#dcdcdc; border-style:solid; border-width: 8px 4px 8px 4px; margin: 0px 10px 0 0; padding: 0px 10px 0px 10px;} #howtestpage #middlepanel {width:790px; height:3100px; /*position:relative; */ background:#ffffff; border-color:#dcdcdc; border-style:solid; border-width: 8px 4px 8px 4px; margin: 0px 10px 0 0; padding: 0px 10px 0px 10px;} #choosetestpage #middlepanel {width:790px; height:2650px; /*position:relative; */ background:#ffffff; border-color:#dcdcdc; border-style:solid; border-width: 8px 4px 8px 4px; margin: 0px 10px 0 0; padding: 0px 10px 0px 10px;} #faqpage #middlepanel {width:790px; height:2055px; /*position:relative; */ background:#ffffff; border-color:#dcdcdc; border-style:solid; border-width: 8px 4px 8px 4px; margin: 0px 10px 0 0; padding: 0px 10px 0px 10px;} #aboutuspage #middlepanel {width:790px; height:480px; /*position:relative; */ background:#ffffff; border-color:#dcdcdc; border-style:solid; border-width: 8px 4px 8px 4px; margin: 0px 10px 0 0; padding: 0px 10px 0px 10px;} #contactpage #middlepanel {width:790px; height:480px; /*position:relative; */ background:#ffffff; border-color:#dcdcdc; border-style:solid; border-width: 8px 4px 8px 4px; margin: 0px 10px 0 0; padding: 0px 10px 0px 10px;} /*Orange block- Why Test */ #middlepanel #headerPanelfast{width:246px; height:233px; /* position:relative; */top:0; left:10px; margin:10px 0 0 0; padding:0px; background:url(images/orange-normal.jpg) no-repeat 0 0 #ffffff; /* color:#fff; */ } #middlepanel #headerPanelfast a{width:246px; height:233px; display:block; text-decoration:none; } #middlepanel #headerPanelfast a:hover{width:246px; height:233px; background:url(images/orange-hover.jpg) no-repeat 0 0 #ffffff; /* color:#fff; */ text-decoration:none;} #middlepanel #headerPanelfast h2{display:block; width:90px; height:47px; margin:30px 0 0 110px; font:28px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; text-transform:uppercase; position:absolute; top:0px; left:0px; z-index:1;} #middlepanel #headerPanelfast p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;} /*Green Block- How Test */ #middlepanel #headerPanelsecond{width:246px; height:233px; position:absolute; top:0; left:266px; margin:10px 0 0; padding:0px; background:url(images/green-normal.jpg) no-repeat 0 0 #ffffff; /* color:#fff; */} #middlepanel #headerPanelsecond a{width:246px; height:233px; display:block; text-decoration:none; } #middlepanel #headerPanelsecond a:hover{width:246px; height:233px; background:url(images/green-hover.jpg) no-repeat 0 0 #ffffff; /* color:#fff; */ text-decoration:none;} #middlepanel #headerPanelsecond h2{display:block; width:110px; height:47px; background:none; margin:30px 0 0 110px; font:28px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff;text-transform:uppercase; padding:0; position:absolute; z-index:1;} #middlepanel #headerPanelsecond p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;} /*Blue Block- choose test */ #middlepanel #headerPanelthird{width:246px; height:233px; position:absolute; top:0; left:522px; margin:10px 0 0; padding:0px; background:url(images/blue-normal.jpg) no-repeat 0 0 #ffffff; /* color:#fff; */} #middlepanel #headerPanelthird a{width:246px; height:233px; display:block; text-decoration:none; } #middlepanel #headerPanelthird a:hover{width:246px; height:233px; background:url(images/blue-hover.jpg) no-repeat 0 0 #ffffff; /* color:#fff; */ text-decoration:none;} #middlepanel #headerPanelthird h2{display:block; width:110px; height:47px; background:none; margin:30px 0 0 110px; font:28px/28px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff;text-transform:uppercase; padding:0; position:absolute; z-index:1;} #middlepanel #headerPanelthird p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;} /* HEADER PANEL for all non-index.html pages with small colored blocks on them This turns each colored block gray and highlights their color when hovered over. the line containing the ???testpage ID from the body ID tag reverses this for that block only when on the appropriate page */ #middlepanel #headerPanelfastsmall{width:123px; height:132px; /* position:relative; */top:0; left:0; margin:10px 0 0; padding:0px; background:url(images/orange-hover-small.jpg) no-repeat 0 0 #FC5F00; /* color:#fff; */} #whytestpage #middlepanel #headerPanelfastsmall{background:url(images/orange-normal-small.jpg);} #middlepanel #headerPanelfastsmall a{width:123px; height:132px; display:block; text-decoration:none; } #middlepanel #headerPanelfastsmall a:hover{width:123px; height:132px; /* color:#fff; */ text-decoration:none; background:url(images/orange-normal-small.jpg) no-repeat 0 0;} #middlepanel #headerPanelfastsmall h2{display:block; width:90px; height:47px; margin:50px 5px 0px 15px; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff;text-transform:uppercase; padding:0;position:absolute; z-index:1;} #middlepanel #headerPanelsecondsmall{width:123px; height:132px; position:absolute; top:0; left:140px; margin:10px 0 0; padding:0px; background:url(images/green-hover-small.jpg) no-repeat 0 0 #FC5F00; /* color:#fff; */} #howtestpage #middlepanel #headerPanelsecondsmall{background:url(images/green-normal-small.jpg);} #middlepanel #headerPanelsecondsmall a{width:123px; height:132px; display:block; text-decoration:none; } #middlepanel #headerPanelsecondsmall a:hover{width:123px; height:132px; /* color:#fff; */ text-decoration:none; background:url(images/green-normal-small.jpg) no-repeat 0 0;} #middlepanel #headerPanelsecondsmall h2{display:block; width:90px; height:47px; margin:50px 5px 0px 15px; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff;text-transform:uppercase; padding:0; position:absolute; z-index:1;} #middlepanel #headerPanelthirdsmall{width:123px; height:132px; position:absolute; top:0; left:270px; margin:10px 0 0; padding:0px; background:url(images/blue-hover-small.jpg) no-repeat 0 0 #Ffffff; /* color:#fff; */} #choosetestpage #middlepanel #headerPanelthirdsmall {background: url(images/blue-normal-small.jpg);} #middlepanel #headerPanelthirdsmall a{width:123px; height:132px; display:block; text-decoration:none; } #middlepanel #headerPanelthirdsmall a:hover{width:123px; height:132px; background:url(images/blue-normal-small.jpg) no-repeat 0 0; } #middlepanel #headerPanelthirdsmall h2{display:block; width:90px; height:47px; margin:50px 5px 0px 10px; font:20px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; text-transform:uppercase; padding:0; position:absolute; z-index:1;} /*#middlepanel #headerPanelthirdsmall p{width:163px; display:block; font:12px/18px Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:105px 50px 0 38px;} */ /* End of Header panel for small colored block pages */ /* BODY PANEL- stuff below the colored blocks*/ #bodyPanel{width:760px; height:380px; background:#ffffff; margin:20px 0 0 0;} #bodyPanel #tagline {width: 500px; height: 60px; margin: 0px 0 0 0; padding: 0px 0 0 0; background:#ffffff;} #choosetestpage #bodyPanel #tagline {width: 500px; height: 525px; margin: 0px 0 0 0; padding: 0px 0 0 0; background:#ffffff;} #faqpage #bodyPanel #tagline {width: 500px; height: 300px; margin: 0px 0 0 0; padding: 0px 0 0 0; background:#ffffff;} #bodyPanel #tagline p{font:14px/18px "Trebuchet MS", Arial, sans-serif; font-weight:normal; line-height:150%;margin:0px 0 0 0;padding:0px 0 20px 0;} #bodyPanel #tagline h6{font:16px/20px "Trebuchet MS", Arial, sans-serif; /*color:#000000; */text-decoration:underline;font-variant:small-caps;margin:0px 0 0 0; } #bodyPanel #tagline h5{font:16px/20px "Trebuchet MS", Arial, sans-serif; font-weight:bold; color: #ff7113; margin: 0px 0 0 0; } #bodyPanel #tagline h5.howtest{font:16px/20px "Trebuchet MS", Arial, sans-serif; font-weight:bold; color: #009900; margin: 0px 0 0 0; } #bodyPanel #tagline h5.choosetest a{font:16px/20px "Trebuchet MS", Arial, sans-serif; font-weight:bold; color: #0080ff;text-decoration: none; } #bodyPanel #tagline h5.choosetest a:hover{font:16px/20px "Trebuchet MS", Arial, sans-serif; font-weight:bold; color: #0080ff;text-decoration: underline; } #bodyPanel #tagline h5.faq a{font:16px/20px "Trebuchet MS", Arial, sans-serif; font-weight:bold; color: #555555; text-decoration:none; margin: 0px 0 0 0;} #bodyPanel #tagline h5.faq a:hover{font:16px/20px "Trebuchet MS", Arial, sans-serif; font-weight:bold; color: #ff7113; text-decoration:underline; margin: 0px 0 0 0;} #bodyPanel h4{margin:0px 0 10px 0;font:22px/22px Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic;padding:0px; color:#ff7113;} #bodyPanel h4.howtest{margin:0px 0 10px 0;font:22px/22px Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic;padding:0px; color:#009900; } #bodyPanel h4.choosetest{margin:0px 0 10px 0;font:22px/22px Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic;padding:0px; color:#0080ff;} #bodyPanel p{font:18px/24px Georgia, "Times New Roman",Times, serif; color: #555555;margin:0px 0 0px 0;} #bodyPanel #register {width: 240px; height: 250px; float: right; margin: 0px 0px 10px 0px; border: 4px solid #bdbdbd;} #bodyPanel #register h3{font:22px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; background:#bdbdbd; margin: 0px; padding: 10px 0 10px 0; text-align:center;} #bodyPanel #register a{color: blue; text-decoration: none;} #bodyPanel #register p{font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555555; padding: 0px 8px 0px 8px;} #bodyPanel #benefits {width:300px; height: 275px; font:14px/20px Arial, Helvetica, sans-serif; font-weight: bold;/*position:absolute; top:100; right:-4; */ margin:35px 0 0 0; padding:0px 0 0 20px;} #faqpage #bodyPanel #benefits {width:600px; height: 275px; font:14px/20px Arial, Helvetica, sans-serif; font-weight: bold;/*position:absolute; top:100; right:-4; */ margin:75px 0 0 0; padding:0px 0 0 0px;} #bodyPanel #benefits p{font:14px/18px "Trebuchet MS", Arial, sans-serif; font-weight:normal; line-height:150%;margin:0px 0 0 0;padding:0px 0 20px 0;} #choosetestpage #bodyPanel #benefits {width:300px; height: 275px; font:14px/20px Arial, Helvetica, sans-serif; font-weight: bold;/*position:absolute; top:100; right:-4; */ margin:175px 0 0 0; padding:0px 0 0 20px;} #bodyPanel #benefits a{font:12px/14px "Trebuchet MS", Arial, sans-serif; font-weight:normal; color:#555555;} #bodyPanel #benefits h2{font:20px/20px Georgia, "Times New Roman", Times, serif; font-weight:normal;color:#ff7113; text-align:left; padding: 8px 0 0 0; margin:0px;} #bodyPanel #benefits h5.faq{font:16px/20px "Trebuchet MS", Arial, sans-serif; font-weight:bold; color: #ff7113; margin: 0px 0 0 0;} #bodyPanel #benefits h5.choosetest{font:16px/20px "Trebuchet MS", Arial, sans-serif; font-weight:bold; color: #0080ff; margin: 35px 0 0px 0; padding: 0px 0 0 0;} #bodyPanel #benefits ul{list-style:disc;padding: 0px 0 0px 20px;} #bodyPanel #benefits ul ul{list-style:circle;} #bodyPanel #benefits ul ul li{margin: 0px;} #bodyPanel #benefits li{font:12px/16px Arial, Helvetica, sans-serif; font-weight: bold; color:#555555; margin: 5px 0 5px 0;} /*end bodyPanel */ /*end middlepanel */ /* FOOTER PANEL*/ #footerPanel{width:810px;background:#ff00ff; position:absolute; color:#4C4C4C; margin:0px 0 0 0; padding:0px;font-size:12px; border-color:#dcdcdc; border-style:solid; border-width: 8px 4px 8px 4px; } /*#footerbodyPanel{width:810px;height:95px; position:absolute; background: #dcdcdc; margin:0px 0 0 0; padding:0;border-color:#dcdcdc; border-style:solid; border-width: 8px 4px 8px 4px;}*/ #footerPanel ul{width:320px; display:block; position:absolute; right:0px; top:13px; left:278px; text-align:center;list-style-type:none;} #footerPanel li{float:left; width: 75px; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;} #footerPanel ul li a{padding:0 6px; color:#4C4C4C; text-decoration:none;} #footerPanel ul li a:hover{text-decoration:underline;} #footerPanel ul li a.padl{padding:0 0 0 6px;} #footerPanel p.templateworld{width:766px; position:absolute; margin: 50px 0px 0px 0px; padding: 25px 0px 0px 47px; color:#A64200;} #footerPanel p.copyright{width:766px; position: absolute; display:block;top:64px; margin: 39px 0px 0px 0px; padding: 5px 0px 10px 47px; color:#A64200;} #footerhtmlPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:29px; margin:0; padding:0;} #footerhtmlPanel a{ width:86px; height:31px; display:block; background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;} #footerhtmlPanel a:hover{background:url(images/html-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; } #footercssPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:115px; margin:0; padding:0;} #footercssPanel a{ width:86px; height:31px; display:block; background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;} #footercssPanel a:hover{background:url(images/css-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }