@font-face { font-family: "kids"; src: url(/Kids.ttf); } @font-face { font-family: "century gothic"; src: url(/CenturyGothic.ttf); } @font-face { font-family: "century gothic italic"; src: url(/CenturyGothicItalic.ttf); } body { margin: 0; padding: 0; font-family: 'century gothic', sans-serif; font-size: 10pt; background-color: #FEE5FF; background-image: url(/images/common/bg.jpg); background-repeat: repeat-x; } /* IE seems to ignore the font size in above */ table { font-family: 'century gothic', sans-serif; font-size: 10pt; font-weight: normal; text-align: left; } h2 { font-family: 'kids', fantasy; font-weight: normal; font-size: x-large; color: rgb(51,51,163); /* text-shadow: 1px 1px white, -1px -1px white; */ } h3 { font-family: 'kids', fantasy; font-weight: normal; font-size: large; color: rgb(150,64,105); /* text-shadow: 1px 1px white, -1px -1px white; */ } h4 { font-family: 'kids', fantasy; font-weight: normal; color: darkgreen; /* text-shadow: 1px 1px white, -1px -1px white; */ } img { border: 0 none; vertical-align: middle; } tr.top { height: 136px; background-image: url(/images/common/top-bg.gif); background-repeat: repeat; background-position: 50% 50%; /* background-color: rgb(255,233,126); */ } td.navmenu { background-color: rgb(255,233,126); border-left: 1px solid rgb(255,185,20); border-right: 1px solid rgb(255,185,20); width: 250px; } td.content { background-color: rgb(255,233,126); height: 100%; } table.two_columns { height: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-style: none; } td.two_columns { background-color: rgb(255,233,126); padding: 24px 20px 16px 50px; border-right: 1px solid rgb(255,185,20); height: 100%; } div.single_column { background-color: rgb(255,233,126); padding: 24px 42px 16px 50px; border-right: 1px solid rgb(255,185,20); height: 100%; } span.italic { font-family: 'century gothic italic', sans-serif; font-size: 10pt; font-weight: normal; font-style: italic; } /* forms */ td.required { border-right: 3px solid #69f; } input, select, textarea { font-family: 'century gothic', sans-serif; font-size: 12px; margin: 0 5px 2px 0; vertical-align: middle; } input.full, textarea.full { width: 99%; } span.rule { border-bottom: 1px solid rgb(255,185,20); border-top: 1px solid rgb(255,206,20); display: block; height: 1px; width: 100%; } /* classes for validator */ .tfvHighlight { font-weight: bold; color: red; } .tfvNormal { font-weight: normal; color: black; } /* results table */ table.list { width: 100%; border-spacing: 0; border: 1px solid #C6CBE3; } table.list td { padding: 4px 6px; border-left: 1px solid white; } table.list th { padding: 4px 6px; border-left: 1px solid white; background-color: #C6CBE3; border-top: 1px solid #e6eBf3; border-right: 1px solid #d6dBf3; } table.list tr.row_on td { background-color: #f3f0f2; border-right: 1px solid #c8c1c5; } table.list tr.row_off td { background-color: white; border-right: 1px solid #d3d0d2; } /* links */ p.link, td.link { font-family: 'century gothic'; padding: 8px 0px 8px 0px; margin: 1px 0; } p.link2 { font-family: 'century gothic'; padding: 8px 0px 8px 0px; } p.link a, p.link2 a, a { font-weight: bold; color: rgb(255,0,144); text-decoration: none; } p.link a:hover, p.link2 a:hover, a:hover { font-weight: bold; color: rgb(255,0,144); text-decoration: underline; } /* navigation menu on the left hand side */ #nav { background-color: rgb(255,233,126); padding: 32px 0 32px 0; margin: 0; } #nav a { display: block; margin: 0; padding: 5px 0px 0px 32px; height: 28px; font-family: 'kids', fantasy; text-decoration: none; /* text-shadow: 1px 1px white, -1px -1px white; */ font-size: large; font-weight: bold; } #nav00 a, #nav01 a, #nav02 a, #nav03 a, #nav04 a, #nav05 a, #nav06 a, #nav07 a { color: rgb(0,115,107); } #nav00 a:hover, #nav02 a:hover, #nav04 a:hover, #nav06 a:hover { color: rgb(255,0,144); background-image: url(/images/common/bee-left.jpg); background-repeat: no-repeat; text-decoration: underline; } #nav01 a:hover, #nav03 a:hover, #nav05 a:hover, #nav07 a:hover { color: rgb(255,0,144); background-image: url(/images/common/bee-right.jpg); background-repeat: no-repeat; text-decoration: underline; } #nav_selected { display: block; margin: 0; padding: 5px 0px 0px 32px; height: 28px; font-family: 'kids', fantasy; text-decoration: none; font-size: large; color: rgb(235,38,41); /* text-shadow: 1px 1px white, -1px -1px white; */ background-image: url(/images/common/beehive.jpg); background-repeat: no-repeat; font-weight: bold; } /* footer */ tr.footer { height: 37px; background-image: url(/images/common/footer.gif); background-repeat: repeat-x; background-position: center; } td.footer { font-size: 84%; font-weight: bold; color: #383A42; padding: 0; margin: 1px 0; text-align: center; } span.footer { margin: 0; padding: 7px 12px 7px 0; } span.footer a { color: #383A42; text-decoration: none; } span.footer a:hover { color: #000; text-decoration: underline; } #FlyingBee { position: absolute; top: 1px; left: 1px; }