/* @override http://www.pawleysislandmontessori.org/css/screen.css */

/* @group General Rules */

* {
 margin: 0;
 padding: 0;
}
body {
 font-size: 62.5%;
}
body {
 background: #fbfae8 url(../images/html_bg.png) repeat-x;
}
body#subpage {
 background: #fbfae8 url(../images/sub_bg.png) repeat-x;
}

h1,h2,h3,h4,h5,h6, input {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: 300;
}
ol,ul,p,address,label, dl {
 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
p, address {
 line-height: 146%;
}

.errMsg {
	color: red;
	font-size:120%;
	font-weight:700;
}
.errFld {
	border-color: red;
}

/* @end */

/* @group Container Rules */

#header {
 height: 126px;
}
#header-sub {
 height: 138px;
}
#header h1,#header-sub h1 {
 padding-top: 28px;
 padding-left: 10px;
 font-size: 100%;
 float: left;
 color: #4277a8;
  width: 670px;
  height: 52px;
  position: relative;
}
#header h1 span, #header-sub h1 span {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(../images/logo.png) no-repeat;
}
#header-sub h1 {
 width: 670px;
}
#header p, #sub  {
 float: left;
 color: #88a8c3;
 padding-left: 35px;
}
#header p {
padding-left: 35px;
}
#header p a, #header-sub p a {
 text-decoration: none;
 color: #c4a2a2;
}
#header-sub a#contact-button {
 display: block;
 background: url(../images/sub_contact_header.png) no-repeat;
 width: 147px;
 height: 44px;
}
a#contact-button {
 margin: 36px 0 0 -15px;
 text-indent: -300em;
}
#container {
 margin-left: auto;
 margin-right: auto;
 width: 920px;
}


/* @end */

/* @group Form Rules */
div#left fieldset {
 border: 1px solid #a5d047;
 background-color: #fffce3;
 margin: 20px 24px;
 padding: 24px;
}
div#left fieldset p {
 width: 300px;
 padding-left: 0;
}
div#left fieldset h4 {
 padding-left: 0;
}
fieldset label {
 font-size: 120%;
 font-weight: 700;
 color: #501c30;
}
fieldset label span {
 color: red;
}
fieldset div {
 margin-bottom: 1em;
}
fieldset div input {
 font-size: 160%;
 font-style: italic;
}

/* @end */
img#home-image {
 clear: left;
 float: left;
 margin-bottom: 36px;
}
#contact-area {
 margin-top: 40px;
 margin-left: 26px;
 float: left;
 color: #fff;
}

#contact-area a {
  color: #fff;
}

#contact-area a#contact-header {
 width: 146px;
 height: 44px;
 display: block;
 margin-left:22px;
 background: url(../images/contact_us.png);
 text-indent: -300em;
}

#contact-area address {
 width: 150x;
 height: 110px;
 font-size: 120%;
padding: 30px 24px 0;
margin-top: 5px;
 background: url(../images/home_address.png) bottom right no-repeat;
 font-style: normal;
}
#contact-area address span {
 display: block;
 clear: left;
 float: left;
 width: 14px;
}

/* @group Navigation */

#navigation li {
 float: left;
 text-indent: -300em;
 margin-left: 30px;
}
#navigation {
 margin-left: 46px;
 height: 45px;
 list-style: none;
 clear: left;
}
a#home {
 display: block;
 background: url(../images/home.png) no-repeat;
 width: 57px;
 height: 15px;
}
li#home-current {
 background: url(../images/home_current.png) no-repeat;
 width: 57px;
 height: 15px;
}
a#about-us {
 display: block;
 background: url(../images/about_us.png) no-repeat;
 width: 100px;
 height: 15px;
}
li#about-us-current {
  background: url(../images/about_us_current.png) no-repeat;
 width: 100px;
 height: 15px;
}
a#programs {
 display: block;
 background: url(../images/programs.png) no-repeat;
 width: 108px;
 height: 15px;
}
li#programs-current {
 background: url(../images/programs_current.png) no-repeat;
 width: 108px;
 height: 15px;
}
a#admissions {
 display: block;
 background: url(../images/admissions.png) no-repeat;
 width: 124px;
 height: 15px;
}
li#admissions-current {
 background: url(../images/admissions_current.png) no-repeat;
 width: 124px;
 height: 15px;
}
a#montessori {
 display: block;
 background: url(../images/montessori.png) no-repeat;
 width: 127px;
 height: 15px;
}
li#montessori-current {
 background: url(../images/montessori_current.png) no-repeat;
 width: 127px;
 height: 15px;
}
a#parents {
 display: block;
 background: url(../images/parents.png) no-repeat;
 width: 127px;
 height: 15px;
}
li#parents-current {
 background: url(../images/parents_current.png) no-repeat;
 width: 127px;
 height: 15px;
}

/* @end */

#content {
 clear: left;
 background: url(../images/content_shadow.png) no-repeat 0 16px;
 padding-left: 8px;
 }
#left {
 width: 601px;
 background: #fff;
 float: left;
}

#left h2 {
 background: url(../images/content_header.png) no-repeat;
 font-size: 360%;
 padding:28px 28px 14px;
 color: #3c6a9d;
}
#body-home #left blockquote {
 background: url(../images/content_header.png) no-repeat;
 margin-top:0;
 padding-top:28px;
}
#body-home #left h2 {
 background-image: none;
}
#left h3, #left h4 {
 padding-left: 28px ;
 color: #789eb5;
}
#left h3 {
 font-size: 220%;
 margin-bottom: 14px;
}
#left h3.red {
  color:red;
}
#left h4 {
 font-size: 180%;
 margin-bottom: 14px;
}

#left p {
  padding-left: 28px;
  font-size: 140%;
  margin-bottom: 1em;
  width: 540px;
}
#left ul, #left ol {
 padding-left: 46px;
 line-height: 140%;
 font-size: 140%;
 margin-bottom: 14px;
 width: 490px;
}
#left li {

}
#left dl {
  padding-left: 30px;
}
#left dl dt {
  margin-top: 1em;
  margin-bottom: 0.46em;
  font-weight: 700;
  font-size: 160%;
}
#left dl dd {
  margin-bottom: 1em;
  line-height: 1.7;
  padding-left: 14px;
  font-size: 140%;
}
#left blockquote p {
  margin-left:  32px;
  margin-top: 1.7em;
  width: 460px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: 700;
  font-size: 160%;
  color: #963a3a;
}
#left p#quote {
  text-align: right;
  color: #963a3a;
  margin-bottom: 24px;
  font: 120% Georgia, "Times New Roman", Times, serif;
}
table {
 border-top:1px solid #d8e1eb;
 border-right:1px solid #d8e1eb;
 margin:2em 28px;
 border-collapse:collapse;
}
td { font-size: 1.3em; }
th { font-weight:bold; font-weight:bold;}
tr.odd td { background: #f0f4f9}
tr.odd .column1, .tuition  th	{ background: #eef1f7; }	
.column1 { background: #f9fcff; text-align:left; }
.column { background:#f9fcff; text-align: center; }
td { color: #585a5c; border-bottom: 1px solid #d8e1eb; border-left:1px solid #d8e1eb; padding:.3em 1em; text-align:left; }				
th { font-weight:normal; color: #3f4f5d; text-align:left; border-bottom: 1px solid #d8e1eb; border-left:1px solid #d8e1eb; padding:.3em 1em; }
td.tuition-title{width:200px;}
#right {
 float: left;
 margin-left: 26px;
 width: 280px;
}
#right h3 {
 margin-top: 30px;
 color: #789eb5;
 font-size: 180%;
 border-bottom: 1px solid #e1d5c8;
 text-align: center;
 font-weight: 700;
 padding-bottom: 4px;
 margin-bottom: 14px;
}
#right h3 span {
 color: #797677;
 font-style: italic;
 font-weight: 300;
 font-size: 110%;
}
#right h4 {
 width: 232px;
 float: left;
 padding-top: 10px;
 font-size: 220%;
 color: #747474;
}
#right h5 {
 float: left;
 width: 46px;
 height: 47px;
 background: url(../images/calendar_bg.png) no-repeat;
 font-size: 120%;
 line-height: 14px;
 text-align: center;
 padding: 10px 0 0;
}
#right h5 span {
 font-size: 160%;
}
#right p {
 clear: left;
 font-size: 120%;
 color: #7c8a93;
 margin-bottom: 1em;
}
#right ul {
 line-height: 160%;
 font-size: 120%;
 color: #ba9272;
 list-style: none;
 width: 280px;
}
#right li {
 border-top: 1px solid #dedfce;
 padding: 3px;
}
#right a, #left a {
 color: #724a5a;
 text-decoration: none;
}
#right a:hover, #left a:hover {
 color: #3c6a9d;
}
#footer {
 padding: 20px 28px;
 margin-left: 8px;
 clear: left;
 background: url(../images/content_footer.png) no-repeat;
}
.footer {
 border-top: 6px solid #cb3a4f;
 height: 68px;
 background: url(../images/subfooter_bg.png);
}
.footer div {
 width: 920px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 48px;
}
.footer address {
 font: 120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 color: #fffbf7;
 padding-top: 20px;
 float:left;
 margin-right: 250px;
}
.footer a#footer-contact {
 display: block;
 width: 70px;
 height: 21px;
 float: left;
 margin-top: 20px;
 text-indent: -300em;
 background: url(../images/contact_footer_sub.png);
}

/*new styles*/
#content p span, cite {
 font-style:italic;
}
acronym {
 border: none;
}
#left blockquote#teacher-quote p {
 font: 140%/146% Arial, Helvetica, sans-serif;
 padding-left: 28px;
 color: black;
 width: 540px;
 margin-left: 0;
}
#left p#quote-two {
 text-align: right;
 font: italic 140%/146% Arial, Helvetica, sans-serif;
 margin-bottom: 24px;
 color: black;
}
#left img{
border:none;
}