/* VectorVision.com common.css General site styles Coded by Ryan Herndon, Web Developer - Ceatus Media Group, LLC 09/22/2006 */ * { margin: 0; padding: 0; } html { min-height: 100%; margin: 0 0 .01em; } body { background: #000; font: 11px/15px Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: center; } a:link { color: #0A4FC8; } a:visited { color: #073280; } a:hover { color: #2E9FF8; text-decoration: none; } blockquote { position: relative; left: 45px; width: 70%; } #container { position: relative; top: 10px; margin: 0 auto 10px; width: 760px; text-align: left; background: #fff; } /* subpage header */ #header { position: relative; float: left; width: 760px; height: 169px; background: url(../images/header-sub.jpg) no-repeat 0 0; } #header-left { position: relative; float: left; width: 589px; height: 169px; } #header-left #contrast-sensitivity { position: relative; top: 29px; left: 17px; margin: 0 17px 29px 0; float: left; width: 401px; height: 40px; font-size: 14px; color: #fff; } #header-left #contrast-sensitivity span { position: absolute; top: 0; left: 0; width: 401px; height: 40px; background: url(../images/sub-contrast-sensitivity.jpg) no-repeat 0 0; } #header-right { position: relative; float: left; width: 171px; height: 169px; } #homeheader { position: relative; float: left; width: 760px; height: 359px; background: url(../images/header.jpg) no-repeat 0 0; } #homeheader #header-left { position: relative; float: left; width: 574px; } #logo { position: relative; top: 0; left: 0; float: left; } #homeheader #contrast-sensitivity { position: relative; float: left; top: 36px; margin: 0 30px 36px 0; left: 30px; width: 271px; height: 65px; font-size: 10px; display: block; } #homeheader #contrast-sensitivity span { position: absolute; top: 0; left: 0; width: 271px; height: 65px; background: url(../images/contrast-sensitivity.jpg) no-repeat 0 0; } #homeheader p { position: relative; top: 40px; left: 30px; margin: 0 30px 40px 0; float: left; font-size: 13px; width: 300px; color: #fff; } #homeheader #header-right { position: relative; float: left; width: 186px; } #homeheader #header-right iframe { overflow: hidden; margin: 0; } #homeheader #vvnumber { position: relative; float: left; width: 186px; height: 73px; margin: 0; font-size: 10px; display: block; background: url(../images/800.png) no-repeat 0 0; } #homeheader #vvnumber span { position: absolute; top: 0; left: 0; width: 186px; height: 73px; } #form { position: relative; float: left; width: 186px; height: 286px; background: url(../images/background-form.png) no-repeat 0 0; color: #fff; } #form fieldset { position: relative; top: 80px; padding: 0 0 4px; border: none; width: 186px; text-align: center; } #form fieldset.send { padding: 0; } #form input, #form textarea { position: relative; border: 0; background: #C7DCFB; font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px; color: #000; border: 1px solid #0D50B3; } #form input { width: 150px; w\idth: 146px; } #form textarea { width: 150px; w\idth: 146px; height: 80px; he\ight: 76px; overflow: auto; } #form #send { position: relative; left: 18px; width: auto; float: left; } #form input.required, #form textarea.required { border: 1px solid #c00; background: #F8EDED; } #nav { position: relative; float: left; width: 760px; height: 52px; background: url(../images/nav-shadow.gif) no-repeat 0 0; z-index: 50; } #nav li { position: relative; left: 31px; top: 0; float: left; display: block; height: 45px; list-style: none; } #nav li a { cursor: pointer; height: 45px; position: relative; left: 0; display: block; overflow: hidden; } #nav li span { position: absolute; left: 0; top: 0; z-index: 1; height: 45px; } #nav li.about, #nav li.about a, #nav li.about span { width: 82px; background: url(../images/nav.png) no-repeat -31px 0; } #nav li.about a:hover span { background: url(../images/nav.png) no-repeat -31px -45px; } #nav li.abouton, #nav li.abouton span { width: 82px; background: url(../images/nav.png) no-repeat -31px -45px; } #nav li.tests, #nav li.tests a, #nav li.tests span { width: 106px; background: url(../images/nav.png) no-repeat -113px 0; } #nav li.tests a:hover span { background: url(../images/nav.png) no-repeat -113px -45px; } #nav li.testson, #nav li.testson span { width: 106px; background: url(../images/nav.png) no-repeat -113px -45px; } #nav li.choice, #nav li.choice a, #nav li.choice span { width: 163px; background: url(../images/nav.png) no-repeat -219px 0; } #nav li.choice a:hover span { background: url(../images/nav.png) no-repeat -219px -45px; } #nav li.choiceon, #nav li.choiceon span { width: 163px; background: url(../images/nav.png) no-repeat -219px -45px; } #nav li.edu, #nav li.edu a, #nav li.edu span { width: 94px; background: url(../images/nav.png) no-repeat -382px 0; } #nav li.edu a:hover span { background: url(../images/nav.png) no-repeat -382px -45px; } #nav li.eduon, #nav li.eduon span { width: 94px; background: url(../images/nav.png) no-repeat -382px -45px; } #nav li.contact, #nav li.contact a, #nav li.contact span { width: 100px; background: url(../images/nav.png) no-repeat -476px 0; } #nav li.contact a:hover span { background: url(../images/nav.png) no-repeat -476px -45px; } #nav li.contacton, #nav li.contacton span { width: 100px; background: url(../images/nav.png) no-repeat -476px -45px; } #nav li.home, #nav li.home a, #nav li.home span { width: 61px; background: url(../images/nav.png) no-repeat -576px 0; } #nav li.home a:hover span { background: url(../images/nav.png) no-repeat -576px -45px; } #nav li.homeon, #nav li.homeon span { width: 61px; background: url(../images/nav.png) no-repeat -576px -45px; } #nav li.pub, #nav li.pub a, #nav li.pub span { width: 123px; background: url(../images/nav.png) no-repeat -637px 0; } #nav li.pub a:hover span { background: url(../images/nav.png) no-repeat -637px -45px; } #nav li.pubon, #nav li.pubon span { width: 123px; background: url(../images/nav.png) no-repeat -637px -45px; } #nav li ul { display: none; position: absolute; width: 130px; font-size: 11px; font-family: Geneva, Arial, Helvetica, sans-serif; } #nav li li { width: 130px; height: auto; left: 0; } #nav li.edu li, #nav li.eduon li { width: 180px; } #nav li>ul { top: 45px; left: 0; z-index: 100; } #nav li:hover ul, #nav li.sfhover ul { left: 0; top: 45px; display: block; z-index:100; } #nav li li a:link, #nav li li a:visited { background: #09388A; cursor: pointer; color: #fff; padding: 5px 5px 5px 8px; width: 130px; w\idth: 117px; text-decoration: none; display: block; height: auto; line-height: 12px; } #nav li.edu li a:link, #nav li.edu li a:visited, #nav li.eduon li a:link, #nav li.eduon li a:visited { width: 180px; w\idth: 167px; } #nav li li a:hover { background-color: #FFB03A; color: #09388A; } /* home page content area */ .home #contentRight { position: relative; right: 10px; top: 30px; margin: 0 0 30px 10px; float: right; width: 510px; } .home #contentRight p { margin: 0 0 10px; } .home #box1 { position: relative; top: 10px; margin: 0 0 25px; float: left; width: 500px; height: 150px; background: url(../images/homeBox1.gif) no-repeat 0 0; } .home #box1 span.bottom { position: absolute; bottom: 0; left: 0; display: block; width: 500px; height: 20px; background: url(../images/homeBox1-bottom.gif) no-repeat bottom left; } .home #box1 ul.col1, .home #box1 ul.col2, .home #box1 ul.col3 { position: relative; left: 10px; top: 25px; margin: 0 10px 35px 0; width: 200px; float: left; } .home #box1 li { margin: 0 0 10px; list-style: none; } .home #box1 a:link, .home #box1 a:visited { background: url(../images/bullet2.gif) no-repeat 0 5px; width: 200px; w\idth: 190px; padding: 0 0 0 10px; } .home #box1 ul.col2 { width: 130px; left: 20px; } .home #box1 ul.col3 { width: 100px; left: 30px; } .home #box1 ul.col2 a:link, .home #box1 ul.col2 a:visited { width: 130px; w\idth: 120px; } .home #box1 ul.col3 a:link, #homeBox1 ul.col3 a:visited { width: 100px; w\idth: 90px; } .home h1 { margin: 0 0 15px; } .home h2 { font-size: 14px; margin: 0 0 15px; } .home h2 span { color: #09388A; } .home #contentLeft { position: relative; left: 15px; top: 30px; margin: 0 15px 30px 0; float: left; width: 190px; } .home #contentLeft p { margin: 0 0 10px 10px; } .home #contentLeft ul { margin: 0 0 10px 30px; list-style-image: url(../images/bullet1.gif); } /* sub page content area */ #contentLeft { position: relative; left: 18px; top: 30px; margin: 0 0 50px; float: left; width: 469px; } #contentLeft h1 { font-weight: bold; font-size: 18px; line-height: 18px; color: #0A3581; margin: 0 0 15px; } #contentLeft h2 { font-size: 14px; color: #0a3581; margin: 0 0 15px; } #contentLeft h2 a:link, #contentLeft h2 a:visited, #contentLeft h2 a:hover { text-decoration: none; color: #0a3581; } #contentLeft h3 { font-size: 11px; color: #0a3581; margin: 0 0 15px; } #contentLeft hr { margin: 0 0 25px; } #contentLeft p { margin: 0 0 10px; } #contentLeft ul, #contentLeft ol { margin: 0 35px 10px; } #contentLeft #mesoNav { float: left; margin: 0 0 15px 0; background: #CCE0FF; border:#CCE0FF solid thick; } #mesoNav li.title { list-style: none; } #mesoNav li { float: left; list-style-type: none; position: relative; width: 220px; } #contentLeft table { text-align: center; line-height: 20px; } #largeform { position: relative; float: left; width: 400px; background: none; } #largeform fieldset { position: relative; top: 0; padding: 0 0 8px; border: none; width: 400px; text-align: center; } #largeform fieldset.send { padding: 0; } #largeform label { position: relative; float: left; width: 150px; w\idth: 130px; text-align: right; padding: 0 20px 0 0; } #largeform input, #largeform textarea { position: relative; border: 0; background: #C7DCFB; border: 1px solid #0D50B3; font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 2px; color: #000; } #largeform input { width: 200px; w\idth: 196px; } #largeform input.securityCode { width: auto; } #largeform textarea { width: 350px; w\idth: 346px; height: 150px; he\ight: 146px; overflow: auto; } #largeform #send { position: relative; left: 18px; width: auto; float: left; } #errmsgbox { position: relative; width: 250px; w\idth: 226px; border: 2px solid #c00; background: #fcc; padding: 5px 10px; font-size: 10px; margin: 0 auto; } #securitybox { position: relative; top: 15px; margin: 0 0 30px 0; } #contentRight { position: relative; right: 10px; top: 45px; margin: 0 0 85px; float: right; width: 210px; } #sidebox { position: relative; float: left; width: 210px; w\idth: 175px; background: url(../images/sidebox-middle.png) repeat-y 0 0; padding: 33px 20px 10px 15px; margin: 0 0 20px; } #sidebox p { position: relative; z-index: 5; margin: 0 0 10px; } #sidebox ul, #sidebox ol { position: relative; margin: 0 15px 10px 25px; z-index: 2; } #sidebox span.sideboxtop { position: absolute; top: 0; left: 0; width: 210px; height: 33px; } #sidebox.box1 span.sideboxtop { background: url(../images/sidebox-top-1.png) no-repeat 0 0; } #sidebox.box2 span.sideboxtop { background: url(../images/sidebox-top-2.png) no-repeat 0 0; } #sidebox.box3 span.sideboxtop { background: url(../images/sidebox-top-3.png) no-repeat 0 0; } #sidebox.box4 span.sideboxtop { background: url(../images/sidebox-top-4.png) no-repeat 0 0; } #sidebox.box5 span.sideboxtop { background: url(../images/sidebox-top-5.png) no-repeat 0 0; } #sidebox.box6 span.sideboxtop { background: url(../images/sidebox-top-6.png) no-repeat 0 0; } #sidebox.box7 span.sideboxtop { background: url(../images/sidebox-top-7.png) no-repeat 0 0; } #sidebox.box8 span.sideboxtop { background: url(../images/sidebox-top-8.png) no-repeat 0 0; } #sidebox.box9 span.sideboxtop { background: url(../images/sidebox-top-9.png) no-repeat 0 0; } #sidebox.box10 span.sideboxtop { background: url(../images/sidebox-top-10.png) no-repeat 0 0; } #sidebox.box11 span.sideboxtop { background: url(../images/sidebox-top-11.png) no-repeat 0 0; } #sidebox.box12 span.sideboxtop { background: url(../images/sidebox-top-12.png) no-repeat 0 0; } #sidebox.box13 span.sideboxtop { background: url(../images/sidebox-top-13.png) no-repeat 0 0; } #sidebox span.sideboxbottom { position: absolute; bottom: -1px; left: 0; width: 210px; height: 38px; background: url(../images/sidebox-bottom.png) no-repeat bottom left; z-index: 1; } #address { position: relative; float: left; width: 760px; } #vv, #livingston, #suite, #greenville, #ohio, #phone1, #phone12, #phone13, #phone14, #phone2, #phone22, #phone23, #phone24, #phone3, #phone32, #phone33, #phone34 { position: relative; top: 4px; left: 15px; float: left; overflow: hidden; } #vv { width: 85px; height: 11px; } #vv strong { position: absolute; top: 0; left: 0; display: block; width: 85px; height: 11px; background: url(../images/vv.gif) no-repeat 0 0; cursor: default; } #livingston { width: 112px; height: 11px; } #livingston a:link, #livingston a:visited, #livingston a:hover { position: relative; display: block; width: 112px; height: 11px; background: url(../images/livingston.gif) no-repeat 0 0; cursor: default; } #livingston strong { position: absolute; top: 0; left: 0; width: 112px; height: 11px; background: url(../images/livingston.gif) no-repeat 0 0; } #suite { width: 39px; height: 11px; } #suite a:link, #suite a:visited, #suite a:hover { position: relative; display: block; width: 39px; height: 11px; background: url(../images/suite.gif) no-repeat 0 0; cursor: default; } #suite strong { position: absolute; top: 0; left: 0; width: 39px; height: 11px; background: url(../images/suite.gif) no-repeat 0 0; } #greenville { width: 66px; height: 11px; } #greenville a:link, #greenville a:visited, #greenville a:hover { position: relative; display: block; width: 66px; height: 11px; background: url(../images/greenville.gif) no-repeat 0 0; cursor: default; } #greenville strong { position: absolute; top: 0; left: 0; width: 66px; height: 11px; background: url(../images/greenville.gif) no-repeat 0 0; } #ohio { width: 59px; height: 11px; } #ohio a:link, #ohio a:visited, #ohio a:hover { position: relative; display: block; width: 59px; height: 11px; background: url(../images/ohio.gif) no-repeat 0 0; cursor: default; } #ohio strong { position: absolute; top: 0; left: 0; width: 59px; height: 11px; background: url(../images/ohio.gif) no-repeat 0 0; } #phone1 { width: 24px; height: 8px; } #phone1 a:link, #phone1 a:visited, #phone1 a:hover { position: relative; display: block; width: 24px; height: 8px; background: url(../images/phone1.gif) no-repeat 0 0; cursor: default; } #phone1 strong { position: absolute; top: 0; left: 0; width: 24px; height: 8px; background: url(../images/phone1.gif) no-repeat 0 0; } #phone12 { width: 26px; height: 8px; } #phone12 a:link, #phone12 a:visited, #phone12 a:hover { position: relative; display: block; width: 26px; height: 8px; background: url(../images/phone1.gif) no-repeat -24px 0; cursor: default; } #phone12 strong { position: absolute; top: 0; left: 0; width: 26px; height: 8px; background: url(../images/phone1.gif) no-repeat -24px 0; } #phone13 { width: 28px; height: 8px; } #phone13 a:link, #phone13 a:visited, #phone13 a:hover { position: relative; display: block; width: 28px; height: 8px; background: url(../images/phone1.gif) no-repeat -50px 0; cursor: default; } #phone13 strong { position: absolute; top: 0; left: 0; width: 28px; height: 8px; background: url(../images/phone1.gif) no-repeat -50px 0; } #phone14 { width: 52px; height: 9px; } #phone14 a:link, #phone14 a:visited, #phone14 a:hover { position: relative; display: block; width: 52px; height: 9px; background: url(../images/domestic.gif) no-repeat 0 0; cursor: default; } #phone14 strong { position: absolute; top: 0; left: 0; width: 52px; height: 9px; background: url(../images/domestic.gif) no-repeat 0 0; } #phone2 { width: 24px; height: 8px; } #phone2 a:link, #phone2 a:visited, #phone2 a:hover { position: relative; display: block; width: 24px; height: 8px; background: url(../images/phone2.gif) no-repeat 0 0; cursor: default; } #phone2 strong { position: absolute; top: 0; left: 0; width: 24px; height: 8px; background: url(../images/phone2.gif) no-repeat 0 0; } #phone22 { width: 26px; height: 8px; } #phone22 a:link, #phone22 a:visited, #phone22 a:hover { position: relative; display: block; width: 26px; height: 8px; background: url(../images/phone2.gif) no-repeat -24px 0; cursor: default; } #phone22 strong { position: absolute; top: 0; left: 0; width: 26px; height: 8px; background: url(../images/phone2.gif) no-repeat -24px 0; } #phone23 { width: 28px; height: 8px; } #phone23 a:link, #phone23 a:visited, #phone23 a:hover { position: relative; display: block; width: 28px; height: 8px; background: url(../images/phone2.gif) no-repeat -50px 0; cursor: default; } #phone23 strong { position: absolute; top: 0; left: 0; width: 28px; height: 8px; background: url(../images/phone2.gif) no-repeat -50px 0; } #phone24 { width: 71px; height: 9px; } #phone24 a:link, #phone24 a:visited, #phone24 a:hover { position: relative; display: block; width: 71px; height: 9px; background: url(../images/international.gif) no-repeat 0 0; cursor: default; } #phone24 strong { position: absolute; top: 0; left: 0; width: 71px; height: 9px; background: url(../images/international.gif) no-repeat 0 0; } #phone3 { width: 24px; height: 8px; } #phone3 a:link, #phone3 a:visited, #phone3 a:hover { position: relative; display: block; width: 24px; height: 8px; background: url(../images/phone3.gif) no-repeat 0 0; cursor: default; } #phone3 strong { position: absolute; top: 0; left: 0; width: 24px; height: 8px; background: url(../images/phone3.gif) no-repeat 0 0; } #phone32 { width: 26px; height: 8px; } #phone32 a:link, #phone32 a:visited, #phone32 a:hover { position: relative; display: block; width: 26px; height: 8px; background: url(../images/phone3.gif) no-repeat -24px 0; cursor: default; } #phone32 strong { position: absolute; top: 0; left: 0; width: 26px; height: 8px; background: url(../images/phone3.gif) no-repeat -24px 0; } #phone33 { width: 28px; height: 8px; } #phone33 a:link, #phone33 a:visited, #phone33 a:hover { position: relative; display: block; width: 28px; height: 8px; background: url(../images/phone3.gif) no-repeat -50px 0; cursor: default; } #phone33 strong { position: absolute; top: 0; left: 0; width: 28px; height: 8px; background: url(../images/phone3.gif) no-repeat -50px 0; } #phone34 { width: 18px; height: 9px; } #phone34 a:link, #phone34 a:visited, #phone34 a:hover { position: relative; display: block; width: 18px; height: 9px; background: url(../images/fax.gif) no-repeat 0 0; cursor: default; } #phone34 strong { position: absolute; top: 0; left: 0; width: 18px; height: 9px; background: url(../images/fax.gif) no-repeat 0 0; } #partner { position: relative; top: 15px; margin: 0 0 20px; text-align: center; font-size: 10px; } #partner #visitThe { position: relative; top: 3px; left: 130px; float: left; display: block; width: 47px; height: 10px; background: url(../images/visit-the.gif) no-repeat 0 0; overflow: hidden; } #partner #visitThe span { position: absolute; top: 0; left: 0; width: 47px; height: 10px; background: url(../images/visit-the.gif); } #partner #partnerSites { position: relative; top: 3px; left: 130px; float: left; display: block; width: 75px; height: 10px; background: url(../images/partner-sites.gif) no-repeat 0 0; overflow: hidden; } #partner #partnerSites span { position: absolute; top: 0; left: 0; width: 75px; height: 10px; background: url(../images/partner-sites.gif); } #footer { position: relative; top: 15px; width: 760px; margin: 0 auto 15px; font-size: 10px; color: #06f; } #footer a:link, #footer a:visited { color: #fff; } #footer .marketing { font-size: 9px; } #footer .marketing a:link, #footer .marketing a:visited, #footer .marketing a:hover { color: #06f; text-decoration: none; } #printcopy { display: none; } /* set to display in print style sheet for printed pages */ /* classes */ .clear { clear: both; } .title1 { color: #09388A; } .imgFloatLeft { float: left; margin: 0 10px 10px 0; } .imgFloatLeft2 { float: left; margin: 0 25px 35px 0; } .imgFloatRight { float: right; margin: 0 0 10px 10px; } .imgFloatCenter { position: relative; margin: 0 auto 10px; } .alignLeft { text-align: left; } .notice { color: #f00; } .link1:link, .link1:visited, .link1:hover { text-decoration: none; color: #000; } a:link.hidden-link {color:#000000 !important; text-decoration:none !important;} a:visited.hidden-link {color:#000000 !important; text-decoration:none !important;} a:hover.hidden-link {color:#000000 !important; text-decoration:none !important;} a:active.hidden-link {color:#000000 !important; text-decoration:none !important;}