/*  Children First School CSS File  */
/*  Last updated:  2011-08-18       */

body { margin: 0px; padding: 0px; text-align: center; font-family: 'Comic Sans MS', Arial, sans-serif; background-color: white; background-image: url('/pics/background5.jpg'); background-repeat: repeat; background-attachment: scroll; background-position: center center; }
img { border: 0px; }
a.lightlink { color: #9999ff; }
a.lightlink:hover { color: #ccccff; }

div.main { width: 780px; padding: 0px; margin: auto; background-color: white; background-image: url('/pics/background_soft.jpg'); background-repeat: repeat; background-attachment: scroll; background-position: center center; }
div.pageheader { width: 780px; height: 90px; padding: 15px 0px 4px 0px; }
div.logo { width: 780px; height: 60px; margin: 0px; padding 0px; }
div.memu { width: 780px; height: 26px; margin: 0px; padding 0px; }
div.spacefull0 { width: 780px; height: 10px; margin: 0px; }
div.spacefull1 { width: 780px; height: 300px; margin: 0px; }
div.bottomtag { width: 760px; height: 44px; background: #246A23; color: white; padding: 10px; font-size: 14px; font-weight: normal; line-height: 20px; }
div.googlemap { width: 675px; height: 705px; margin: auto; }

div.mainhead { width: 780px; height: 380px; padding: 0px; margin: 0px; }
div.cfsbiglogo { float: left; width: 280px; height: 340px; margin: 20px 10px 20px 10px; }

div.announcements { float: left; width: 423px; height: 323px; margin: 19px 19px 19px 9px; padding: 3px; border: solid black 1px; background-color: #246A23; }
div.announcementshead { width: 100%; height: 34px; font-size: 30px; font-weight: normal; line-height: 28px; color: white; }
div.announcementsbody { width: 100%; height: 266px; text-align: center; font-size: 14px; font-weight: normal; font-style: normal; line-height: 17px; color: black; background-color: #448A33; }
div.announcementsfoot { width: 100%; height: 23px; font-size: 14px; font-weight: bold; line-height: 26px; color: white; }

div.headingfull0 { width: 780px; height: 40px; font-size: 24px; font-weight: bold; color: #246A23; }
div.headingfull1 { width: 780px; height: 40px; font-size: 30px; font-weight: bold; color: #246A23; }
div.headingsubfull0 { width: 100%; height: 24px; font-size: 14px; font-weight: bold; color: #246A23; text-align: center; }
div.headingsubfull1 { width: 100%; height: 24px; font-size: 14px; font-weight: bold; color: #246A23; text-align: left; }
div.headingsubfull2 { width: 100%; height: 24px; font-size: 14px; font-weight: bold; color: black; text-align: center; }

div.paragraph0 { width: 720px; height: 100px; font-size: 16px; font-weight: normal; color: black; margin: 0px 30px 0px 30px; text-align: left; }
div.paragraph1 { width: 660px; height: 230px; font-size: 14px; font-weight: normal; color: black; padding: 30px 60px 20px 60px; text-align: left; }
div.paragraph2 { width: 660px; height: 100px; font-size: 14px; font-weight: normal; color: black; padding: 40px 60px 40px 60px; text-align: left; }
div.paragraph3 { width: 660px; height: 80px; font-size: 14px; font-weight: normal; color: black; padding: 40px 60px 40px 60px; text-align: left; }
div.paragraph4 { width: 660px; height: 200px; font-size: 14px; font-weight: normal; color: black; padding: 40px 60px 40px 60px; text-align: left; }
div.paragraph5 { width: 660px; height: 210px; font-size: 14px; font-weight: normal; color: black; padding: 40px 60px 40px 60px; text-align: left; }
div.paragraph6 { width: 660px; height: 415px; font-size: 14px; font-weight: normal; color: black; padding: 40px 60px 40px 60px; text-align: left; }
div.paragraph7 { width: 660px; height: 250px; font-size: 14px; font-weight: normal; color: black; padding: 40px 60px 40px 60px; text-align: left; }
div.paragraph8 { width: 700px; height: 100px; font-size: 16px; font-weight: normal; color: black; padding: 20px 40px 10px 40px; text-align: center; }
div.paragraph9 { width: 700px; height: 80px; font-size: 14px; font-weight: bold; color: black; padding: 10px 40px 10px 40px; text-align: center; }
div.paragraph10 { width: 700px; height: 250px; font-size: 14px; font-weight: normal; color: black; padding: 10px 40px 40px 40px; text-align: left; }
div.paragraph11 { width: 700px; height: 50px; font-size: 14px; font-weight: normal; color: black; margin: auto; text-align: center; }

div.captionbox0 { width: 740px; height: 401px; margin: 20px 20px 0px 20px; }
div.captionsmall0 { float: left; width: 250px; height: 381px; margin: 5px; }
div.captionhead0 { float: left; width: 100%; height: 40px; font-size: 22px; font-weight: bold; color: #246A23; text-align: left; }
div.captionpara0 { float: left; width: 100%; font-size: 16px; font-weight: normal; color: black; text-align: left; white-space: nowrap; }

div.captionbox1 { clear: left; width: 740px; height: 244px; margin: 15px 20px 20px 20px; }
div.captionsmall1 { float: left; width: 312px; height: 244px; }
div.captionpara1 { float: left; width: 418px; height: 244px; font-size: 18px; font-weight: normal; color: black; text-align: center; }

div.captionboxfull0 { clear: left; width: 740px; height: 234px; margin: 20px; }
div.captionboxleft0 { float: left; width: 312px; height: 234px; }
div.captionboxright0 { float: left; width: 428px; height: 234px; font-size: 18px; font-weight: normal; color: black; text-align: center; }

div.captionboxfull1 { clear: left; width: 740px; height: 234px; margin: 20px; }
div.captionboxleft1 { float: left; width: 428px; height: 234px; font-size: 18px; font-weight: normal; color: black; text-align: center; }
div.captionboxright1 { float: left; width: 312px; height: 234px; }

div.captionboxfull2 { width: 780px; height: 254px; }
div.captionboxleft2 { float: left; width: 288px; height: 244px; margin: 5px 10px 5px 10px; }
div.captionboxright2 { float: left; width: 432px; height: 234px; margin: 10px 20px 10px 20px; font-size: 20px; font-weight: normal; color: black; text-align: center; }

div.captionboxfull3 { width: 780px; height: 254px; }
div.captionboxleft3 { float: left; width: 432px; height: 234px; margin: 10px 20px 10px 20px; font-size: 20px; font-weight: normal; color: black; text-align: center; }
div.captionboxright3 { float: left; width: 288px; height: 244px; margin: 5px 10px 5px 10px; }

div.captionboxfull4 { width: 780px; height: 234px; }
div.captionboxleft4 { float: left; width: 412px; height: 214px; margin: 5px 10px 5px 10px; }
div.captionboxright4 { float: left; width: 308px; height: 204px; margin: 10px 20px 10px 20px; font-size: 20px; font-weight: normal; color: black; text-align: center; }

div.captionboxfull5 { width: 780px; height: 234px; }
div.captionboxleft5 { float: left; width: 308px; height: 204px; margin: 10px 20px 10px 20px; font-size: 20px; font-weight: normal; color: black; text-align: center; }
div.captionboxright5 { float: left; width: 412px; height: 214px; margin: 5px 10px 5px 10px; }

div.captionboxfull6 { width: 780px; height: 280px; }
div.captionboxleft6 { float: left; width: 380px; height: 260px; margin: 5px 10px 5px 10px; }
div.captionboxright6 { float: left; width: 330px; height: 260px; margin: 10px 20px 10px 20px; font-size: 20px; font-weight: normal; color: black; text-align: center; }

div.captionboxfull7 { width: 780px; height: 280px; }
div.captionboxleft7 { float: left; width: 330px; height: 260px; margin: 10px 20px 10px 20px; font-size: 20px; font-weight: normal; color: black; text-align: center; }
div.captionboxright7 { float: left; width: 380px; height: 260px; margin: 5px 10px 5px 10px; }

div.captionboxfull8 { width: 780px; height: 271px; }
div.captionboxleft8 { float: left; width: 220px; height: 261px; margin: 5px 20px 5px 80px; font-size: 15px; font-weight: bold; color: black; text-align: left; }
div.captionboxright8 { float: left; width: 380px; height: 261px; margin: 5px 70px 5px 10px; }

div.captionboxfull9 { width: 780px; height: 320px; }
div.captionboxleft9 { float: left; width: 400px; height: 300px; margin: 5px 10px 5px 10px; }
div.captionboxright9 { float: left; width: 310px; height: 300px; margin: 10px 20px 10px 20px; font-size: 20px; font-weight: normal; color: black; text-align: center; }

div.captionboxfull10 { width: 780px; height: 320px; }
div.captionboxleft10 { float: left; width: 310px; height: 300px; margin: 10px 20px 10px 20px; font-size: 20px; font-weight: normal; color: black; text-align: center; }
div.captionboxright10 { float: left; width: 400px; height: 300px; margin: 5px 10px 5px 10px; }

div.captionboxfull11 { width: 780px; height: 281px; }
div.captionboxleft11 { float: left; width: 220px; height: 261px; margin: 5px 20px 5px 80px; font-size: 15px; line-height: 24px; font-weight: bold; color: black; text-align: left; }
div.captionboxright11 { float: left; width: 370px; height: 261px; margin: 5px 80px 5px 10px; }

div.captionboxfull12 { width: 780px; height: 280px; }
div.captionboxleft12 { float: left; width: 340px; height: 260px; margin: 5px 10px 5px 10px; }
div.captionboxright12 { float: left; width: 370px; height: 260px; margin: 10px 20px 10px 20px; font-size: 20px; font-weight: normal; color: black; text-align: center; }

div.captionboxfull13 { width: 780px; height: 280px; }
div.captionboxleft13 { float: left; width: 370px; height: 260px; margin: 10px 20px 10px 20px; font-size: 20px; font-weight: normal; color: black; text-align: center; }
div.captionboxright13 { float: left; width: 340px; height: 260px; margin: 5px 10px 5px 10px; }

div.captionboxfull14 { width: 780px; height: 220px; }
div.captionboxleft14 { float: left; width: 300px; height: 200px; margin: 5px 10px 5px 10px; }
div.captionboxright14 { float: left; width: 410px; height: 200px; margin: 10px 20px 10px 20px; font-size: 30px; font-weight: bold; color: black; text-align: center; }

div.captionboxfull15 { width: 780px; height: 220px; }
div.captionboxleft15 { float: left; width: 410px; height: 200px; margin: 10px 20px 10px 20px; font-size: 30px; font-weight: bold; color: black; text-align: center; }
div.captionboxright15 { float: left; width: 300px; height: 200px; margin: 5px 10px 5px 10px; }


div.anglepic0 { float: left; width: 430px; height: 381px; margin: 5px; }
div.anglepic1 { clear: left; width: 753px; height: 556px; padding: 10px 13px 10px 13px; }

div.stafffull { clear: left; width: 780px; margin: 15px 0px 15px 0px; text-align: left; }
div.staffline { clear: left; width: 780px; height: 10px; margin: 15px 0px 15px 0px; text-align: left; }
div.staffpic { float: left; width: 205px; margin: 5px 15px 5px 15px; font-size: 13px; font-weight: normal; line-height: 18px; }
div.staffdesc { float: left; width: 525px; margin: 5px; font-size: 12px; font-weight: normal; line-height: 14px; }

div.test { float: left; margin: 4px; }
div.test2 { float: right; margin: 4px; }

ul.dropdown { float: left; list-style: none; margin: 0px; padding: 0px; background-color: #246A23; }
ul.dropdown a { color: white; font-size: 13px; font-weight: normal; display: block; width: 120px; height: 26px; margin: 0px; padding: 0px 0px 0px 10px; text-align: left; }
ul.dropdown li { position: relative; list-style: none; margin: 0; padding: 0; float: left; width: 130px; height: 26px; line-height: 24px; }
ul.dropdown ul { display: none; list-style: none; margin: 0; padding: 0; visibility: hidden; }
ul.dropdown ul li { float: none; }
ul.dropdown ul li a { color: white; font-size: 12px; font-weight: normal; }

ul.dropdown li:hover { position: relative; background-color: #0099ff; top: 0px; left: 0px; }
ul.dropdown li:hover ul { display: block; visibility: visible; background-color: #246A23; top: 0px; left: 0px; }


img.paddedpic { padding: 5px 5px 5px 5px; background-color: #246A23; }

a.staffemail { font-size: 18px; font-weight: bold; }