/*<<<<<<<<<<<<<<<< ALL BODY DEFAULT STYLES >>>>>>>>>>>>>>>>*/ body {margin:0; border:0; padding:0; height:100%; max-height:100%; background:#fff; font-family:Trebuchet, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; overflow: hidden; } a:link, a:visited {font-weight:bold; text-decoration:underline } a:hover {color: #666; background-color: #dad7d7; text-decoration:none; } /*<<<<<<<<<<<<<<<< TOP SECTION TOPBAR STRIPE >>>>>>>>>>>>>>*/ .topbar {color:#FFFFFF; background:#65A9D9; padding-right:25px; text-align:right; font-size:18px; } /*<<<<<<<<<<<<<<<< TOP SECTION LEYF LOGO HOMEPAGE LINK >>>>>>>*/ .homelink {background-color:#99CC00; position:absolute; background:url(../images/leyflogo.gif) left top; background-repeat: no-repeat; white-space: nowrap; display: block; width: 171px; height: 120px; margin: 0 0 -20px; padding: 0; left: 16px; z-index:1; } .homelink a {width:171px; height:122px; display:block; } .homelink a:hover {background:url(../images/leyflogo.gif) 0 -120px;} /*<<<<<<<<<<<<<<<< TOP SECTION PICTURE (INCLUDES NA>>>>>>>>>>*/ .header {position:absolute; top:0 ; left:0; width:100%; height:185px; overflow:auto; background-repeat: no-repeat; background-position: 200px 15px; } #head1 {background-image:url(../images/headaboutus.gif);} #head2 {background-image:url(../images/headparent.gif);} #head3 {background-image:url(../images/headsupporters.gif);} #head4 {background-image:url(../images/headlearning.gif);} #head5 {background-image:url(../images/headwork.gif);} #head6 {background-image:url(../images/heademployers.gif);} #head7 {background-image:url(../images/headhome.gif);} /*<<<<<<<<<<<<<<<< TOP SECTION HORIZONTAL TABS>>>>>>>>>>>>>*/ .navtab {float:left; width:100%; line-height:normal; position:absolute; top:133px; background:#ffffff; } .navtab ul {margin:-18px 0 0; padding:10px 10px 0; list-style:none; height:3em; border-bottom:25px solid; display:block; } .navtab ul#about1 {border-bottom-color: #EC0089;} .navtab ul#about2 {border-bottom-color: #0099DC;} .navtab ul#about3 {border-bottom-color: #62BB47;} .navtab ul#about4 {border-bottom-color: #FCB913;} .navtab ul#about5 {border-bottom-color: #96BFDA} .navtab ul#about6 {border-bottom-color: #6B2889} .navtab ul#about7 {border-bottom-color: #16377E;} .navtab li {float:left; background:url(../images/left.gif) no-repeat left top; margin:0; margin-top:0.8em; padding:0 0 0 9px; } .navtab a {color:#FFF; float:left; white-space:nowrap; display:block; background:url(../images/right.gif) no-repeat right top; padding:5px 15px 4px 6px; font-weight:bold; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .navtab a {float:none;} /* End IE5-Mac hack */ .navtab a:link, a:visited {font-weight:bold; text-decoration:none} .navtab a:hover {color:#16377E; text-decoration:underline;} .navtab #section1 {background-image:url(../images/tab_pink_l.gif);} .navtab #section1 a {background-image:url(../images/tab_pink_r.gif);} .navtab #section2 {background-image:url(../images/tab_ltblue_l.gif);} .navtab #section2 a {background-image:url(../images/tab_ltblue_r.gif);} .navtab #section3 {background-image:url(../images/tab_ltgreen_l.gif);} .navtab #section3 a {background-image:url(../images/tab_ltgreen_r.gif);} .navtab #section4 {background-image:url(../images/tab_yellow_l.gif);} .navtab #section4 a {background-image:url(../images/tab_yellow_r.gif);} .navtab #section5 {background-image:url(../images/tab_silver_l.gif);} .navtab #section5 a {background-image:url(../images/tab_silver_r.gif);} .navtab #section6 {background-image:url(../images/tab_purple_l.gif);} .navtab #section6 a {background-image:url(../images/tab_purple_r.gif);} /*<<<<<<<<<<<<<<< MID-SECTION CONTAINER>>>>>>>>>>>>>>*/ #containerA { position:fixed; overflow:auto; background:#fff; padding:20px; text-align:center; top: 186px; left: 0; right: 0; bottom: 25px; } .leftareaA {width:225px; float:left;margin-top:-20px;} .contentA {margin-top:-20px; text-align:left; float:left; margin-left:15px; color:#16377E; font-size: 1.2em; width: 500px; } /*<<<<<<<<<<<<<<< HOME PAGE LEFT >>>>>>>>>>>>>>>>>>>*/ .newsdiv p {width:200px; text-align:left; position: relative; left: 16px; } p#title {color:#fff; font-weight:bold; font-size:18px; text-align:center; padding-top:10px; } #newstitle {font-size:25px; font-weight:bold; color:#ccc; text-align:center; } #newsdate {background-color:#666; color:#fff; font-weight:bold; text-align: left; position: relative; left: 16px; width:200px; padding: 1px 3px; } #newssub {font-weight:bold; background:url(../images/emph7.gif) no-repeat left center; text-align: left; margin-left: 15px !important; padding-right: 15px; padding-left: 15px; } #newsbod {background-color:#dbe2f0; text-align: left; position: relative; left: 16px !important; width: 200px; margin-bottom:15px; padding: 4px 4px 12px; border-top:1px solid #16377E; border-bottom:2px solid #16377E; } #newsbod a {color:#006; font-weight:bold;} #newsbod a:hover {color:#666; font-weight:bold;} /*<<<<<<<<<<<<<<< HOME PAGE TEXT >>>>>>>>>>>>>>>>>>>>>>>>>*/ #welcome h1 {font-size:1.4em; font-weight:bold; margin-top:12px;} #homepict {float:right; width:125px; background:url(../images/verthome.jpg) no-repeat; height:500px; margin-top:12px; } /*<<<<<<<<<<<<<<< LEFT NAV MENUS - POSITIONING CLASSES FOR ALL >>>>>>>>>>>*/ .navigation {width: 225px; font-weight:bold; text-align: left; position: relative; left: -10px; } .navigation ul {list-style: none; margin: 0; padding: 0; display:inline; } .navigation li {border-bottom: 1px solid #FFF;} .navigation li a { color: #FFF; display: block; text-decoration: none; padding: 5px 0 5px 0.5em; border-style: solid; border-width: 1px 0 1px 0; } .navigation li a:hover {background-position: 0px 1px; background-repeat: no-repeat; padding-left: 50px;} .navigation ul ul li {margin:0;} .navigation ul ul a:link, .navigation ul ul a:visited {border-left-width: 24px;} /*<<<<<<<<<<<<<<< LEFT NAV MENU - NAV1 [ABOUT US] >>>>>>>>>>>>>>>>>>>>>>>>*/ .navigation li#nav1 a {border-color: #EC0089; background-color: #EC0089;} .navigation li#nav1 a:hover {color: #EC0089; background-color: #FFF; background-image: url(../images/star_pink.gif);} .navigation ul ul li#nav1 a:link, .navigation ul ul#nav1 a:visited {background-color:#fec7c7;} .navigation ul ul li#nav1 a:hover { background-color: #FFF} /*<<<<<<<<<<<<<<< LEFT NAV MENU - NAV2 [PARENTS] >>>>>>>>>>>>>>>>>>>>>>>>>*/ .navigation li#nav2 a {color: #0099DC)); border-color: #0099DC; background-color: #0099DC;} .navigation li#nav2 a:hover {color: #0099DC; background-color: #FFF; background-image: url(../images/star_sky.gif);} .navigation ul ul li#nav2 a:link, .navigation ul ul#nav2 a:visited {background-color:#96BFDA;} .navigation ul ul li#nav2 a:hover { background-color: #FFF} /*<<<<<<<<<<<<<<< LEFT NAV MENU - NAV3 [SUPPORTERS] >>>>>>>>>>>>>>>>>>>>>>*/ .navigation li#nav3 a {border-color: #62BB47; background-color: #62BB47;} .navigation li#nav3 a:hover {color: #62BB47; background-color: #FFF; background-image: url(../images/star_green.gif);} .navigation ul ul li#nav3 a:link, .navigation ul ul#nav3 a:visited {background-color:#e3f4dd;} .navigation ul ul li#nav3 a:hover { background-color: #FFF} /*<<<<<<<<<<<<<<< LEFT NAV MENU - NAV4 [LEARNING AND DEVELOPMENT] >>>>>>>>*/ .navigation li#nav4 a {border-color: #FCB913; background-color: #FCB913;} .navigation li#nav4 a:hover {color: #FCB913; background-color: #FFF; background-image: url(../images/star_gold.gif);} .navigation ul ul li#nav4 a:link, .navigation ul ul#nav4 a:visited {background-color:#def5fe;} .navigation ul ul li#nav4 a:hover { background-color: #FFF} /*<<<<<<<<<<<<<<< LEFT NAV MENU - NAV5 [WORK WITH US] >>>>>>>>>>>>>>>>>>>>*/ .navigation li#nav5 a { border-color: #96BFDA; background-color: #96BFDA; } .navigation li#nav5 a:hover {color: #96BFDA; background-color: #FFF; background-image: url(../images/star_silver.gif);} .navigation ul ul li#nav5 a:link, .navigation ul ul#nav5 a:visited {background-color:#A9CBE2;} .navigation ul ul li#nav5 a:hover { background-color: #FFF} /*<<<<<<<<<<<<<<< LEFT NAV MENU - NAV6 [EMPLOYERS] >>>>>>>>>>>>>>>>>>>>>>>>*/ .navigation li#nav6 a { border-color: #6B2889; background-color: #6B2889; } .navigation li#nav6 a:hover {color: #6B2889; background-color: #FFF; background-image: url(../images/star_purple.gif);} .navigation ul ul li#nav6 a:link, .navigation ul ul#nav6 a:visited {background-color:#fc9;} .navigation ul ul li#nav6 a:hover { background-color: #FFF} /*<<<<<<<<<<<<<<< LEFT NAV MENU - NAV7 [HOME] >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .navigation li#nav7 a { border-color: #16377E; background-color: #16377E; } .navigation li#nav7 a:hover {color: #16377E; background-color: #FFF; background-image: url(../images/star_purple.gif);} .navigation ul ul li#nav7 a:link, .navigation ul ul#nav7 a:visited {background-color:#9cf;} .navigation ul ul li#nav7 a:hover { background-color: #FFF} /*<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>*/ .heading {font-weight:bold; font-size:1.6em; line-height: 1.8em; width:100%; padding-bottom: 2px; border-bottom:2px solid #16377E; } .subheading {font-weight:bold; font-size:1.2em; margin-bottom:-0.8em; border-bottom-color: black; border-bottom:2px solid #16377E; } .subheadingdate {display:block; font-weight:bold; font-size:1.2em; padding-bottom:1px; border-bottom:2px solid #16377E; } /*pink*/ #heading1 {border-bottom-color: #EC0089; } a#body1:link, a#body1:visited, a#body1:active {color:#EC0089;} a:hover#body1 {background-color:#EC0089; color:#FFF;} /*sky blue*/ a#body2:link, a#body2:visited {color:#0099DC;} a#body2:hover {background-color:#0099DC; color:#FFF;} a#body2:active {color:#0099DC;} #heading2 {border-bottom-color:#0099DC;} /*green*/ a#body3:link, a#body3:visited {color:#62BB47;} a#body3:hover{background-color:#62BB47;color:#FFF;} a.content #body3:active{color:#62BB47;} #heading3 {border-bottom-color:#62BB47;} /*gold*/ a#body4:link, a#body4:visited {color:#FCB913;} a#body4:hover{background-color:#FCB913; color:#FFF;} a.content #body4:active{color:#FCB913;} #heading4 {border-bottom-color:#FCB913;} /*silver*/ a#body5:link, a#body5:visited {color:#96BFDA;} a#body5:hover{background-color:#96BFDA;} a.content #body5:active{color:#96BFDA;} #heading5 {border-bottom-color:#96BFDA;} /*Purple*/ a#body6:link, a#body6:visited {color:#6B2889;} a#body6:hover{background-color:#6B2889; color:#FFF;} a.content #body6:active{color:#6B2889;} #heading6 {border-bottom-color:#6B2889;} /*navy*/ a#body7:link, a#body7:visited {color:#16377E;} a#body7:hover{background-color:#D4E9FF;} a.content #body7:active{color:#16377E;} #heading7 {} /*<<<<<<<<<<<<<<>>>>>>>>>>>>>*/ p.bodytext { width:99%; line-height:1.4em; float: none; } .floatL { float:left; margin:0 10px 10px 0; background-color:#16377E; position: static; clear: none; } .emph {padding-left:1.5em; display:block; padding-bottom:.5em; font-weight:bold; line-height:1.15em; font-size:1em; } #emph1 {background:url(../images/emph1.gif) no-repeat 0px 0px; } #emph2 {background:url(../images/emph2.gif) no-repeat 0px 0px; } #emph3 {background:url(../images/emph3.gif) no-repeat 0px 0px; } #emph4 {background:url(../images/emph4.gif) no-repeat 0px 0px; } #emph5 {background:url(../images/emph5.gif) no-repeat 0px 0px; } #emph6 {background:url(../images/emph6.gif) no-repeat 0px 0px; } #emph7 {background:url(../images/emph7.gif) no-repeat 0px 0px; } /*<<<<<<<<<<<<<<>>>>>>>>>>>>>*/ div#centretoplink {font-size:13px; display:inline; position:relative; top:-3px; } #centretoplink ul {display:inline; list-style:none; } #centretoplink li {display: inline; } #centretoplink a:link, #centretoplink a:visited {padding: 0 5px; color: #666; text-decoration: none; border: solid 2px #0099DC; } #centretoplink a:hover {color: #FFF; background-color:#0099DC; text-decoration:none; } #centretoplink a#current:hover {color: #FFF; background-color:#0099DC; text-decoration:none; } #centretoplink a#current {color: #FFF; background-color: #0099DC; border-style: inset; } /*<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>*/ #faq {color:#0099DC;font-size:1em; font-weight:bold; list-style:none; line-height:1.6em; z-index:1000;display:block;font-style:oblique;} #faq a {color:#0099DC; text-decoration:none;list-style:none;line-height:1.6em;font-size:1em;} #faq a:hover {background-color: #FFF; color:#96BFDA;} #answer {font-size:1em; width:100%; font-size:1em; font-weight:100; line-height:1.2em; text-align:left; padding-top:0; letter-spacing:0.04em; padding-left: 10px !important; } /*<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>*/ input.txt {width: 200px;} form p {clear: left; margin: 0; padding: 0; padding-top: 5px;} form p label {float: left; width: 10em;} .radiobtn { display:block; position:relative; top:-20px; margin-top: -5px; margin-left:15px } /*<<<<<<<<<<<<<<