/*-- Style sheet for the Multi-cultural Family Base web site --*/ /*-- Set the main font, margins & padding for the site--*/ * {margin: 0; padding: 0;} body{font: 1em verdana, arial, sans-serif; color: #000000; background-color: #f7f7f7;} /*-- Styles the main containing element which sets the page width at 780px & centers the page within the browser --*/ div#container{text-align: left; width: 780px; margin: auto; background-color: #fff; border: 4px double #cbcbcb;} /*-- Styles the banner at the top of every page --*/ .banner {border: 0; padding: 0; margin-top: 0;} /*-- Styles the main page header on each page --*/ div#content h1 {color: #069; background-color: #fff; font-family: batang, georgia, 'century schoolbook', serif; width: 450px; padding-left: 15px; margin: 15px 0 15px 0; font-size: 1.45em; vertical-align: top; text-align: left;} /*-- Styles the sub-headings on each page --*/ div#content h3 {color: #069; background-color: #fff; font-family: batang, georgia, 'times new roman', serif; padding-left: 15px; font-size: 0.95em;} /*-- Styles the main content of each page --*/ div#content {vertical-align: top; margin-top: 0; margin-right: 0;} div#content h3, div#content p, div#content ul {text-align: left; padding: 0 15px 5px 15px;} div#content p {line-height: 1.4em; font-size: 0.8em; margin-bottom: 15px; text-align: justify;} div#content ul {text-align: left; line-height: 1.5em; font-size: 0.85em; padding-left: 35px; text-align: justify; padding-right: 15px;} div#content a {color: #096; background-color: #fff; text-decoration: none; padding: 0;} div#content a:hover {color: #39c; background-color: #fff; text-decoration: underline;} /*-- Styles the lists on the Site Map page --*/ div#content ul.siteMenu {text-align: left; line-height: 1.4; font-size: 0.9em; padding: 0 0 0 40px; margin-bottom: 0; list-style: none;} div#content ul.siteSubMenu {line-height: 1.3; font-size: 0.95em;} /*-- .green {font-weight: bold; color: #096; background-color: #fff;} --*/ td#main {vertical-align: top; height: 580px; margin-left: 145px;} /*-- Styles the main content of the Contacts page --*/ table#contact {font-size: 0.9em;} /*-- Styles the links within the main content on the Policies & Links pages --*/ td h2 {text-align: left; padding: 0 0 20px; margin-left: 0;} #textboxLinks {text-align: left; margin-bottom: 20px; height: 450px;} #textboxLinks a { color: #096; background-color: #fff; text-decoration: none; line-height: 1.5em; margin-left: 30px; font-size: 0.85em; } #textboxLinks a:first-child {padding-top: 0px;} #textboxLinks a:hover {color: #39c; background-color: #fff; text-decoration: underline;} ul#linkList {margin-bottom: 20px;} /*-- Styles the images on the site --*/ img {border: 1px solid #cbcbcb; padding: 0.4em;} .right {float: right; margin-left: 10px; margin-right: 15px; margin-top: 5px;} .left {float: left; margin-right: 10px; margin-left: 15px; margin-top: 5px;} /* Styles the project images on the main project page, these act as links to the individual project pages --*/ .project {border: 1px solid #ccc; padding: 0px; margin: 1px;} /*-- Styles the green navigation menu at the top of each page --*/ td#topnav {padding: 0; margin: 0; vertical-align: top; margin-left: 145px;} td#topnav p {text-align: center; margin-left: 0px; padding: 1px 140px 1px 0; background-color: #6c9; color: #fff; margin-top: 0; margin-bottom: 0;} td#topnav a {display: inline; font-size: 0.85em; font-weight: bold; text-decoration: none; padding: 0 5px; background-color: #6c9; color: #fff; } td#topnav a:hover {color: #000; background-color: #6c9; text-decoration: none;} /*-- Styles the left-hand blue main menu on each page --*/ #navbar {font-size: 0.80em; vertical-align: top; text-align: left; width: 145px;} #navbar a.menu {display: block; color: #fff; background-color: #069; font-weight: bold; text-decoration: none; font-family: verdana, arial, sans-serif; border-bottom: 1px dashed #fff; padding: 3px 5px; text-decoration: none; } #navbar a.menu:hover {color: #000; background-color: #39c; border-bottom: 1px dashed #fff; text-decoration: none;} #navbar a.chosen {color:#333; background-color: #d6e7e7; font-weight: bold; font-size: 1em; padding: 3px 5px; border-right: 4px double #cbcbcb;} #navbar a.chosen:hover {color:#069; background-color: #d6e7e7; text-decoration: none;} /*-- Styles the left-hand green sub-menu on each page --*/ #navbar a.submenu, #navbar a.submenu:link, #navbar a.submenu:visited, .chosen, .chosen2{display: block; color: #fff; background-color: #096; text-decoration: none; font-size: 0.8em; text-decoration: none; font-family: verdana, arial, sans-serif; padding: 3px 5px 3px 15px; overflow: hidden; border-bottom: 1px dashed #cbcbcb;} #navbar a.submenu:hover {color: #000; background-color: #6c9; text-decoration: none;} #navbar a.chosen2 {color:#000; background:#d6e7e7; font-weight: normal; font-size: 0.8em; padding: 3px 5px 3px 15px; border-right: 4px double #cbcbcb;} #navbar a.chosen2:hover {color:#000; background: #d6e7e7; text-decoration: none;} /*-- Styles the pop-up pictures on the SupportUs page --*/ #pictures {float: right; width: 214px; margin-top: -5px; margin-bottom: 1px; padding-right: 1em; padding-left: 1em; font-size: 0.9em;} #mainpic{} #minipix {margin-bottom: 0px; padding-right: 0;} #minipix a {border: 0;} .thumb {padding: 2px; margin-left: 0; margin-right: 0; margin-top: 0.5em; border: 1px solid #cbcbcb;} /*-- Styles the pop-up pictures on the SupportUs page --*/ #pictures2 {float: left; width: 214px; margin-top: -5px; padding-right: 1em; padding-left: 1em; font-size: 0.9em;} #mainpic2{} #minipix2 {margin-bottom: 5px; padding-right: 0;} #minipix2 a {border: 0;} .thumb {padding: 2px; margin-left: 0; margin-right: 0; margin-top: 0.5em; border: 1px solid #cbcbcb;} /*-- Styles the quotes: code courtesy of: Nifty Corners: rounded corners without images By Alessandro Fulciniti http://www.html.it/articoli/nifty/index.html --*/ /*-- Styles the quote box at the top of the main page content --*/ div#wrap {margin: 0 10% 10px; background-color: #d6e7e7; color: #000000;} div#wrap p {font-family: 'lucida calligraphy', georgia,'times new roman'; font-style: italic; margin-bottom: 0; padding-left: 2px; padding-right: 2px; font-size: 0.75em; text-align: left;} /*-- Styles the 2nd quote box in the main page content --*/ div#wrap4 {margin: 0 10% 10px; background-color: #d6e7e7; color: #000000;} div#wrap4 p {font-family: 'lucida calligraphy', georgia, 'times new roman'; font-style: italic; margin-bottom: 0; padding-left: 2px; padding-right: 2px; font-size: 0.75em; text-align: left;} /*-- Styles the quote box in the right hand column --*/ div#wrap2 {margin: 0; padding: 0; width: 135px; background-color: #d6e7e7; color: #000000;} div#wrap2 p {font-family: 'lucida calligraphy', georgia, 'times new roman'; font-style: italic; margin-bottom: 0; padding: 4px 6px; font-size: 0.75em; text-align: left;} .student {font-weight: bold;} /*-- Styles the 2nd quote box in the right hand column --*/ div#wrap3 {margin: 0; padding: 0; width: 135px; background-color: #d6e7e7; color: #000000;} div#wrap3 p {font-family: 'lucida calligraphy', georgia, 'times new roman'; font-style: italic; margin-bottom: 0; padding: 4px 6px; font-size: 0.75em; text-align: left;} .student {font-weight: bold;} /*-- Styles the round corners of the quote boxes --*/ b.rtop, b.rbottom {display: block; background-color: #FFF} b.rtop b, b.rbottom b {display: block; height: 1px; overflow: hidden; background-color: #d6e7e7;} b.r1{margin: 0 4px} b.r2{margin: 0 2px} b.r3{margin: 0 1px} b.rtop b.r4, b.rbottom b.r4{margin: 0 ; height: 2px} /*-- Styles the right-hand navigation bar on each page --*/ #rightnav {vertical-align: top; font-family: verdana, arial, sans-serif; margin-right: 0; width: 147px;} td#rightnav h4 {font-family: batang, georgia, 'times new roman', serif; color: #fff; background-color: #069; text-align: center; padding: 3px; font-size: 0.85em; font-weight: bold; margin-right: 0; padding-right: 0; margin-bottom: 10px;} td#rightnav h4:first-child {margin-top: 0;} td#rightnav a {display: block; color: #009966; background-color: #fff; text-align: left; text-decoration: none; font-weight: bold; padding: 0 10px 10px 5px; font-family: verdana, arial, sans-serif; font-size: 0.75em;} td#rightnav a:hover {color: #069; background-color: #fff;} /*-- Style for MCFB address on home page --*/ #address {font-size: 0.65em; font-family: arial, verdana, sans-serif; text-align: left; margin-bottom: 5px;} /*-- Styles for the Board & Staff Members' names on 'Who We Are' page --*/ .people {color: #096; background-color: #fff; font-family: tahoma, verdana, sans-serif; font-size: 0.9em;} /*-- Style for 'Up' arrows on 'About Us' page --*/ a.arrow {background: #fff url(images/arrow.gif) center no-repeat; border: none; padding: 2px 8px; float: right; margin-top: -10px; margin-right: 0.7em; width: 20px;} a.arrow:hover {background: #fff url(images/arrow2.gif) center no-repeat; border: none; text-decoration: none;} /*-- Styles the green footer at the bottom of each page --*/ tr#footer {background-color: #6c9; color: #333;} tr#footer p {font-size: 0.5em; text-align: center; margin: 0px; padding: 2px 0; font-weight: bold;} tr#footer a {color: #fff; background-color: #6c9; margin: 0; text-decoration: none;} tr#footer a:hover {color: #333; background-color: #6c9; text-decoration: underline;}