/***
 * written from scratch by Dennison Uy <dennison_uy@yahoo.com>
 */

* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

img {
	border: none;
}

html, body {
	height: 100%;
	width: 100%;
	position: absolute;
}

body {
	background: #ffffff;
	font-size: 62.5%;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #75603d;
}

#container {
	position: relative;
	width: 760px;
	margin: 0 auto;
	height: 100%;
	background: url(shadow.gif) repeat-y;
}

body>#container {
	min-height: 100%;
	height: auto;
}

#footerpad {
	height: 203px;
}

#footer {
	background: url(footer-bg.png) no-repeat;
	width: 760px;
	height: 203px;
	margin: 0 auto;
	margin-top: -203px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

/* png alpha fix for IE */
#phone,
#banner p,
#logo img
{
	behavior: url(http://www.theseedmontessori.com/iepngfix/iepngfix.htc);
}

/* float bug fix */
/* Hides from IE5-mac \*/
* html #content-main,
* html #content-sub {height: 1%; padding-bottom: 213px;}
/* End hide from IE5-mac */ 

/* hidden */
#links h3,
#menu .home,
#menu h3,
#bulletin h3,
#calendar h3 span,
#contact h3 span,
#summer h3,
#menu span,
#banner span,
hr
{ display: none; }

#logo {
	position: absolute;
	left: 32px;
	top: 14px;
	z-index: 1;
}

#phone {
	background: url(phone-bg.gif) no-repeat;
	width: 195px;
	height: 59px;
	position: absolute;
	left: 550px;
	z-index: 1;
}
	#phone a {
		position: relative;
		top: 20px;
		text-align: center;
		width: 100%;
		display: block;
		color: #ba131a;
		text-decoration: none;
	}
	
	#phone a span {
		font-size: 1.41em;
	}
	
	#phone a strong {
		font-size: 2.821em;
	}
	
#banner {
	width: 760px;
	height: 328px;
	border-bottom: 4px solid #d2ab67;
}
	#banner div {
		width: 760px;
		height: 138px;
		background: url(header-bg.gif) no-repeat top;
	}
	
	#home #banner { background: #ffffff url(home-bg.jpg) no-repeat 0px 116px; }
	#page1 #banner { background: #ffffff url(about-tsms-bg.jpg) no-repeat 0px 116px; }
	#page2 #banner { background: #ffffff url(what-is-montessori-bg.jpg) no-repeat 0px 116px; }
	#page3 #banner { background: #ffffff url(programs-bg.jpg) no-repeat 0px 116px; }
	#page4 #banner { background: #ffffff url(admissions-bg.jpg) no-repeat 0px 116px; }
	#page5 #banner { background: #ffffff url(alumnae-bg.jpg) no-repeat 0px 116px; }
	#page6 #banner { background: #ffffff url(contact-us-bg.jpg) no-repeat 0px 116px; }
	
#menu {
	background: url(menu.gif) no-repeat 0px -60px;
	height: 30px;
	width: 720px;
	margin: 0 auto;
	position: relative;
}
	#menu li {
		float: left;
	}
	
	#menu a {
		display: block;
		height: 30px;
		position: relative;
	}

	/* normal menu */	
	#menu .menu1 a { width: 125px; left:  0px; background: url(menu.gif) no-repeat 0px 0px; }
	#menu .menu2 a { width: 160px; left:  2px; background: url(menu.gif) no-repeat -127px 0px; }
	#menu .menu3 a { width:  98px; left:  4px; background: url(menu.gif) no-repeat -289px 0px; }
	#menu .menu4 a { width: 112px; left:  6px; background: url(menu.gif) no-repeat -389px 0px; }
	#menu .menu5 a { width:  98px; left:  8px; background: url(menu.gif) no-repeat -503px 0px; }
	#menu .menu6 a { width: 117px; left: 10px; background: url(menu.gif) no-repeat -603px 0px; }

	/* active menu */	
	#page1 #menu .menu1 a {	 width: 125px; left:  0px; background: url(menu.gif) no-repeat 0px -30px; }
	#page2 #menu .menu2 a { width: 160px; left:  2px; background: url(menu.gif) no-repeat -127px -30px; }
	#page3 #menu .menu3 a { width:  98px; left:  4px; background: url(menu.gif) no-repeat -289px -30px; }
	#page4 #menu .menu4 a { width: 112px; left:  6px; background: url(menu.gif) no-repeat -389px -30px; }
	#page5 #menu .menu5 a { width:  98px; left:  8px; background: url(menu.gif) no-repeat -503px -30px; }
	#page6 #menu .menu6 a { width: 117px; left: 10px; background: url(menu.gif) no-repeat -603px -30px; }

	#menu a:hover {
		background: none;
	}

#content {
	padding: 15px 38px 10px;
	overflow: auto;
}

#content h6 {
						background: url(summer-icon.png) no-repeat;
						min-height: 16px;
						line-height: 1.6em;
						padding-left: 25px;
						font-size: 1.3em;
text-transform: uppercase;
margin-top: 1em;
color:#4EA291;
					}

	#content a {
		color: #ba131a;
		text-decoration: none;
	}
	
	#content a:hover {
		color: #d2ab67;
	}
	
	#content strong a {
		font-size: 1.4em;
	}
	
	#content p {
		font-size: 1.1em;
	}
	
/* BenjArriola.com Modifications for News Add-on -- Start */
#news-cms table tbody tr td table tbody tr td p, 
#news-cms table tbody tr td table tbody tr td {
		font-size: 14px;
	}

#news-cms table tbody tr td table tbody tr td ul {
	margin-left: 25px;
}
#news-cms table tbody tr td table tbody tr td ul li {
	list-style: circle outside;
}

#content-main div#newsbulletin div#newsbulletin-content div#bulletin ul li,
#content-main div#newsbulletin div#newsbulletin-content div#bulletin ul li a,
#content-main div#newsbulletin div#newsbulletin-content div#summer ul li, 
#content-main div#newsbulletin div#newsbulletin-content div#summer ul li a {
	font-size: 14px;
}
/* BenjArriola.com Modifications for News Add-on -- End */


/* BenjArriola.com Modifications for Calendar Add-on -- Start */
#calendar-cms table tbody tr td table tbody tr td.cellnone,
#calendar-cms table tbody tr td table tbody tr td a.celllink b,
#calendar-cms table tbody tr td a.celllink b,
#calendar-cms table tbody tr td a {
	font-size: 14px;
	text-align: center;
}

#calendar-cms table tbody tr td a:hover{
	color: #4DA291;
}
#calendar-cms table tbody tr td {
	font-size: 14px;
}
#calendar-cms table tbody tr td table tbody tr td input {
	width: 100px;
}
#calendar-cms-sidebar table tbody tr td font {
	font-size: 12px;
}
#calendar-cms-sidebar table tbody tr td a {
	font-size: 13px;
}
#calendar-cms-sidebar table tbody tr td b {
	font-size: 14px;
}

#calendar-cms table tbody tr td table tbody tr td.cell table tbody tr td font,
#calendar-cms table tbody tr td table tbody tr td.cell table tbody tr td a.celllink1 {
	font-size: 10px;
}
/* BenjArriola.com Modifications for Calendar Add-on -- End */

	#content-main {
		float: left;
		width: 444px;
	}

	#content-inner h4 {
		font-size: 1.3em;
		text-transform: uppercase;
	}
/* BenjArriola.com Modifications for News Add-on -- Start */
	#news-cms table tbody tr td table tbody tr td.textsmall,
	#news-cms table tbody tr td table tbody tr td a.titlelink b {
		font-size: 1.1em;
		text-transform: uppercase;
	}
/* BenjArriola.com Modifications for News Add-on -- End */
	
	#content-inner ul li {
		list-style: disc outside;
	}

	#content-inner li {
		margin-left: 2em;
	}
	
	#content-inner ol li li {
		font-size: 1em;
	}
	
	#content-inner ol,
	#content-inner ul,
	#content-inner p,
	#content-inner h4 {
		margin-bottom: 1em;
	}

	#content-inner h3,
	
	
	#welcome h3 {
		font-size: 2.4em;
		color: #ba131a;
		font-weight: normal;
	}
	
/* BenjArriola.com Modifications for News Add-on -- Start */
	#news-cms table tbody tr td table tbody tr td.title {
		font-size: 2.4em;
		color: #ba131a;
		font-weight: normal;
	}
/* BenjArriola.com Modifications for News Add-on -- End */
	
	#content-inner li,
	#content-inner p,
	#welcome p {
		font-size: 1.4em;
	}

	#content-inner img {
		border: 1px solid #d2ab67;
		float: left;
		margin-right: 1em;
		margin-bottom: .5em;
	}

		#newsbulletin {
			margin-top: 10px;
			}
	
	#newsbulletin p {
	margin: 5px 0 7px 0;
}
			
	#newsbulletin a {
		color: #ba131a;
		text-decoration: none;
	}
	
	#newsbulletin a:hover {
		color: #d2ab67;
	}
	
	
			
			#newsbulletin-header {
				width: 444px;
				height: 61px;
				background: url(news-bg.png) no-repeat;
				float: left;
			}
	
			#newsbulletin-footer {
				width: 444px;
				height: 9px;
				background: url(news-footer.png) no-repeat;
				float: left;
			}
	
			#newsbulletin-content {
				background: url(news-repeater.png) repeat-y;
				width: 444px;
				float: left;
			}
				
				#newsbulletin li li {
					font-size: 1.1em;
					margin: 0px;
					padding: 0px;
					list-style: disc outside;
					margin-left: 2.5em;
				}
	
	
	
				
				#bulletin {
	width: 212px;
	float: left;
	padding: 5px;
	}
				
				#summer {
	width: 212px;
	float: right;
	
}
											
					#newsbulletin img {
						border: 1px solid #d2ab67;
					}
					
					#newsbulletin-content li {
						margin-top: 0px;
						margin-bottom: 10px;
					}

					#newsbulletin h1 {
	background: url(news-icon.png) no-repeat;
	min-height: 16px;
	line-height: 1.6em;
	padding-left: 18px;
	color: #4EA291;
	margin-top: 1em;
	font-size: 11px;
}

					
					#summer h1 {
						background: url(summer-icon.png) no-repeat;
						color: #4EA291;
	margin-top: 1em;
	font-size: 11px;
					}
					#summer a:hover{
						color: #BA1451;
					}

	#content-sub {
		float: right;
		width: 222px;
	}
		#content-sub ul,
		#content-sub p {
			margin-bottom: .5em;
		}
	
		#calendar-table {
			text-align: center;
		}
	
		#calendar-details {
			padding-bottom: 10px;
			width: 202px;
			margin: 0 auto;
			font-size: 1.1em;
		}
		
			#calendar-details li strong {
				font-size: 1.1em;
				font-weight: bold;
			}
			
			#contact-details li,
			#calendar-details li li {
				list-style: disc outside;
				margin-left: 2.3em;
			}

			#calendar h3 {
				width: 222px;
				height: 58px;
				background: url(calendar.png) no-repeat;
				padding-bottom: 10px;
				position: relative;
			}
			#calendar h3 a {
				float: left;
				position: abosolute;
				margin: 28px 0 0 0;
				height: 33px;
				width: 222px;
				display: block;
				}
/* BenjArriola.com Modifications for Calendar Add-on -- Start */

#calendar-map {
	width: 202px;
	margin: 0 auto;
	font-size: 1.05em;
	line-height: 20px;
	}
	.calendar-month, .calendar-month a, div#container div#content div#content-sub div#calendar div#calendar-table div#calendar-map table tbody tr.calendar-month th a {
		background: #4682B4;
		color: #fff;
		}
	.calendar-day {
		background: #8BC9FD;
		color: #fff;
		}
		.calendar-day th {
			border: 1px solid #4682B4;
			}
		.calendar-date td {
			border: 1px solid #4682B4;
			font-size: 1.05em;
			font-weight: bold;
			}
			.calendar-date td.calendar-date-over {
				font-size: 1.075em;
				font-weight: normal;
				color: #a2a2a2;
				}
			.calendar-date td.calendar-date-weekend {
				background: #D9E6F3;
				}
			.calendar-date td.calendar-date-extra {
				background: #8BC9FD;
				color: #fff;
				}
			.calendar-date td.calendar-date-today {
				background: #FEB4BF;
				}
			#calendar-map .calendar-date a.calendar-date-link {
				text-decoration: underline;
				}

/* BenjArriola.com Modifications for Calendar Add-on -- End */

			#contact h3 {
				width: 222px;
				height: 50px;
				background: url(contact.png) no-repeat;
				padding-bottom: 10px;
			}
		
		#contact-details {
			width: 202px;
			margin: 0 auto;
			font-size: 1.1em;
		}
		
			#contact-details .textarea,
			#contact-details .visible {
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				display: block;
				text-align: center;
				margin: 0 auto;
				width: 170px;
				margin-bottom: 5px;
				height: 1.2em;
				font-size: 1em;
			}
			
			#contact-details .textarea {
				height: 90px;
				overflow: auto;
			}
			
			#contact-details .quickcontact-button {
				font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 1.4em;
				height: 2.0em;
				width: 4em;
				margin: 0 auto;
				text-align: center;
				display: block;
			}
			
			#contact-details .hidden {
				display: none;
			}

#links,
#copyright {
	text-align: center;
}

#copyright {
	padding-top: 65px;
}

#links {
	padding-top: 33px;
}

	#links li {
		display: inline;
		margin: 0px;
		padding: 0px 7px;
		padding-right: 6px;
		border-left: 1px solid #75603d;
	}
	
	#links li a {
		text-decoration: none;
		color: #75603d;
	}
	
	#links li a:hover {
		text-decoration: underline;
	}
	
	#links .home {
		padding-left: 0px;
		border-left: none;
	}

.alpha li {
	list-style: upper-alpha outside;
}

.decimal li {
	list-style: decimal outside;
}

#mapContainer { 
  height: 500px; 
  width: 500px; 
}

#footer #copyright p,
#footer #links ul li {
	font-size: 1.08em;
	letter-spacing: 0.1em;
}

#x{
	display: none; 
}