/* Style Sheet for Testing Links in CSS */ /* ***************************************************** */ /* Amendment History */ /* ***************************************************** */ /* 06032007 Remove Fixed White Space and replace with */ /* Fixed Centred layout using negative-margin */ /* */ /* */ /* 08052007 Updated menu bar to allow for emergency */ /* lighting and F.R.A */ /* */ /* */ /* */ /* */ /* ***************************************************** */ /* global styles */ /* list class style */ /* ***************************************************** */ /* defaults styles */ /* ***************************************************** */ .accent {font-weight: 700;} .accent a {text-decoration: none;color: #505064;} .accent img {border: none;} /* ***************************************************** */ /* divisional styles */ /* ***************************************************** */ /* ***************************************************** */ /* White Space */ /* created using negative margin on absolute container */ /* ***************************************************** */ #container { position: absolute; left: 50%; margin-left: -400px; width: 800px; border: none; } /* ***************************************************** */ /* header division */ /* ***************************************************** */ #hcontainer { position: absolute; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-padding-bottom: 0px; border: none; } #header1 { position: absolute; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-padding-bottom: 0px; } #header2 { position: absolute; margin-left: 260px; margin-right: 1px; margin-top: 84px; width: 400px; border: none; } #header3 { position: absolute; margin-left: 330px; margin-right: 5px; margin-top: 0px; border: none; } #header4 { position: absolute; margin-left: 520px; margin-right: 5px; margin-top: 65px; border: none; } #header5 { position: absolute; margin-left: 435px; margin-right: 5px; margin-top: 30px; border: none; } #header6 { position: absolute; margin-left: 535px; margin-right: 0px; margin-top: 70px; border: none; } /* ***************************************************** */ /* Navigation */ /* ***************************************************** */ #menuBar { position: absolute; margin-top: 265px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: none; } #menuBar ol {background-color: #F75454; width: 800px; margin-left: 0px; margin-bottom:0px; padding-top: 10px; padding-bottom: 10px; padding-left: 0px;} #menuBar ol {font-family: Times New Roman, Georgia, Serif;} #menuBar ol {font-size: 20pt; font-weight: 700; font-align: middle;} #menuBar li {display: inline; list-style-type: none; width: 200px; } #menuBar li {background-color: #F75454; margin: 0px; padding-right: 0px;} .menul1 a:link {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend1.gif") no-repeat 100% 50%; } .menul1 a:visited {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend1v.gif") no-repeat 100% 50%; } .menul1 a:hover {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend1h.gif") no-repeat 100% 50%; } .menul2 a:link {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend2.gif") no-repeat 100% 50%; } .menul2 a:visited {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend2v.gif") no-repeat 100% 50%; } .menul2 a:hover {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend2h.gif") no-repeat 100% 50%; } .menul3 a:link {padding-left: 75px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend3.gif") no-repeat 100% 50%; } .menul3 a:visited {padding-left: 75px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend3v.gif") no-repeat 100% 50%; } .menul3 a:hover {padding-left: 75px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend3h.gif") no-repeat 100% 50%; } .menul4 a:link {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend4.gif") no-repeat 100% 50%; } .menul4 a:visited {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend4v.gif") no-repeat 100% 50%; } .menul4 a:hover {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend4h.gif") no-repeat 100% 50%; } .menul5 a:link {padding-left: 100px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend5.gif") no-repeat 100% 50%; } .menul5 a:visited {padding-left: 100px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend5v.gif") no-repeat 100% 50%; } .menul5 a:hover {padding-left: 100px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend5h.gif") no-repeat 100% 50%; } .menul6 a:link {padding-left: 85px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend6.gif") no-repeat 100% 50%; } .menul6 a:visited {padding-left: 85px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend6v.gif") no-repeat 100% 50%; } .menul6 a:hover {padding-left: 85px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend6h.gif") no-repeat 100% 50%; } .menul7 a:link {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend7.gif") no-repeat 100% 50%; } .menul7 a:visited {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend7v.gif") no-repeat 100% 50%; } .menul7 a:hover {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend7h.gif") no-repeat 100% 50%; } .menul8 a:link {padding-left: 75px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend8.gif") no-repeat 100% 50%; } .menul8 a:visited {padding-left: 75px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend8v.gif") no-repeat 100% 50%; } .menul8 a:hover {padding-left: 75px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend8h.gif") no-repeat 100% 50%; } .menul9 a:link {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend9.gif") no-repeat 100% 50%; } .menul9 a:visited {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend9v.gif") no-repeat 100% 50%; } .menul9 a:hover {padding-left: 65px; padding-bottom:5px; color: #F75454; text-decoration: none;background: url("../Images/Legend9h.gif") no-repeat 100% 50%; } /* ***************************************************** */ /* Content */ /* ***************************************************** */ #content { position: absolute; margin-left: 0px; margin-right: 0px; /* margin-top: 305px; */ margin-top: 355px; width: 800px; border: none; } #paraText p {font-family: verdana, helvetica, arial, sans-serif;} #paraText p {font-size: 10pt; font-weight: 450;background-color: #D5D5E0;} #paraText p {text-align: justify; padding-left: 10px; padding-right: 10px;} #paraText ul {margin-left: 150px;} #paraText ul {font-family: verdana, helvetica, arial, sans-serif;} #paraText ul {font-size: 10pt; font-weight: 450;background-color: #D5D5E0;} #paraText table {font-family: verdana, helvetica, arial, sans-serif;} #paraText table {font-size: 10pt; font-weight: 450;background-color: #D5D5E0;} #paraText {background-color: #D5D5E0;} #form1 form {padding-left: 10px;} #form1 form {font-family: verdana, helvetica, arial, sans-serif;} #form1 form {font-size: 10pt; font-weight: 450;background-color: #D5D5E0;} #form1 ul {margin-left: 50px; width: 650px;} #form1 li {display: inline; list-style-type: none; width: 200px;} #form1 li {padding-right: 80px;} .input1 {margin-left: 53px;} .input2 {margin-left: 70px;} .input3 {margin-left: 67px;} .input4 {margin-left: 62px;} .input5 {margin-left: 62px;} .input6 {margin-left: 87px;} .input7 {margin-left: 63px;} .input8 {margin-left: 60px;} .input9 {margin-left: 118px;} .input10 {margin-left: 93px;} .input11 {margin-left: 94px;} .input12 {margin-left: 20px;} .input13 {margin-left: 0px; margin-top: 5px;} .input14 {color: #D5D5E0;} .input15 {margin-left: 280px;} /* ***************************************************** */ /* Footer */ /* ***************************************************** */ #footer { position: absolute; margin-left: 0px; margin-right: 0px; margin-top: 20px; margin-bottom: 0px; background-color: #FFFFFF; border: none; } #footer ul {width: 800px; margin-left: 0px; margin-bottom: 0px;padding-left: 25px;background-color: #FFFFFF;} #footer li {display: inline; list-style-type: none; width: 200px;} #footer li {margin: 0px; padding-right: 25px;} #footer a {background: #F75454text-decoration: none;}