.clearfix:after { content: "."; display: block; height :0; clear :both; visibility:hidden;} .clearfix { display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1px ;} .clearfix {display: block ;} /* End hide from IE-mac */ * {padding:0; border:0; margin:0;} body{background:#BE7E7E url(images/bg_body.jpg) top repeat-x; margin:50px auto;text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff} h1 { font-size:1.4em; font-weight:bold; color: #666666;background-color:#6a0000} h2 {clear:both; font-size:0.9em; text-transform:uppercase; letter-spacing:0.25em; text-align:left; font-weight:bold; color: #fff; background-color:#6a0000; border-bottom:1px solid #990000; margin-bottom:0.75em} #container {width:700px; margin: 0 auto;padding:0;border:0; background :#95B4D9 url(images/bg_pagespan.jpg) repeat-y; color:#fff} #header_container{height:116px; background:#6b0000 url(images/bg_header.jpg) no-repeat center top; color:#FFFFFF} #header_container h1{display:none} #MainNav { width:100%;height:auto; font-size:0.75em; font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin:0;border:0;padding: 10px 0; text-align: center; background:#6b0000 url(images/bg_nav.jpg) bottom left; } #MainNav li { display: inline; list-style-type: none; text-decoration:none; white-space: nowrap; } #MainNav li a { text-decoration: none; border-right: 1px solid #990000; padding:0 5px; } #MainNav a:link, #MainNav a:visited {color:#bbb;} #MainNav li a:hover {color: #fff;} #MainNav li.lastlistitem a {border:0} #page_container{ background: #6b0000 url(images/bg_pagespan.jpg) repeat-y; width:700px;text-align:left} #left_container {float:left; width:170px; margin-right: 20px;padding: 0 0 10px 7px } #right_container {float:left;width:475px; padding: 0; font-size:1em; color: #FFFFFF } #right_container h1 {display:none;} #right_container p{text-align:left; font-size:0.8em; font-weight:normal; line-height: 1.75em; padding-bottom:1.75em;} #about_container_load_text {float:left; width:190px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleAbout.jpg) top left no-repeat;} #facilities_container_load_text {float:left; width:190px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titlefacilities.jpg) top left no-repeat;} #admission_container_load_text {float:left; width:190px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleAdm.jpg) top left no-repeat;} #staff_container_load_text {float:left; width:190px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleStaff.jpg) top left no-repeat;} #parents_container_load_text {float:left; width:190px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleParents.jpg) top left no-repeat;} #nb_container_load_text {float:left; width:190px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleNB.jpg) top left no-repeat;} #contact_container_load_text {float:left; width:190px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleContact.jpg) top left no-repeat;} #faq_container_load_text {float:left; width:190px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleFAQ.jpg) top left no-repeat;} #gallery_container_load_text {float:left; width:190px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleGallery.jpg) top left no-repeat;} #container_load_image {float:right; width:258px; height:auto; padding:0; background: #6a0000} #about_section_template {float:left; width:475px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleAbout.jpg) top left no-repeat;} #admissions_section_template {float:left; width:475px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleAdm.jpg) top left no-repeat;} #parents_section_template {float:left; width:475px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleParents.jpg) top left no-repeat;} #parents_section_template ol {font-size:0.8em;padding:5px; color:#FFFFFF} #parents_section_template ol li {padding:0.7em} #parents_section_template ul {font-size:0.8em;padding:5px; color:#FFFFFF} #parents_section_template ul li {padding:0.7em} #facilities_section_template {float:left; width:475px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titlefacilities.jpg) top left no-repeat;} #staff_section_template {float:left; width:475px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleStaff.jpg) top left no-repeat;} #gallery_section_template {float:left; width:475px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titlegallery.jpg) top left no-repeat;} #contact_section_template {float:left; width:475px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleContact.jpg) top left no-repeat;} #nb_section_template {float:left; width:475px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleNB.jpg) top left no-repeat;} #faq_section_template {float:left; width:475px; height:auto; padding:50px 10px 0 10px; background: #6a0000 url(images/titleFAQ.jpg) top left no-repeat;} #right_container p.infoleft{clear:both; float:left; width:100px; padding:0; margin:10px 0} #right_container p.inforight{float:right; width:350px; padding:5px; margin:15px 0 15px 0} #right_container p a, #right_container p a:visited{color:#fff; text-decoration:none; border-bottom:1px dotted #ccc} #right_container p a:hover{color:#fff; text-decoration:none;border-bottom:1px solid #fff; } #right_container p a.clearlink {text-decoration:none; border:0} #right_container p.col_left{clear:both; float:left; width:170px; height:15em; margin:10px; padding:5px 25px 5px 5px; border:1px dotted #ccc;background:#FFFFcc url(media/commentcorner.jpg) top right no-repeat; color:#006699} #right_container p.col_right{float:right; width:170px; height:15em; margin:10px; padding:5px 25px 5px 5px; border:1px dotted #ccc;background:#FFFFcc url(media/commentcorner.jpg) top right no-repeat; color:#006699} ul.newsletters li{list-style-type:none; font-size:0.8em;padding:5px; color:#FFFFFF} ul.newsletters li a , ul.newsletters li a:visited {color:#FFFFFF; text-decoration:none; border-bottom:1px dotted #ccc} ul.newsletters li a:hover{color:#fff; text-decoration:none;border-bottom:1px solid #fff; } .SectionImage {float:right; width:100px; padding-left:25px;} #footer_container{ clear:both; background:#6b0000 url(images/bg_footer.jpg) no-repeat;height:193px} #SectionImage{float:right;width:300px; background:#6b0000} #SectionMenu{width:150px; margin: 20px 0;} #SectionMenu ul{ width:150px; text-align:right; text-transform:uppercase; font-size:0.7em;} #SectionMenu li{ display:block; list-style-type:none;padding:1px} #SectionMenu li a {display:block; color:#ccc;text-decoration:none; border-bottom:1px dotted #6b0000;padding: 5px 2px} #SectionMenu li a:hover {border-bottom:1px dotted #ddd; color:#fff} #thumbs {width:475px;} .thumbnail { float: left; width: 80px; border: 1px solid #fff; margin: 0 15px 15px 0; padding: 5px; } #loadarea {width:475px; text-align: center; margin-top:10px;} p.validlogo{width:150px; text-align:center} table {width:95%; height:auto; table-layout:auto; color:#FFFFFF; border:0; margin-bottom:2em;} td {padding:2px; text-align:left; vertical-align:top; font-size:0.8em} caption {font-size:0.75em; text-transform:uppercase; letter-spacing:0.25em; text-align:left; font-weight:bold; color: #fff; border-bottom:1px solid #ddd; background-color:#6a0000} #PolicyList {text-align:right; font-size:0.8em; color:#FFFFFF; padding:10px 0 25px 0; border-bottom:1px solid #990000; margin-bottom:20px} .DropDownList {font-size:0.75em; text-transform:capitalize; letter-spacing:2px;} #Gallery_Container {float:left; width: 300px; height:375px;} #GalleryNav {float:right; width: 150px; padding:5px; height:auto; border: 1px dotted #fff}