﻿@charset "utf-8";
/* CSS Constants

Dark Green: rgb(118, 152, 64)
Med Green: rgb(154, 190, 97)
Light Green: rgb(174, 208, 121)

Light Yellow: rgb(246, 219, 68)
Dark Yellow: rgb(240, 188, 37)

Dark Tan: rgb(186, 178, 130)
Tan: rgb(201, 194, 151)
Cream: rgb(244, 241, 222)

White: rgb(255, 255, 255)

Light Grey: rgb(232, 232, 232)
Med Light Grey: rgb(180, 180, 180)
Med Grey: rgb(150, 150, 150)
Med Dark Grey: rgb(75, 75, 75)
Dark Grey: rgb(46, 46, 46)

*/

/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
display: block;
}

nav ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}

mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}

input, select {
vertical-align: middle;
}

/***** Structure *****/
html {
height: 101%;
}

body {
width: 864px;
margin: auto;
padding: 30px 0;
background-color: rgb(244, 241, 222);
font: 62.5%/1.1 Verdana, Arial, Helvetica, sans-serif;
position: relative;
}

div {
padding: 13px;
color: rgb(150, 150, 150);
background-color: rgb(255, 255, 255);
border: 2px solid;
-webkit-box-shadow: 1px 1px 100px rgb(186, 178, 130);
-moz-box-shadow: 1px 1px 50px rgb(186, 178, 130);
box-shadow: 1px 1px 50px rgb(186, 178, 130);
}

div > a, div > a:link, div > a:visited, div > a:hover, div > a:active {
width: 117px;
height: 64px;
margin-left: 40px;
margin-bottom: 20px;
background: transparent url(/preschool/images/nccLogoPreschool.png) no-repeat 0 0;
border: none;
display: block;
text-indent: -999px;
}

header {
height: 190px;
background-color: rgb(246, 219, 68);
background-image: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(246,219,68)), color-stop(0, rgb(240,189,37)) );
background-image: -moz-linear-gradient(bottom, rgb(240,189,37), rgb(246,219,68) );
position: relative;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}

header > h1 {
width: 345px;
height: 137px;
background: transparent url(/preschool/images/logoPreschoolFullText.png) no-repeat 0 0;
text-indent: -999px;
}

header > img {
position: absolute;
right: 0;
bottom: 0;
}

nav {
font-size: 1.4em;
background-color: rgb(46, 46, 46);
background-image: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(75, 75, 75)), color-stop(0, rgb(46, 46, 46)) );
background-image: -moz-linear-gradient(bottom, rgb(46, 46, 46), rgb(75, 75, 75) );
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
border: 2px solid rgb(46, 46, 46);
}

nav ul {
padding: 8px 0 12px;
text-align: center;
}

nav li {
margin: 0;
display: inline;
}

nav a:link, nav a:visited {
margin: 0;
padding: 8px 8px 12px;
color: rgb(255, 255, 255);
border: none;
text-align: center;
text-decoration: none;
}

nav a:hover, nav a:active {
background-color: rgb(150, 150, 150);
background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, rgb(75, 75, 75)), color-stop(1, rgb(150, 150, 150)) );
background-image: -moz-linear-gradient(bottom, rgb(75, 75, 75), rgb(150, 150, 150) );
border: none;
}

#current:link, #current:visited {
color: rgb(154, 190, 97);
background-color: rgb(64, 64, 64);
background-image: -webkit-gradient(linear, right bottom, right top, color-stop(0, rgb(75, 75, 75)), color-stop(1, rgb(46, 46, 46)) );
background-image: -moz-linear-gradient(bottom, rgb(75, 75, 75), rgb(46, 46, 46) );
}

#current:hover, #current:active {
color: rgb(154, 190, 97);
}

div > section {
padding: 18px 0 0 0;
}

section section:first-of-type {
width: 222px;
float: left;
font-size: 1.5em;
}

section section:first-of-type h1 {
padding: 10px 22px 12px;
color: rgb(255, 255, 255);
background-color: rgb(154, 190, 97);
background-image: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(174, 208, 121)), color-stop(0, rgb(118, 152, 64)) );
background-image: -moz-linear-gradient(bottom, rgb(118, 152, 64), rgb(174, 208, 121) );
font-weight: normal;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
text-shadow: rgb(118, 152, 64) 3px 3px 2px;
}

section section:first-of-type p {
margin: 8px 4px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 25px;
background: transparent url(/preschool/images/dotBang.png) no-repeat 0 0;
}

section section:nth-of-type(2) {
width: 540px;
margin: 7px 7px 14px 32px;
padding-left: 32px;
border-left: 1px solid rgb(232, 232, 232);
float: right;
font-size: 1.5em;
}

section section:nth-of-type(2) h1, section section:nth-of-type(2) h2 {
margin-bottom: -20px;
color: rgb(118, 152, 64);
}

section section:nth-of-type(2) p {
margin: 21px 84px 21px 0;
}

section footer {
height: 76px;
background-color: rgb(232, 232, 232);
clear: both;
font-size: 1.4em;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}

section footer p {
padding: 16px 20px;
float: right;
}

body > footer {
color: rgb(186, 178, 130);
font-size: 1.1em;
}

body > footer ul {
padding: 15px 0;
list-style-type: none;
text-align: center;
}

body > footer li {
border-left: 1px solid;
display: inline;
}

body > footer li:first-child {
border-left: none;
}

body > footer a:link, body > footer a:visited {
padding: 15px;
color: rgb(186, 178, 130);
border: none;
text-align: center;
text-decoration: none;
}

body > footer a:hover, body > footer a:active {
text-decoration: underline;
}

/***** Common Components *****/
a:link, a:visited {
color: rgb(118, 152, 64);
text-decoration: none;
border-bottom: 1px dotted;
}

a:hover, a:active {
border-bottom-style: solid;
}

span {
font-size: 0.8em;
font-weight: normal;
}

strong {
font-weight: bold;
}

strong strong {
font-weight: bold;
font-size: 1.4em;
}

ul {
padding-left: 32px;
}

/***** Home *****/
.home section section:nth-of-type(2) h1 {
margin-bottom: 20px;
}

.home section section:nth-of-type(2) img {
margin-bottom: -30px;
}

/***** Program *****/

/***** Curriculum *****/
.curriculum table {
	border-collapse: separate;
}

.curriculum thead th:first-child {
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;
}

.curriculum thead th:last-child {
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
}

.curriculum th, .curriculum td {
padding: 10px 14px;
border: 1px solid rgb(000, 000, 000);
}

.curriculum th {
color: rgb(255, 255, 255);
background-color: rgb(154, 190, 97);
background-image: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(174, 208, 121)), color-stop(0, rgb(118, 152, 64)) );
background-image: -moz-linear-gradient(bottom, rgb(118, 152, 64), rgb(174, 208, 121) );
text-align: left;
text-shadow: rgb(118, 152, 64) 3px 3px 2px;
}

.curriculum td {
color: rgb(118, 152, 64);
}

.curriculum td:first-child {
font-weight: bold;
}

/***** Admission *****/

/***** Hours *****/

/***** Tuition *****/
.tuition th, .tuition td {
padding: 6px 10px;
border-left: 1px solid rgb(232, 232, 232);
}

.tuition th:first-child, .tuition td:first-child {
border: none;
}

.tuition th {
color: rgb(118, 152, 64);
text-align: left;
}

/***** Contact *****/
