/******

wiws css

******/



html, body{
	margin:0px;
	font-family: "Avant Garde Gothic", "Avant Garde", "Century Gothic", Arial, sans-serif;
	font-size:13px;
	color:#553620;
	background:#ffebcf;
}

#wrap{
	width:850px;
	margin:15px auto;
}

#content{
	width:770px;
	margin:0px auto 0px auto;
}

#leftCell{
	padding:5px 10px 5px 0px;
	background:url(../images/bg_content-left.jpg) top right no-repeat;
	width:160px;
}

#midCell{
	padding:5px 10px;
}

#rightCell{
	width:160px;
	padding:5px 0px 5px 10px;
	background:url(../images/bg_content-right.jpg) top left no-repeat;
}


#footer{
	font-size:11px;
	background:#FFEBCF;
}

#footer li{
	list-style:none;
	display:inline;
}



/**** menu  *********/

#menu{
	z-index:2000;
	margin:0px 20px;
}

#menu .menu-inner{
	position:relative;
	height:30px;
}

.subMenu{
	position:absolute;
	margin:0px;
	width:170px;
	font: 14px/18px Georgia, serif;
	font-variant:small-caps;
	
}

.sm-bg{background:#ffebcf;}
.sm-b{border-bottom:1px solid #dadad0;}
.sm-c{
	border-left:1px solid #dadad0;
	border-right:1px solid #dadad0;
}

#sm-school{left:30px;}
#sm-community{left:144px;}
#sm-programs{left:301px;}
#sm-waldorf{left:490px;}
#sm-contact{left:605px;}


.subMenu .menu a:link, .subMenu .menu a:visited, .subMenu .menu a:active{
	display:block;
	padding:4px 0px 4px 0px;
	margin:0px 1px;
	color:#7f6049;
	text-decoration:none;
}

.subMenu .menu a:hover{
	display:block;
	padding:4px 0px 4px 0px;
	margin:0px 1px;
	color:#ffebcf;
	background:#8f9b68;
	text-decoration:none;
}


#footer .menu a:link, #footer .menu a:visited, #footer .menu a:active{
	padding:0px 10px 0px 0px;
	text-decoration:none;
	color:#8f9b68;
}

#footer .menu a:hover{
	padding:0px 10px 0px 0px;
	color:#8f9b68;
	text-decoration:underline;
}

.l-menu-rpt{
	background:url(/images/bg_l-menu-rpt.gif) right repeat-y;
}

.l-menu a:link, .l-menu a:visited, .l-menu a:active{
	display:block;
	padding:4px 0px 4px 0px;
	margin:0px;
	color:#7f6049;
	text-decoration:none;
	border-bottom:1px dotted #8f9b68;
}

.l-menu a:hover{
	display:block;
	padding:4px 0px 4px 0px;
	margin:0px;
	color:#ffebcf;
	background:#8f9b68;
	text-decoration:none;
	border-bottom:1px dotted #FFFFFF;
}


.l-menu a.last:link, .l-menu a.last:visited, .l-menu a.last:active{
	display:block;
	padding:4px 0px 4px 0px;
	margin:0px;
	color:#7f6049;
	text-decoration:none;
}
.l-menu a.last:hover{
	display:block;
	padding:4px 0px 4px 0px;
	margin:0px;
	color:#ffebcf;
	background:#8f9b68;
	text-decoration:none;
}

.l-menu a.on:link, .l-menu a.on:visited, .l-menu a.on:active, .l-menu a.on:hover{
	display:block;
	padding:4px 0px 4px 0px;
	margin:0px;
	color:#ffebcf;
	background:#8f9b68;
	text-decoration:none;
	border-bottom:1px dotted #FFFFFF;
}

#sitemap ul li{
	list-style:bullet;
	list-style-position:inside;
	padding:2px 2px 2px 2px;
}



/***** boxes ******/

.boxMain-tl{background:url(/images/boxMain-tl.png) top left no-repeat;}

.boxMain-tr{background:url(/images/boxMain-tr.png) top right no-repeat;}

.boxMain-br{background:url(/images/boxMain-br.png) bottom right no-repeat;}

.boxMain-bl{background:url(/images/boxMain-bl.png) bottom left no-repeat;}

.boxMain-l{background:url(/images/boxMain-l.png) left repeat-y;}

.boxMain-r{background:url(/images/boxMain-r.png) right repeat-y;}

.boxMain-t{background:url(/images/boxMain-t.png) top repeat-x;}

.boxMain-b{background:url(/images/boxMain-b.png) bottom repeat-x;}

.boxMain-outer{background:#FFFFFF;}

.boxMain-inner{
	padding:12px;
}


.boxGreen-tl{background:url(/images/boxGreen-tl.png) top left no-repeat;}

.boxGreen-tr{background:url(/images/boxGreen-tr.png) top right no-repeat;}

.boxGreen-br{background:url(/images/boxGreen-br.png) bottom right no-repeat;}

.boxGreen-bl{background:url(/images/boxGreen-bl.png) bottom left no-repeat;}

.boxGreen-l{background:url(/images/boxGreen-l.png) left repeat-y;}

.boxGreen-r{background:url(/images/boxGreen-r.png) right repeat-y;}

.boxGreen-t{background:url(/images/boxGreen-t.png) top repeat-x;}

.boxGreen-b{background:url(/images/boxGreen-b.png) bottom repeat-x;}

.boxGreen-outer{background:#8f9b68;}

.boxGreen-inner{
	padding:7px;
	color:#FFFFFF;
}

.menu-m{background:url(/images/menu_bg-mid.png) top repeat-x;}
.menu-l{background:url(/images/menu_bg-left.png) top left no-repeat;}
.menu-r{background:url(/images/menu_bg-right.png) top right no-repeat;}
.menu-inner{
	padding:0px 5px 5px 5px;
}
.menu-outer{
	width:784px;
	margin:-3px auto 10px auto;
}


.boxInfo-t{background:#fff7ed url(/images/boxInfo-lrtb.png) top repeat-x;}
.boxInfo-r{background:#fff7ed url(/images/boxInfo-lrtb.png) right repeat-y;}
.boxInfo-b{background:#fff7ed url(/images/boxInfo-lrtb.png) bottom repeat-x;}
.boxInfo-l{background:#fff7ed url(/images/boxInfo-lrtb.png) left repeat-y;}
.boxInfo-menu{border-left:1px solid #7f6049;border-right:1px solid #7f6049;background:#fff7ed;}
.boxInfo-content{background:#fff7ed;}


.quoteOuter{
	border-top:1px dotted #999;
	padding-top:10px;
	margin-top:5px;
	background:url(/images/bg_quote-BR.gif) bottom right no-repeat;
}

.quoteInner{
	color:#444;
	font-size:12px;
	padding:10px 30px 5px 30px;
	background:url(/images/bg_quote-TL.gif) top left no-repeat;
}


/****** homepage look *********/
#slideshow-outer{
	position:absolute;
	top:270px;
	width:826px;
}

#slideshow{
	position:relative;
	width:790px;
	margin:0px auto 0px auto;	
	height:330px;
	z-index:1;
}

#slideshow-placeholder{
	height:330px;
	width:780px;
}

.slide{
	position:absolute;
	z-index:2;
}

.boxLand-tl{background:url(/images/boxLand-tl.png) no-repeat;position:absolute;top:0px;left:0px;width:11px;height:11px;z-index:20;}

.boxLand-tr{background:url(/images/boxLand-tr.png) no-repeat;position:absolute;top:0px;right:0px;width:11px;height:11px;z-index:20;}

.boxLand-br{background:url(/images/boxLand-br.png) no-repeat;position:absolute;bottom:0px;right:0px;width:11px;height:11px;z-index:20;}

.boxLand-bl{background:url(/images/boxLand-bl.png) no-repeat;position:absolute;bottom:0px;left:0px;width:11px;height:11px;z-index:20;}

.boxLand-l{background:url(/images/boxLand-l.png) left repeat-y;z-index:20;}

.boxLand-r{background:url(/images/boxLand-r.png) right repeat-y;z-index:20;}

.boxLand-t{background:url(/images/boxLand-t.png) top repeat-x;z-index:20;}

.boxLand-b{background:url(/images/boxLand-b.png) bottom repeat-x;z-index:20;}

.boxLand-outer{position:relative;}

.boxLand-inner{
	height:369px;
	width:753px;
}

#boxLand-window{
	height:369px;
	width:753px;	
	overflow:hidden;
	z-index:1;
}

.boxLand-window-inner{
	height:369px;
	width:753px;
	z-index:1;
}


.look{
	margin-left:4px;
	margin-top:4px;
	position:absolute;
	height:361px;
	width:190px;
	overflow:hidden;
}

.look .info{
	margin:5px 0px 0px 230px;
	width:200px;
	font-size:12px;
}

.look .info h1{
	font-size:15px;
}

.look .info-inner{
	height:339px;
	overflow-y:auto;
}


#early-childhood{
	left:0px;
	background:url(/images/land-2.jpg) left no-repeat; 
}

#one-five{
	left:190px;
	border-left:1px solid #7f6049;
	background:url(/images/land-3.jpg) left no-repeat; 
}

#middle-school{
	left:381px;
	border-left:1px solid #7f6049;
	background:url(/images/land-1.jpg) left no-repeat; 
}

#faculty-staff{
	left:572px;
	border-left:1px solid #7f6049;
	background:url(/images/land-4.jpg) left no-repeat; 
}







/********************  div styles  *******************/

h1, h2, h3, p{
	margin:0px;
}

h1{font-size:16px;}

.m0{ margin:0px;}
.m10{ margin:10px;}

.mtb5{ margin:5px 0px;}
.mtb10{ margin:10px 0px;}
.mtb20{ margin:20px 0px;}

.mlr5{ margin:0px 5px;}
.mlr10{ margin:0px 10px;}
.mlr20{ margin:0px 20px;}

.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}

.m5{ margin:5px;}

.mtb5{ margin:5px 0px;}

.mt5{ margin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}

.mt20{ margin-top:20px;}
.ml20{ margin-left:20px;}
.mb20{ margin-bottom:20px;}
.mr20{ margin-right:20px;}



.p10{ padding:10px;}
.p20{ padding:20px;}
.p3{ padding:3px;}

.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}

.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}

.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}



.p5{ padding:5px;}
.pt5{ padding-top:5px;}
.pb5{ padding-bottom:5px;}


.h1{ height:1px;}
.h15{ height:15px;}
.h25{ height:25px;}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

.click{ cursor:pointer;}

/********************  text sizes  *******************/

.s9{ font-size:9px;}

.s10{ font-size:10px;}

.s11{ font-size:11px;}

.s12{ font-size:12px;}

.s13{ font-size:13px;}

.s14{ font-size:14px;}

.s15{ font-size:15px;}

.s16{ font-size:16px;}

.s18{ font-size:18px;}

.s22{ font-size:22px;}

.s45{ font-size:45px;}

.al{ text-align:left; }
.ar{ text-align:right; }
.ac{ text-align:center; }


/********************  text styles  *******************/

.b{ font-weight:bold;}
.n{ font-weight:normal;}
.caps{text-transform:uppercase;}

.ltgrey{ color:#AEAEAE;}
.grey{ color:#999;}
.dkgrey{ color:#555;}
.black{ color:#000;}

.red{ color:#ff0000;}
.green{ color:#006600;}

.quote{font-family:Georgia;}

/************ links *************/

a:link, a:visited, a:active{
	color:#000000;
	font-size:inherit;
	text-decoration:underline;
}

a:hover{
	color:#000000;
	font-size:inherit;
	text-decoration:none;
}


/* ------ forms */

input, select, textarea{
	border:1px solid #BBB;
	padding:2px;
	font-size: 1em;
}

input.btn{ 
	border:0px solid #FFFFFF;
}

/* ------ pop */

.boxCell-blue{
	background:#d7ecfa;
}

.boxCell-grey{
	background:#f0efef;
}

.pop{
	position:absolute;
}

.popInner{
	position:relative;
}

.popInner div.move {
	left:0;
	margin:-10px 0 0 -8px;
	position:absolute;
	top:0;
}

.popInner div.close {
	margin:-10px -8px 0 0;
	position:absolute;
	right:0;
	top:0;
}

.move{ cursor:move;}

.close{ cursor:pointer;}


/******* calendar  ********/


#container {
	margin: auto;
	float:left;
}
#container table{
	background:#FFF;
}
#container #header #header_left {
	float: left;
	background-image: url(/calendar/style/images/header_left.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 45px;
}
#container #header #header_right {
	background-image: url(/calendar/style/images/header_right.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 6px;
	float: right;
}
#container #content {
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}
#container #footer {
    clear:both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #000033;
	border-bottom-color: #000033;
	border-left-color: #000033;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#container #footer a {
	color: #999999;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#container #header #header_main {
	float: left;
	padding: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#container #header {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background:#8f9b68;
	height: 42px;
}

.month{
    width:180px;
    float:left;
    border:1px solid #ccc;
    border-collapse:collapse;
}

#container td {
    border:1px solid #ddd;
    color:#555;
    padding:5px;
    text-align:right;
}
#container td.over {
    border:1px solid #ddd;
    color:#555;
    padding:5px;
    text-align:right;
    background:#EEE;
    cursor: pointer;
}
#container td.selected {
    border:1px solid #DDD;
    color:#555;
    padding:5px;
    text-align:right;
    background:#afddff;
    cursor: pointer;
}

#container th {
    padding:5px;
	background-image: url(/calendar/style/images/hbg.gif);
	background-repeat: repeat-x;
    color:#fff;
}

#container td.actday{
	background-image: url(/calendar/style/images/hbg.gif);
	background-repeat: repeat-x;
    color:#fff;
    font-weight:bold;
    padding:5px;
    cursor: pointer;
}

.days{
    background-color:#f1f1f1;
}

/*-------- validation styles */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required, select.required {
}
input.validation-failed, textarea.validation-failed, select.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed, select.validation-passed{
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 2px 0;
	padding: 2px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: normal;
	font-size:11px;
}

.custom-advice {
	margin: 2px 0;
	padding: 2px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: normal;
	font-size:11px;
}
