body {margin: 0px; padding: 0;text-align:center; background: #eee; font:small/1.5em Tahoma, Arial, "Trebuchet MS", Helvetica, sans-serif;} body, html {height: 100%;} /* 100% Height Fix */ html>body #container {height: auto;} /* Mozilla Height Fix */ div {text-align: justify;} /* ---(headers)----------------------------*/ h1 {font-size: x-large;} h2 {text-align: left; font-family: Sans Serif; font-size: 15px; color: #00704A; margin-top: 0px;} h3 {font-size: medium; font-family: Sans Serif; } h4 {font-size: small;} h5 {font-size: smaller;} h6 {font-size: 18px; font-family: Georgia; color: #ac3d34;margin-top:5px;} /* ---(rule )----------------------------*/ div.hr {display: none} /*/*/a{} div.hr {display: block; height: 10px; background-image: url(images/hr.gif); background-repeat: no-repeat; background-position: center center; margin: 1.5em 0 1.5em 0;} hr {display:none}/* */ /* ---(image styles )------------------------------------ */ img {border: none;} .img-shadow {float: left; margin: 20px 10px 5px 5px !important;} .img-shadow img {border: 1px solid #999; display: block; position: relative; background-color: #fff; margin: -6px 6px 6px -6px; margin-left: 0px; margin-right: 10px; padding: 5px;} .img-shadow img#hover a.hover {border: 2px solid #993300;} /* ---( layout styles )------------------------------------ */ #container {border-right: 1px solid #ccc; border-left: 1px solid #ccc; width: 800px; height: 100%; min-height: 100%; margin: auto; background: #fff} #header {margin-bottom: 2px; border-bottom: 1px solid #ccc; width: 800px; height: 98px; position: relative; background: #fff url(images/top.jpg) top right no-repeat;} #header2 {border-bottom: 1px solid #ccc; height: 250px; position: relative; background: #fff url(images/header2.jpg) top left no-repeat; } #header3 {border-bottom: 1px solid #ccc; height: 250px; position: relative; background: #fff url(images/header3.jpg) top left no-repeat; } #header4 {border-bottom: 1px solid #ccc; height: 250px; position: relative; background: #fff url(images/header4.jpg) top left no-repeat; } #header5 {border-bottom: 1px solid #ccc; height: 250px; position: relative; background: #fff url(images/header5.jpg) top left no-repeat; } #header6 {border-bottom: 1px solid #ccc; height: 250px; position: relative; background: #fff url(images/header6.jpg) top left no-repeat; } #header7 {border-bottom: 1px solid #ccc; height: 250px; position: relative; background: #fff url(images/header7.jpg) top left no-repeat; } #header8 {border-bottom: 1px solid #ccc; height: 250px; position: relative; background: #fff url(images/header8.jpg) top left no-repeat; } #header9 {border-bottom: 1px solid #ccc; height: 250px; position: relative; background: #fff url(images/header9.jpg) top left no-repeat; } .phone{width: 150px; height: 50px; float: right; top: 0; right: 0; text-align: center; font-size: 10px;} .logo {float: left; height: 50px; padding-left: 10px; margin-top: 10px; font-family: Georgia, "Trebuchet MS"; font-size: xx-large; font-weight: normal} .logo a {color: #fff; text-decoration: none;} .logo a:focus{color: #333; text-decoration: none;}.phone{width: 150px; height: 50px; float: right; top: 0; right: 0; text-align: center; font-size: 10px; color: #999999;} #nav {float: right; width: 480px; height: 28px; border-left: 1px solid #CCC; border-top: 1px solid #CCC;} #nav a { line-height: 2.1em; color: #00704A; font-weight: normal; display: block; float: left; width: 90px; height: 28px; text-align: center; font-size: 13px; text-decoration: none; voice-family: "\"}\""; voice-family: inherit;} #nav a:hover {background: url(images/hover.jpg) repeat-x; color: #CD4010; } #nav a.visited{color: #666; cursor: default;} #nav a.active{ border-right: 1px solid #ccc;background: url(images/hover.jpg) repeat-x; color: #CD4010; cursor: default;} #nav a#last.a:hover {border-right: 1px solid #ccc;} #nav_bottom {line-height: 1.2em; float: right; width: 480px; height: 18px; background: #D8E4DD url(images/nav_bottom_back.jpg) repeat-y top left; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } #nav_bottom a {color: #66A78F; font-size: 10px; font-weight: bold; text-decoration: none; margin-left: 10px; } #nav_bottom a:hover {color: #CD4010; text-decoration: none;} #nav_bottom a.active{color: #CD4010;} #leftColumn1 {margin-top: 2px; padding: 39px; float: left; width: 210px; position: relative; background: #fff; } .contentTitle {position: relative; color: #bb772e; border-bottom: 1px solid #baa27e; font-family: Georgia, "Trebuchet MS"; font-size: large; font-weight: normal; letter-spacing: 3px; margin-bottom: 0;} #leftColumn1 p {line-height: 1.4em; padding: 0px; margin: 10px; font-size: 12px; text-align: left; color: #333;} #leftColumn1 ul {position: relative; margin: 15px 0 20px 10px; padding: 0; list-style: none;} #leftColumn1 li {margin: 0 0 .2em 0; padding: 0 0 0 14px; line-height: 1.4em; color:#333; background: url(images/bullet.gif) no-repeat 0 6px;} #leftColumn1 a {color: #bb772e; text-decoration: underline;} #leftColumn1 a:visited{color: #BAB9A2; text-decoration: underline;} #leftColumn1 a:hover {color: #666; text-decoration: none;} #leftColumn1 a:focus {color: #666; text-decoration: none;} #leftColumn1 td a:link, #leftColumnIn td a:visited{text-decoration: none;} #leftColumn1 td a:hover{text-decoration: underline;} #leftColumn1 strong {color: #333; font-family: Georgia, Tahoma; text-align: left; font-size: 13px;} #leftColumn {margin-top: 2px; padding: 39px; float: left; width: 420px; position: relative; background: #fff; } .contentTitle {position: relative; color: #bb772e; border-bottom: 1px solid #baa27e; font-family: Georgia, "Trebuchet MS"; font-size: large; font-weight: normal; letter-spacing: 3px; margin-bottom: 0;} #leftColumn p {line-height: 1.4em; padding: 0px; margin: 10px; font-size: 12px; text-align: left; color: #333;} #leftColumn ul {position: relative; margin: 15px 0 20px 10px; padding: 0; list-style: none;} #leftColumn li {margin: 0 0 .2em 0; padding: 0 0 0 14px; line-height: 1.4em; color:#333; background: url(images/bullet.gif) no-repeat 0 6px;} #leftColumn a {color: #bb772e; text-decoration: underline;} #leftColumn a:visited{color: #BAB9A2; text-decoration: underline;} #leftColumn a:hover {color: #666; text-decoration: none;} #leftColumn a:focus {color: #666; text-decoration: none;} #leftColumn td a:link, #leftColumnIn td a:visited{text-decoration: none;} #leftColumn td a:hover{text-decoration: underline;} #leftColumn strong {color: #333; font-family: Georgia, Tahoma; text-align: left; font-size: 13px;} #middleColumn {margin-top: 2px; padding-top: 39px; padding-right: 20px; float: left; width: 210px; position: relative; background: #fff; } .contentTitle {position: relative; color: #bb772e; border-bottom: 1px solid #baa27e; font-family: Georgia, "Trebuchet MS"; font-size: large; font-weight: normal; letter-spacing: 3px; margin-bottom: 0;} #middleColumn p {line-height: 1.4em; padding: 0px; margin: 10px; font-size: 12px; text-align: left; color: #333;} #middleColumn ul {position: relative; margin: 15px 0 20px 10px; padding: 0; list-style: none;} #middleColumn li {margin: 0 0 .2em 0; padding: 0 0 0 14px; line-height: 1.4em; color:#333; background: url(images/bullet.gif) no-repeat 0 6px;} #middleColumn a {color: #bb772e; text-decoration: underline;} #middleColumn a:visited{color: #BAB9A2; text-decoration: underline;} #middleColumn a:hover {color: #666; text-decoration: none;} #middleColumn a:focus {color: #666; text-decoration: none;} #middleColumn td a:link, #leftColumnIn td a:visited{text-decoration: none;} #middleColumn td a:hover{text-decoration: underline;} #middleColumn strong {color: #333; font-family: Georgia, Tahoma; text-align: left; font-size: 13px;} #rightColumn {padding: 0; float: left; width: 200px; position: relative; position: relative; top: -251px; right: -102px; background: #fff;} #rightColumn strong {color: #333; font-family: Georgia; text-align: left; font-size: 13px; font-weight: bold;} #rightColumn1 {padding: 0; float: left; width: 200px; position: relative; position: relative; top: -251px; right: -82px; background: #fff;} #rightColumn1 strong {color: #333; font-family: Georgia; text-align: left; font-size: 13px; font-weight: bold;} #allColumn {margin-top: 2px; padding: 39px; float: left; width: 695px; position: relative; background: #fff; } .contentTitle {position: relative; color: #bb772e; border-bottom: 1px solid #baa27e; font-family: Georgia, "Trebuchet MS"; font-size: large; font-weight: normal; letter-spacing: 3px; margin-bottom: 0;} #allColumn p {line-height: 1.4em; padding: 0px; margin: 10px; font-size: 12px; text-align: left; color: #333;} #allColumn ul {position: relative; margin: 15px 0 20px 10px; padding: 0; list-style: none;} #allColumn li {margin: 0 0 .2em 0; padding: 0 0 0 14px; line-height: 1.4em; color:#333; background: url(images/bullet.gif) no-repeat 0 6px;} #allColumn a {color: #bb772e; text-decoration: underline;} #allColumn a:visited{color: #BAB9A2; text-decoration: underline;} #allColumn a:hover {color: #666; text-decoration: none;} #allColumn a:focus {color: #666; text-decoration: none;} #allColumn td a:link, #leftColumnIn td a:visited{text-decoration: none;} #allColumn td a:hover{text-decoration: underline;} #allColumn strong {color: #333; font-family: Georgia, Tahoma; text-align: left; font-size: 13px;} /* ---( table styles )------------------------------------ */ #bottom {width: 800px; height: 150px; white-space: wrap;} table{border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; float: right; width: 200px; height: auto;} table caption {display: none; caption-side: top;} table tr caption {display: none; width: 100%;} table td {width: 250px; height: auto; margin: 2px; padding: 10px;} table td h3{font-size: 15px; font-family: Georgia; margin-top: 10px;} table td h3.first {color: #819fc5; padding-bottom: 0;} table td h3.second {color: #00704a; } table td h3.third {color: #ac3d34; } table td h3.last {color: #cca03d; } table td p {line-height: 1.4em; padding: 2; margin: 2; color: #333; font-size: 11px; font-weight: normal; text-align: left;} table td.first {width: 200px; background: url(images/box3.jpg) no-repeat top left;} table td.second {background: url(images/box2.jpg) no-repeat top left;} table td.third {background: url(images/box1.jpg) no-repeat top left;} table td.last {background: url(images/box4.jpg) no-repeat top left;border-right: none;} table td a {margin: 0 0 0 0; font-size: 11px; color: #bb772e; text-decoration: none;} table td a:visited {color: #BAB9A2; text-decoration: none;} table td a:hover {color:#666; text-decoration: underline;} table td a:focus {color: #666; text-decoration: none;} .footer {margin-left: 8px; width:785px; height: 30px; border-top: 1px solid #ccc;} .footer {color: #333; font-size: 11px; text-align: left;} .copyright {float:right; width:50%; text-align:right;} .footer a {font-size: 11px; color: #bb772e; text-decoration: none;} .footer a:visited {color: #BAB9A2; text-decoration: none;} .footer a:hover {color:#666; text-decoration: underline;} .footer a:focus {color: #666; text-decoration: none;} /* ---( login form styles )------------------------------------ */ .login_section {float: right; width: 360px; height: auto; padding: 10px; background: #eee;} .login input#l {margin-bottom: 5px; padding-left: 1px; font-size: 14px; width: 250px; border: 1px inset #999;} .login input#l2 {margin-bottom: 5px; padding-left: 1px; font-size: 14px; width: 250px; border: 1px inset #999;} /* ---( admin login form styles )------------------------------------ */ .login_section_admin {width: 360px; height: auto; padding: 10px; background: #eee;} #leftColumndatabackup {margin-top: 2px; padding: 10px; float: left; width: 475px; position: relative; background: #fff; } .phpform2 .title { font-family:"Times New Roman", Times, serif; font-weight:bold; color:#ac3d34; font-size:16px; } /*#leftColumn .header { font-family:"Times New Roman", Times, serif; font-weight:bold; color:#ac3d34; font-size:16px; } #leftColumn .titles { font-family: Arial, Helvetica, sans-serif; color:#000; font-size:13px; padding-right:10px; }*/ #center { width: 300px; height:275px; padding: 10px; background-color:#819FC5;} #center .formrow { padding-left: 10px;} #singupbutton2 { display: block; width: 200px; height:28px; font-family: Arial, Helvetica, sans-serif; font-size:14px; text-align:center; padding-top: 10px; background:url(images/signupbutton.jpg) no-repeat; } #container #leftColumndatabackup #repIndustry #singupbutton2 .signbutton2 a{color: #00704a; text-decoration:none;} #container #leftColumndatabackup #repIndustry #singupbutton2 .signbutton2 a:visited{color:color: #00704a; text-decoration:none;} #container #leftColumndatabackup #repIndustry #singupbutton2 .signbutton2 a:hover {color: #ac3d34; text-decoration:none;} #container #leftColumndatabackup #singupbutton2 .signbutton2 a{color: #00704a; text-decoration:none;} #container #leftColumndatabackup #singupbutton2 .signbutton2 a:visited{color:color: #00704a; text-decoration:none;} #container #leftColumndatabackup #singupbutton2 .signbutton2 a:hover {color: #ac3d34; text-decoration:none;} #container #leftColumn #center #signup p .titles { width: 7em; float: left; text-align: right; margin-right: 0.5em; display: block; color: #fff; } #signup .form{ margin:0 auto; width:400px; padding:14px; } .header { font-family: Georgia, "Times New Roman", Times, serif,; font-size:20px; color: #fff; } #rightColumnv1 {padding: 0; float: left; width: 195px; position: relative; position: relative; top: -251px; right: -110px; background: #fff;} #rightColumnv1 strong {color: #333; font-family: Georgia; text-align: left; font-size: 13px; font-weight: bold;}