p,h1,h2,h3,h4,h5, h6, li, blockquote{ letter-spacing:0.025em } .no-display{ display:none } body{ text-align:center; background:url(../images/outer-bg.png) top center repeat-y; padding:0; margin:0 } #container{ margin:0 auto; width:1016px; text-align:left; background-color:#fff; overflow:hidden } #header{ height:156px; background:#fff url(../images/header-bg.png) bottom left repeat-x; position:relative; overflow:hidden } #logo{ position:absolute; bottom:31px; left:0 } #tagline{ position:absolute; bottom:31px; right:10px } #main-menu{ position:relative; height:93px } #main-menu .menu{ position:absolute; height:26px; width:100%; list-style:none; background:url(../images/menu-bg.png) repeat-x bottom left; padding:0px 0 3px 0 } #main-menu .menu li{ float:left } #main-menu .menu a{ text-transform:uppercase; font:normal 14px/14px Arial, Helvetica, sans-serif; text-decoration:none; color:#872738; display:block; padding:7px 20px 7px 20px } #main-menu .menu a:hover{ background-color:#cdeae7 } #main-menu .menu li.active a{ background-color:#cdeae7 } #main-menu .menu ul{ position:absolute; top:29px; left:0; height:21px; width:100%; list-style:none; background-color:#eaf5f5; padding:6px 0 2px 2px } #main-menu .menu ul li{ float:left } #main-menu .menu ul a{ font:normal 11px/11px Arial, Helvetica, sans-serif; text-decoration:none; color:#872738; display:block; padding:2px 30px 4px 13px; text-transform:none } #main-menu .menu li.active ul li a{ font-weight:normal; background-color:#eaf5f5 } #main-menu .menu li.active ul li.active a{ background-color:#eaf5f5; background:url(../images/menu-bullet.gif) 0px 3px no-repeat } #main-menu .menu li.active ul li a:hover{ background-color:#eaf5f5 } #fp-leader{ } #fp-leader:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .content{ text-align:left } #fp-leader .article-image{ width:344px; float:left; overflow:hidden } #fp-leader .article-image img{ border:1px solid #bf8c95 } #fp-leader .article-content{ width:516px; float:left; overflow:hidden } #fp-leader .article-title{ font: normal 25px/25px Georgia, "Times New Roman", Times, serif; color:#680000; margin-bottom:8px } #fp-leader .article-title a{ color:#680000; text-decoration:none } #fp-leader .article-title a:hover{ text-decoration:underline; color:#c30707 } #fp-leader p{ font:normal 16px/26px Arial, Helvetica, sans-serif; color:#333; margin-bottom:30px } #fp-leader p.question{ font:normal 16px/26px Georgia, "Times New Roman", Times, serif; color:#680000; margin-bottom:0 } .read-more{ text-transform:uppercase; font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#680000; text-decoration:underline } a.read-more:hover{ color:#c30707 } .rgt-aln{ text-align:right } #fp-section{ margin:50px 23px 0 0; clear:both; background:url(../images/fp-section-bg.png) repeat-y } #fp-section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .fp-section-article{ float:left; width:259px } .fp-section-article .pad{ margin-right:78px; padding-bottom:4px; overflow:hidden } .fp-section-article img{ border:1px solid #bf8c95; margin-bottom:20px } .fp-section-article h3{ font: normal 21px/30px Georgia, "Times New Roman", Times, serif; color:#680000; margin-bottom:10px; padding-left:9px } .fp-section-article h3 a{ font: normal 21px/30px Georgia, "Times New Roman", Times, serif; color:#680000; text-decoration:none } .fp-section-article h3 a:hover{ text-decoration:underline; color:#c30707 } .fp-section-article p{ font:normal 12px/20px Arial, Helvetica, sans-serif; color:#444; margin-bottom:10px; padding-left:9px } .fp-section-article p.question{ text-align:right; margin-bottom:0 } .fp-section-news{ overflow:hidden; float:right; width:194px } .fp-section-news img{ border:1px solid #bf8c95; margin-bottom:20px } .fp-section-news h3{ font: normal 21px/21px Georgia, "Times New Roman", Times, serif; color:#680000; margin-bottom:14px; padding-bottom:8px; border-bottom:1px solid #d9bfbf } .fp-section-news h4{ font: bold 10px/14px Arial, Helvetica, sans-serif; color:#333; margin-bottom:4px } .fp-section-news p{ font:normal 12px/16px Arial, Helvetica, sans-serif; color:#333 } .fp-section-news a{ color:#872738; text-decoration:none } .fp-section-news a:hover{ text-decoration:underline; color:#c30707 } .fp-section-news hr{ border:none; background:#fff url(../images/fp-news-bg.png) left center no-repeat; height:1px; padding:8px 0 8px 0 } .fp-section-news .read-more{ text-transform:uppercase; font-size:9px; color:#872738; text-decoration:underline } #first-footer{ background-color:#cdeae7; padding:15px 28px 0px 11px } #footer-menu-1 .menu{ width:730px; list-style:none; float:left } #footer-menu-1 .menu li{ float:left; padding-right:8px } #footer-menu-1 .menu a{ text-transform:uppercase; font:normal 10px/14px Arial, Helvetica, sans-serif; text-decoration:none; color:#000; padding:2px 8px 4px 0 } #footer-menu-1 .menu a.sub-item{ text-transform:none; color:#555 } #footer-menu-1 .menu a:hover{ text-decoration:underline } #footer-menu-1 .menu li:after{ content:"/" } #footer-menu-1 .menu li:last-child:after{ content:"" } #footer-menu-1 .menu li ul{ display:none } #footer-menu-2 .menu{ width:730px; list-style:none; float:left; margin-top:8px } #footer-menu-2 .menu li{ float:left; padding-right:8px } #footer-menu-2 .menu a{ font:normal 10px/14px Arial, Helvetica, sans-serif; text-decoration:none; color:#000; padding:2px 4px 4px 0 } #footer-menu-2 .menu a:hover{ text-decoration:underline } #footer-links{ float:right; width:215px } #footer-links h5{ font:normal 11px/11px Arial, Helvetica, sans-serif; color:#000; padding:0px 0 15px 0; text-transform:uppercase } #footer-links p{ font:normal 11px/14px Arial, Helvetica, sans-serif; color:#000; padding:2px 0 2px 0 } #footer-links a{ color:#000; text-decoration:none } #footer-links a:hover{ text-decoration:underline } #second-footer{ background:url(../images/footer-2-bg.png) bottom left repeat-x; margin-top:20px; padding-left:8px; margin-bottom:72px } #second-footer p{ font:normal 11px/14px Arial, Helvetica, sans-serif; color:#000 } #ft-a{ float:left; width:730px } #ft-b{ float:right; width:243px } #article-page{ padding:33px 0 0 15px; float:left } #article{ width:580px } #article h2{ font: normal 24px/30px Georgia, "Times New Roman", Times, serif; color:#680000; margin-bottom:21px } #article .article-title{ font: normal 24px/30px Georgia, "Times New Roman", Times, serif; color:#680000; margin-bottom:22px; letter-spacing:0.05em } #article.page .def-content p:first-child{ font-size:16px; line-height:30px; margin-bottom:52px } #article p{ font:normal 14px/24px Arial, Helvetica, sans-serif; color:#333; margin-bottom:24px } #article a{ color:#680000; text-decoration:underline } #article a:hover{ color:#c30707; text-decoration:underline } #article ul{ padding:8px 0 30px 15px; list-style:disc } #article ul li{ font:normal 12px/20px Arial, Helvetica, sans-serif; color:#30414b; padding:10px 0 8px 5px } #article ol{ padding:9px 0 30px 24px } #article ol li{ font:normal 12px/20px Arial, Helvetica, sans-serif; color:#444; list-style:decimal; padding:10px 0 8px 0 } #article h3{ font: normal 18px/22px Georgia, "Times New Roman", Times, serif; color:#872738; padding:0 0 20px 0; } #article h3 a{ color:#872738; text-decoration:none } #article h4{ font: normal 12px/18px Arial, Helvetica, sans-serif; color:#333; padding:0 0 13px 0; text-transform:uppercase } #article h5{ font: bold 10px/18px Arial, Helvetica, sans-serif; color:#600; padding:0 0 9px 0; text-transform:uppercase } #article h6{ font: bold 10px/18px Arial, Helvetica, sans-serif; color:#000; padding:0 0 19px 0; text-transform:uppercase } /* #article h3{ font: normal 18px/22px Georgia, "Times New Roman", Times, serif; color:#872738; padding:42px 0 20px 0; } #article h4{ font: normal 12px/18px Arial, Helvetica, sans-serif; color:#333; padding:23px 0 13px 0; text-transform:uppercase } #article h5{ font: bold 10px/18px Arial, Helvetica, sans-serif; color:#600; padding:38px 0 9px 0; text-transform:uppercase } #article h6{ font: bold 10px/18px Arial, Helvetica, sans-serif; color:#000; padding:22px 0 19px 0; text-transform:uppercase } */ #emailForm label{ font:normal 12px/20px Arial, Helvetica, sans-serif; color:#444; display:block; width:140px; float:left; clear:left } .contact_email{ clear:left; padding-top:6px } #emailForm .contact_email_checkbox label{ float:none; clear:none; width:auto; display:inline } #emailForm button{ margin-top:8px } .school-listing{ border-bottom:1px solid #b37f7f; padding:16px 0 0 0 } .school-listing .left-part{ float:left; width:380px } .school-listing .right-part{ float:right; width:120px } .school-listing .clear-part{ clear:both; height:10px } /* Schools Page */ #article .school-listing h3{ padding:0 0 22px 0; font-size:16px; line-height:20px } #article .school-listing h3 a{ font-weight:bold } #article h2.article-title.schools { margin-bottom:35px } #article p strong.schstr{ font-size:10px; color:#000 } #article p.schstr{ font-size:10px; margin-bottom:8px; color:#000 } #article p.schstr2{ font-size:12px; color:#555; line-height:1.7em } .school-listing .read-more{ text-transform:uppercase; font-weight:bold; font-size:10px } .right-part a{ text-transform:uppercase; font-weight:bold; font-size:10px } .teacher-listing a{ text-transform:uppercase; font-weight:normal; font-size:10px } /*** Sidebar Modules ***/ #sidebar{ width:294px; float:right; margin-top:44px } #sidebar .buttonheading{ display:none } /* Sidebar Image */ .moduletablesidebar-img{ margin-bottom:42px } .moduletablesidebar-img p{ margin:0; padding:0 } .moduletablesidebar-img img{ border:1px solid #bf8c95 } /* Sidebar Downloads and Blue */ .moduletabledownload{ background:url(../images/membership-bg.gif) bottom right no-repeat; padding-bottom:14px; background-color:#cdeae7; margin-bottom:42px } .moduletableblue{ background-color:#cdeae7; margin-bottom:42px } .moduletableblue input{ margin-bottom:8px } /* Sidebar Wirebox */ .moduletablewirebox{ border:1px solid #f3ebeb; margin-bottom:42px } .moduletablewirebox.sidebox{ padding:25px 16px 34px 18px } /* Generic Sidebar typography */ .sidebox{ padding:18px 16px 34px 14px } .moduletabledownload.sidebox{ padding-bottom:52px } .sidebox a{ color:#c00; text-decoration:none } .sidebox a:visited{ color:#600; text-decoration:none } .sidebox a:hover{ text-decoration:underline } .sidebox h3{ font: normal 16px/18px Georgia, "Times New Roman", Times, serif; color:#600; padding:0 0 20px 0; margin:0 } .sidebox h4{ font: normal 12px/18px Arial, Helvetica, sans-serif; color:#1d1c1c; padding:8px 0 12px 0; text-transform:uppercase } .sidebox h5{ font: normal 11px/18px Arial, Helvetica, sans-serif; color:#333; padding:6px 0 8px 0; text-transform:uppercase } .sidebox h6{ font: normal 11px/18px Arial, Helvetica, sans-serif; color:#600; padding:10px 0 8px 0; text-transform:uppercase } .sidebox p{ font:normal 12px/20px Verdana, Geneva, sans-serif; color:#333; padding-bottom:16px } .moduletabledownload.sidebox a{ background:url(../images/membership-arrow.gif) 100% 50% no-repeat; padding-right:10px } .sidebox ul{ padding:4px 0 11px 15px; list-style:disc } .sidebox ul li{ font:normal 11px/18px Arial, Helvetica, sans-serif; color:#33; padding:3px 0 3px 5px } .sidebox ol{ padding:4px 0 6px 15px } .sidebox ol li{ font:normal 11px/18px Arial, Helvetica, sans-serif; color:#333; list-style:decimal; padding:3px 0 3px 5px } #teacher-sideimage{ background-color:#e4f4f2; width:100%; overflow:hidden } #article.teacher h2{ font: normal 16px/18px Georgia, "Times New Roman", Times, serif; color:#872738; padding:0 0 3px 0; border-bottom:1px solid #bf8c95; margin-bottom:16px } #article.teacher h2 span{ font: normal 12px/18px Arial, Helvetica, sans-serif; color:#444 } #article.school h2{ font: normal 20px/24px Georgia, "Times New Roman", Times, serif; color:#872738; padding:0 0 3px 0; border-bottom:1px solid #bf8c95; margin-bottom:16px } #article.school h2 span{ font: normal 12px/18px Arial, Helvetica, sans-serif; color:#444 } #article p#contacts{ font:normal 12px/20px Arial, Helvetica, sans-serif; color:#444; margin:0 } #article p#contacts strong{ font-weight:bold; font-size:10px } #article p#emailweb a{ font-weight:bold; font-size:10px } #article #descrip{ padding:10px 0 0 0} #article #descrip h3{ font:bold 10px/20px Arial, Helvetica, sans-serif; color:#444; margin:0; padding:20px 0 0 0; text-transform:uppercase } .school-sideimage{ background-color:#fff; width:100%; overflow:hidden; margin-bottom:60px } .sitemap{ padding:33px 0 0 15px; float:left } .sitemap h2{ font: normal 24px/30px Georgia, "Times New Roman", Times, serif; color:#680000; margin-bottom:21px } .sitemap ul{ padding:32px 0 10px 0px; list-style:none } .sitemap ul ul{ padding:5px 0 14px 10px; list-style:none } .sitemap li{ font:normal 16px/18px Arial, Helvetica, sans-serif; color:#30414b; padding:0px 0 18px 0 } .sitemap li a{ color:#333; text-decoration:underline } .sitemap ul ul li{ font:normal 12px/24px Arial, Helvetica, sans-serif; color:#30414b; padding:0 0 0 0; text-transform:uppercase } .sitemap ul ul a{ color:#333; text-decoration:none } .sitemap a:hover{ color:#c30707 } p.counter{} #article ul.pagination{ display:inherit; list-style:none; margin-top:0; margin-bottom:0; padding:0 } #article ul.pagination li{ display:inline; list-style:none; padding:0px 4px 4px 4px; font-size:12px; line-height:12px } #article ul.pagination li a{ text-decoration:none } #article ul.pagination:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .avatar img{ float:left; width:46px; height:46px }