/* BODY ELEMENTS */ body { margin:0 auto; padding:0; font-family:Georgia, "Times New Roman", Times, serif; background-color:#97B29C; background-image:url(../images/template/grid.gif); background-repeat:repeat; padding-top:10px; z-index:0 } .clear { clear:both; width:0px; height:0px; } img { border:none; margin:0; } /* COMMON PAGE ELEMENTS */ #container { position:relative; width:950px; margin:0 auto; background-color:#FFFFFF } #header { position:relative; width:950px; height:50px; margin:0 auto; background-image:url(../images/template/contentTop.png); background-position:top; background-repeat:no-repeat;} #content { position:relative; width:600px; padding:20px 40px 10px 50px; min-height:500px; float:left; background-image:url(../images/template/contentBG.jpg); background-position:top right; background-repeat:no-repeat } #pageTitle { position:relative; width:450px; height:70px; text-align:right; float:right; margin-bottom:40px; padding-top:10px } #sidebar { position:relative; width:260px; height:600px; padding-top:65px; float:left; margin:0;background-image:url(../images/template/sidebarBG.jpg); background-repeat:no-repeat; } #footer { position:relative; width:950px; clear:both; height:60px; margin:0 auto; background-image:url(../images/template/footer.png); overflow:hidden; background-position:top left; background-repeat:no-repeat; padding-top:15px; } #footer .copy { position:relative; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:11px; color:#cccccc; margin:0; left:55px } #footer .valid { position:relative; float:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;color:#cccccc; margin:0; left:550px } #footer .valid a { color:#cccccc; text-decoration:none; background-color:#ffffff } #footer img { position:relative; margin:0; vertical-align:middle } #footer a:hover { color:#000000; text-decoration:none } #innerfooter { position:relative; width:950px; height:60px; margin:0 auto; } /* STYLING ELEMENTS */ h1 { position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:25px; color:#3F3F3F; margin:0; padding:0; } h2 { position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal; font-style:italic; color:#3F3F3F; margin:0; padding:0; top:-5px; text-align:right } h3 { position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold; font-style:italic; color:#3F3F3F; margin:0; padding:0; padding-bottom:20px; } h3.bluetitle { font-style:normal; color:#289BCD; margin:0; padding-bottom:10px; } h3.redtitle { font-style:normal; color:#9E0732; margin:0; padding-bottom:10px; } h3.orangetitle { font-style:normal; color:#f2be22; margin:0; font-size:14px; padding:0} h3.greentitle { font-style:normal; color:#9cbf06; margin:0; font-size:14px; padding:0} h4 { position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#3F3F3F; margin:0; padding:0; padding-bottom:5px; } p { position:relative; font-family:"Courier New", Courier, monospace; font-size:14px; color:#3f3f3f; margin:0; padding:0; padding-bottom:10px; } p a { position:relative; font-weight:normal; text-decoration:none; background-color:#494949; color:#FFFFFF; padding:1px 4px 1px 4px; margin:0; } p a:hover { position:relative; font-weight:normal; text-decoration:none; background-color:#666; color:#FFFFFF; padding:1px 4px 1px 4px; } .small { font-size:11px; } .highlight { position:relative; font-weight:normal; text-decoration:none; background-color:#3F3F3F; color:#FFFFFF; padding:1px 4px 1px 4px; margin-right:3px; } a.word img { position:relative; padding-top:1px; margin:0; vertical-align:middle } #logo { position:absolute; width:209px; height:198px; padding-top:15px; top:-50px; left:25px; padding-left:13px; background-image:url(../images/template/bubble.png); background-repeat:no-repeat; margin:0; z-index:50 } #displayBox { position:relative; float:left; width:130px; height:150px; margin:0; margin-right:20px; margin-bottom:20px; } #leftCol { position:relative; width:55%; margin:0; float:left } #rightCol { position:relative; width:45%; margin:0; top:-20px; float:left} #thinLeftCol { position:relative; width:40%; margin:0; float:left } #wideRightCol { position:relative; width:60%; margin:0; top:-5px; float:left; } #content ul { position:relative; list-style-type:none; padding:0; margin:0; width:98% } #content ul li { position:relative; list-style-type:none; padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#3F3F3F; background-image:url(../images/template/arrow.gif); background-position:top left; background-repeat:no-repeat; padding-left:30px; line-height:22px; } /* #content ul .normalText { position:relative; list-style-type:none; padding:0; margin:0;} #content ul li .normalText { position:relative; list-style-type:none; padding-left:30px; margin:0; } #content .normalText li { position:relative; list-style:outside; padding:0; margin:0; font-weight:normal; font-family:"Courier New", Courier, monospace; font-size:14px; color:#3F3F3F; background-image:url(../images/template/arrow.gif); background-position:top left; background-repeat:no-repeat; padding-left:30px; padding-bottom:3px; } */ #badge { position:absolute; width:150px; height:137px; top:-60px; left:785px; margin:0; z-index:1000 } /* CONTACT PAGE ELEMENTS */ #form { position:relative; border:5px dashed #E4EFE4; padding-left:10px; padding-top:10px; padding-bottom:5px; border-collapse:collapse } #form .text { position:relative; width:300px; background-color:#E4EFE4; border:none; color:#3f3f3f; padding:5px; font-family:"Courier New", Courier, monospace; font-size:15px; margin:0; } #form .comments { position:relative; width:300px; height:60px; background-color:#E4EFE4; border:none; color:#3f3f3f; padding:5px; font-family:"Courier New", Courier, monospace; font-size:15px; margin:0; margin-top:5px } .count { border:0px; width:12px; font-family:"Courier New", Courier, monospace; color:#289BCD } #form .submitBtn { position:relative; padding:2px; background-color:#289BCD; color:#FFFFFF; font-weight:bold; margin:0; border:none; cursor:pointer } #form .submitBtn:hover { background-color:#59C4EA; } /* SCROLLER ELEMENTS */ div.scroller { position:relative; width:600px; height:300px; overflow: hidden; margin:0; } div.scroller div.section { overflow:hidden; width:600px; height:300px; float:left; padding:0em; margin:0 } div.scroller div.scrollcontent { width: 12000px; margin:0 } #prev a { position:relative; color:#FFFFFF; background-color:#3f3f3f; font-family:"Courier New", Courier, monospace; font-size:20px; float:left; text-decoration:none; padding:5px; margin-top:10px } #prev a:hover { color:#FFFFFF; background-color:#666666 } #next a { position:relative; color:#FFFFFF; background-color:#3f3f3f; font-family:"Courier New", Courier, monospace; font-size:20px; float:right; text-decoration:none; padding:5px; margin-top:10px } #next a:hover { color:#FFFFFF; background-color:#666666 } /* CONFIDENTIALITY PAGE ELEMENTS */ #facts { position:relative; float:left; background-color:#CCCCCC; width:300px; height:200px; margin:0 } #selfassessform { border:5px dashed #E4EFE4; padding:20px } #selfassessform h3 { font-style:normal; color:#9E0732; font-style:italic; margin:0; font-size:16px; } #testform { position:relative; border-top:5px dashed #E4EFE4; padding-left:10px; padding-top:10px; padding-bottom:5px; border-collapse:collapse; width:550px } #testform .text { position:relative; width:300px; background-color:#E4EFE4; border:none; color:#3f3f3f; padding:5px; font-family:"Courier New", Courier, monospace; font-size:15px; margin:0; } #testform .comments { position:relative; width:300px; height:60px; background-color:#E4EFE4; border:none; color:#3f3f3f; padding:5px; font-family:"Courier New", Courier, monospace; font-size:15px; margin:0; margin-top:5px } .count { border:0px; width:12px; font-family:"Courier New", Courier, monospace; color:#289BCD } #testform .submitBtn { position:relative; padding:2px; background-color:#9E0732; color:#FFFFFF; font-weight:bold; margin:0; border:none; cursor:pointer } #testform .submitBtn:hover { background-color:#9E0732; } /* SELF ASSESSMENT FORM STYLING */ .lbl { font-weight: bold; font-size:16px; color:#9E0732; background-image:url(../images/form/bubble.gif); background-repeat:no-repeat; font-style:italic; width:515px; height:55px; padding:10px 20px 20px 20px; } .halflbl { font-weight: bold; font-size:16px; color:#9E0732; background-image:url(../images/form/bubblehalf.gif); background-repeat:no-repeat; font-style:italic; width:240px; height:55px; padding:10px 20px 20px 20px; float:left; } .inp { margin-bottom: 0px; font-family:"Courier New", Courier, monospace; font-size:14px; color:#3f3f3f; vertical-align:middle; margin-left:20px; } .lblleft { width: 260px; float: left; } .lbllefthalf { background-image:url(../images/form/bubblehalf.gif); } .inpleft { width: 280px; float: left; } label { margin:0; float:left;vertical-align:middle;} .formsubmit { position:relative; padding:7px; font-size:16px; background-color:#9E0732; color:#FFFFFF; font-weight:bold; margin:0; border:none; cursor:pointer } .formsubmit:hover { background-color:#B2365F; } /* SELF ASSESSMENT CHECKBOX AND RADIO BUTTONS */ span.checkbox { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../images/form/checkedbox.png) no-repeat; display: block; cursor:crosshair } span.radio { width: 19px; height: 20px; padding: 0 5px 0 10px; background: url(../images/form/radio.png) no-repeat; display: block; margin:0; vertical-align:middle; cursor:crosshair } span.select { position: absolute; width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px arial,sans-serif; background: url(images/template/select.gif) no-repeat; overflow: hidden;