/* MiniNews Plugin */

p.tx-mininews-pi1-fp_listrowField-datetime { /* mininews */
	margin-bottom:5px;
	padding-top:5px;
	font-style: italic;
	text-align:center;
}
p.tx-mininews-pi1-fp_listrowField-title { /* mininews */
	margin-top:5px;
	margin-bottom:5px;
}
p.tx-mininews-pi1-fp_listrowField-teaser { /* mininews */
	padding-bottom:5px;
}
div.tx-mininews-pi1-singleView img {
	float:left;
	margin-right:10px;
}

/* Main Page Calendar Box */

p.calendarBoxItem {
	margin: 10px 0;
}
.calendarBoxDate {
	font-weight:bold;
}
p.calendarBoxLinkToFull {
	margin: 10px 0;
	text-align:center;
	font-style:italic;
}


/* Calendar Page */

td.calendarDetailDate {
	font-weight:normal;
	text-align:right;
}

td.calendarDetailTime {
	font-weight:normal;
	text-align:right;
	padding-top:0;
}

td.calendarDetailItem {
	font-weight:bold;
}

td.calendarDetailDesc {
	font-weight:normal;
	font-style:italic;
	padding-top:0;
	padding-bottom:10px;
}

td.calendarDetailDesc b {
	font-weight:normal;
}

table.csc-uploads {
	margin-bottom:10px;
}

/* General Styles */

.spacer {
	clear:both;
}

p {
	font-size: 11px;
	margin: 15px 0;
}

p.csc-caption { /* photo captions */
	font-style: italic;
}

table {
	font-size: 11px;
	xmargin:5px;
	border-spacing:0;
	border-collapse: collapse;
	padding:0;
}

table.contenttable {
	margin-top: 15px;
	margin-bottom: 15px;
	padding:0;
}


span.contactPage table.contenttable td {
	padding:0;
}


span.contactPage table.contenttable {
	margin:5px 0;
}

table.imgtext-table {
	xmargin-right:10px;
	xmargin-left:10px;
	border-spacing:0;
	border-collapse: collapse;
	xmargin-top:15px;
	xmargin:-5px;
}

table.imgtext-table tr td img {
	border:none;
	padding:0;
	margin:0;
}

table.imgtext-table td {
	padding:0;
	margin:0;
}

td {
	margin: 0;
	padding: 3px;
}

td p {
	margin: 0;
}

tr.tr-odd {
	background-color: #E8E5DF;
}

div.hebrew, div.hebrew p {
	text-align:right;
	font-size:12px;
}

.sectionHeader, h1 { 
	font-size: 18px; 
	letter-spacing: -0.05em;
	word-spacing: -0.05em;
}
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; }

.sectionHeader, h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-family: Verdana, helvetica, sans-serif;
	xpadding:2px 0;
	margin:0;
	padding-top:8px;
	margin-left:-1px;
	margin-bottom:15px;
}
 
img.leftSlant {
	position: relative;
	float: left;
	margin:0;
	border: none;
}

img.rightSlant {
	position: relative;
	float: right;
	margin: 0;
	border: none;
}

input, textarea {
	background-color: #F2F2EE;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #646464;
}

input.button {
	border: 2px outset #F2F2EE;
	margin-top: 1px;
}
	
select {
	background-color: #F2F2EE;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

ul, ol {
	margin-left: 25px;
	padding-left:0px;
}

ol.numbers {
	list-style: decimal;
}	

ol.letters {
	list-style: lower-alpha;
}

.parentCommentary {
	color:#920637;
}


/* Section-based background colours */
/*#page.contentMain 			#edline, #page.contentMain 			#subMenuContent { background-color: #d02b54; }*/
#page.contentMain 			#edline, #page.contentMain 			#subMenuContent { background-color: #ddd5be; }
#page.contentAboutChat 		#edline, #page.contentAboutChat 	#subMenuContent { background-color: #d02b54; }
#page.contentAdmissions 	#edline, #page.contentAdmissions	#subMenuContent { background-color: #db9b36; }
#page.contentSchoolLife 	#edline, #page.contentSchoolLife 	#subMenuContent { background-color: #b9e289; }
#page.contentDevelopment 	#edline, #page.contentDevelopment	#subMenuContent { background-color: #64bbdb; }
#page.contentBoard 			#edline, #page.contentBoard 		#subMenuContent { background-color: #c9c9a2; }
#page.contentCampuses 		#edline, #page.contentCampuses 		#subMenuContent { background-color: #a891db; }
#page.contentStore 			#edline, #page.contentStore 		#subMenuContent { background-color: #e7da0c; }

/*#page.contentMain 			#subMenuTopBar, #page.contentMain 			#subMenuBottomBar, #page.contentMain 		#footerTopBar { background-color: #910637; }*/
#page.contentMain 			#subMenuTopBar, #page.contentMain 			#subMenuBottomBar, #page.contentMain 		#footerTopBar { background-color: #8f8979; }
#page.contentAboutChat 		#subMenuTopBar, #page.contentAboutChat 		#subMenuBottomBar, #page.contentAboutChat 	#footerTopBar { background-color: #910637; }
#page.contentAdmissions 	#subMenuTopBar, #page.contentAdmissions		#subMenuBottomBar, #page.contentAdmissions	#footerTopBar { background-color: #a07127; }
#page.contentSchoolLife 	#subMenuTopBar, #page.contentSchoolLife 	#subMenuBottomBar, #page.contentSchoolLife 	#footerTopBar { background-color: #84a061; }
#page.contentDevelopment	#subMenuTopBar, #page.contentDevelopment	#subMenuBottomBar, #page.contentDevelopment	#footerTopBar { background-color: #4f93ac; }
#page.contentBoard 			#subMenuTopBar, #page.contentBoard 			#subMenuBottomBar, #page.contentBoard 		#footerTopBar { background-color: #8b8e70; }
#page.contentCampuses 		#subMenuTopBar, #page.contentCampuses 		#subMenuBottomBar, #page.contentCampuses 	#footerTopBar { background-color: #6e5f8f; }
#page.contentStore 			#subMenuTopBar, #page.contentStore 			#subMenuBottomBar, #page.contentStore 		#footerTopBar { background-color: #d0c40b; }


/* Page Structure */

body {
	margin: 0;
	background-color: #98978E;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

	#pageOuter {
		width:100%;
		text-align:center;
	}

		#page {
			margin: 0 auto;
			width: 734px;
			text-align:left;
		}
		
			#homePageLink {
				position:absolute;
				top:57px;
				left:0;
				width:164px;
				height:145px;
				border:none;
			}
			
			#mainPageHeaderBar {
				position:absolute;
				top:57px;
				left:164px;
				width:568px;
				height:123px;
				border:none;
			
			}
		
			#menu {
				position:relative;
				height: 202px;
				font-family: Verdana;
				padding: 0;
				margin: 0;
				font-size: 13px;
				font-weight: normal;
				background-position: top center;
				background-color: transparent;
				background-repeat: no-repeat;
				z-index:5;
			}

				#menuTabs {
					margin-left: 58px;
					white-space: nowrap; /* for IE5/Mac (OS 9 only) problem, where last tab wraps when active (?!?!?) */
				}
				
					#menuTitle1.menuLevel1-act, #menuTitle1.menuLevel1-no a:hover { background-color: #e3305d; }
					#menuTitle2.menuLevel1-act, #menuTitle2.menuLevel1-no a:hover { background-color: #f0aa3b; }
					#menuTitle3.menuLevel1-act, #menuTitle3.menuLevel1-no a:hover { background-color: #b2d984; }
					#menuTitle4.menuLevel1-act, #menuTitle4.menuLevel1-no a:hover { background-color: #71d4f8; }
					#menuTitle5.menuLevel1-act, #menuTitle5.menuLevel1-no a:hover { background-color: #dfdfb4; }
					#menuTitle6.menuLevel1-act, #menuTitle6.menuLevel1-no a:hover { background-color: #b39bea; }
					#menuTitle7.menuLevel1-act, #menuTitle7.menuLevel1-no a:hover { background-color: #f3e50d; }
					

					.menuTitleLink { 
						text-decoration: none; 
						font-style: bold; 
						color: black; 
						font-family: verdana; 
					}

					.menuLevel1-no, .menuLevel1-act, .menuLevel1-no a, .menuLevel1-act a { 
						width: 87px; 
						xoverflow: hidden; /* overflow:hidden causes whole block not to render in IE5/Mac */
						display: block;
						white-space: nowrap;
					}

					.menuLevel1-no, .menuLevel1-act {
						top: 0;
						font-size: 13px; 
						position: relative;
						float: left;
						margin: 0 4px;
						text-align: center;
					}

					/* .menuLevel1-no, .menuLevel1-act a { */
					.menuLevel1-no { 
						padding-top: 0;
						height: 41px; 
					}

					.menuLevel1-no a {
						padding-top: 25px;
						height: 16px;
					}

					.menuLevel1-act, .menuLevel1-no a:hover {
						padding-top: 5px;
						height: 36px;
					}
					
						/* this is a box model hack for the above style in IE5/Win, which includes the padding in the height */
						/* see: http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html for details					 */
						* html .menuLevel1-act, * html .menuLevel1-no a:hover {  /* this selector recognized by IE only */
						  height: 41px;   /* only for IE5/Win */
						  he\ight: 36px;  /* for other IEs */
						}					

					.menuLevel1-no a, .menuLevel1-act a {
						color: black;
					}
					
					#menu1 { left:  33px; width: 87px; background-color: #e3305d;}
					#menu2 { left: 128px; width: 87px; background-color: #f0aa3b;}
					#menu3 { left: 223px; width: 87px; background-color: #b2d984;}
					#menu4 { left: 318px; width: 87px; background-color: #71d4f8;}
					#menu5 { left: 413px; width: 87px; background-color: #dfdfb4;}
					#menu6 { left: 508px; width: 87px; background-color: #b39bea;}
					#menu7 { left: 603px; width: 87px; background-color: #f3e50d;}

					.menuLevel2-no { 
						white-space: normal; /* override for #menuTabs */
						position: absolute; 
						visibility: hidden;
						top: 57px; 
						width: 87px;
						margin: 0 4px;
						padding: 0;
						text-align: left; 
						z-index:10; /* so as not to be interfered by home page link */
					}

					.menuLink { 
						font-family: verdana;
						font-size: 9px;
						text-decoration: none; 
						color: black; 
						display: block;
						margin:3px 0;
						padding: 0 3px;
					}
					
					.introMenuLink {
						font-weight:bold;
					}

					a:hover.menuLink { 
						text-decoration: none;
						background-color: #fbf8f1; 
						color: black; 
					}

					/* end content from dropdown menus*/
		
			#contentOuter {
				padding-right:51px;
			}

				#content {

					background-image: url("contentBgd.gif");
					position: relative;
					width: 683px;
					background-color: #fbf8f1;
					padding-bottom: 10px;

					/* border-color: #FBF8F1;	a 1px horizontal border is added so that Mozilla & Safari render the background colour		*/
					/* border-width: 1px 0;	 	for this block all the way from the top to the bottom, even if there's margin space		*/
					/* border-style: solid;	 	NOTE that a -1px top margin has to be put in #edline to compensate 				*/

				}
				
					#pageLengthBuffer { /* gives page a minimum height */
						float:left;
						width:1px;
						height:1px;
						margin-top:400px;
						padding:0;
					}
				
					#sidePanel {
						position:absolute;
						left:0;
					}

						#edline {
							padding: 10px 5px 5px 5px;
							position: relative;
							clear: left;
							margin: 0px 10px -15px 0;
							width: 131px;
							float:left;
							text-align:right;
							font-size:9px;
						}
				
							.edlineLogo {
								vertical-align:top;
							}
							
							.edlineCaption {
								margin:0 8px 0 0;
								text-align:right;
							}

							.edlineForm {
								xwidth: 131px;
								position: relative;
								text-align:center;
								margin:0;
								border: none;
								padding: 1px 0;
							}
							
								.edlineForm .button {
									font-size:9px;
									margin-top:5px;
									padding:0;
									width:120px;
									letter-spacing: -0.02em;
									background-color: #d0d0d0;
									xborder: 2px outset #d0d0d0;
									border-color: #d0d0d0;
								}
							
								.edlineForm form {
									margin:0;
									padding:0;
								}

								#sidePanel #edline div.edlineForm a, #sidePanel #edline div.edlineForm a:hover {
									text-decoration:none;
									color:black;
								}

						#subMenuTopBar {
							position: relative;
							margin: 15px 10px -15px 0;
							clear: left;
							width: 165px;
							float:left;
							height: 16px;
						}

						#subMenu {
							position: relative;
							margin: 15px 10px -15px 0;
							float: left;
							clear: left;
							background-color: #98978e;
							padding-left:24px;
						}

							#subMenuContent {
								position: relative;
								width: 141px;
								xheight: 300px;
							}

								.subMenuContentFiller {
									height:8px;
								}


								.subMenuLink, .subMenuLinkActive { 
									width: 141px;
									padding-bottom: 2px;
									font-family: Verdana;
									font-size: 11px;
									text-decoration: none; 
									color: black; 
								}
								
									.introSubMenuLink {
										font-weight:bold;
									}

								
									.mainPageSubMenuLink {
										background: none;
									}

									#sidePanel #subMenu #subMenuContent div.subMenuLink a,
									#sidePanel #subMenu #subMenuContent div.subMenuLinkActive a {
										text-decoration: none; 	
										color: black; 
										padding-left:12px;
										padding-right:5px; 	
										padding-top: 2px;
										padding-bottom: 2px;
										display: block;
									}

									.subMenuLink a, .subMenuLinkActive a {
										background: none;
									}

									.section1MenuLink a { background-color: #e3305d; }
									.section2MenuLink a { background-color: #f0aa3b; }
									.section3MenuLink a { background-color: #b2d984; }
									.section4MenuLink a { background-color: #71d4f8; }
									.section5MenuLink a { background-color: #dfdfb4; }
									.section6MenuLink a { background-color: #b39bea; }
									.section7MenuLink a { background-color: #f3e50d; }

									.subMenuLink a:hover, .subMenuLinkActive a:hover {
										background-color: #f7f4ed;
									}

									.subMenuLinkActive a {
										background-color: #cfccc7;
									}

						#subMenuBottomBar {
							position: relative;
							float: left;
							clear: left;
							width: 189px;
							height: 16px;
							margin: 15px 15px -15px 0;	
						}

							#subMenuBottomBarIndent {
								position: relative;
								float: left;
								background-color: #98978e;
								height: 16px;
								width: 24px;
							}


						#sideBar {
							position: relative;
							margin: 15px 15px 0 0;
							float:left;
							clear: left;
							background-color: #98978e;
							padding-left:49px;
						}

							#sideBarContent {
								position: relative;
								background-color: #fbf8f1;
								width: 140px;
							}

								#sideBarContentInner {
									padding: 10px;
								}

									#sideBarContentInner p {
										xmargin: 0;
										xpadding: 15px 10px;
									}

									#sideBarContentInner table.csc-uploads {
										width:120px;
										overflow:hidden;
									}

									#sideBarContentInner h1 {
										font-size: 11px;
										letter-spacing: 0em;
										word-spacing: 0em;
									}

									#sideBarContentInner table {
										xfloat:none;
									}
									
									#searchBox {
										margin-bottom: 15px;
									}
									
										#searchBox form {
											margin: 0;
											padding: 2px 0;
										}
									
											#searchBox form input {
												padding-left: 0;
												padding-right: 0;
											}
					
					#mainPageBanner {
						float:right;
						margin:-14px 15px 20px 0;
						clear:right;
						display:inline; /* for IE double margin bug */
					}
					
					#mainPageBannerImg {
						float:right;
						margin:-21px 15px 20px 0;
						clear:right;
						display:inline; /* for IE double margin bug */
					}
					
					#contentInnerBuffer { 
						/* height:50px; */ /* site title area is now two lines, and therefore 16px taller than it was before the name change */
						height:66px;
					}
					
					#rightSideBoxes {
						float:right;
						clear:right;
						display:inline;
						margin-top:5px;
					}
					
						#rightSideBox {
							width: 180px;
							margin-left:10px;
							margin-right:34px;
							background-color:#edeae4;
							border-bottom:1px solid #edeae4; /* for Mozilla rendering gap */
							border-top:1px solid #edeae4; /* for Mozilla rendering gap */
						}
						
							#rightSideBoxInner {
								margin: 0 10px;
								width: 160px;							
							}
							
							#rightSideBoxInner table.csc-uploads {
								width:160px;
								overflow:hidden;
							}
							
							#rightSideBoxInner table.csc-uploads tr td p a {
								font-size:10px;
							}

						#rightSideBoxBottom {
							width:204px;
							height:14px;
							background-color:#cfccc7;
							padding:0;
							margin-left:10px;
							margin-bottom:15px;
						}
						
				
					#contentInner {
						margin:0 15px 0 204px;
						xbackground-color:cyan;
						xborder:1px solid #fbf8f1; /* for Mozilla bug that doesn't render background of top of box if it isn't pushed up by a "margined" object within it */
					}

						#page.contentMain 			#content a:hover 	{ color: #d02b54; }
						#page.contentMain 			#content a 			{ color: #910637; }

						#page.contentAboutChat 		#content a:hover 	{ color: #d02b54; }
						#page.contentAboutChat 		#content a 			{ color: #910637; }

						#page.contentAdmissions 	#content a:hover 	{ color: #db9b36; }
						#page.contentAdmissions 	#content a 			{ color: #a07127; }

						#page.contentSchoolLife 	#content a:hover 	{ color: #b9e289; }
						#page.contentSchoolLife 	#content a 			{ color: #84a061; }

						#page.contentDevelopment 	#content a:hover 	{ color: #64bbdb; }
						#page.contentDevelopment 	#content a 			{ color: #4f93ac; }

						#page.contentBoard 			#content a:hover 	{ color: #c9c9a2; }
						#page.contentBoard 			#content a 			{ color: #8b8e70; }

						#page.contentCampuses 		#content a:hover 	{ color: #a891db; }
						#page.contentCampuses 		#content a 			{ color: #6e5f8f; }

						#page.contentStore 			#content a:hover 	{ color: #e7da0c; }
						#page.contentStore 			#content a 			{ color: #d0c40b; }
						

			
				#siteTitleBar {
					margin-top:8px;
					margin-bottom:17px;
					width:542px;					
					position:absolute; /* this had to be positioned absolute because of an IE5/Mac bug that breaks other things on the page if an element is both a float and has an explicit width */
					left:141px; /* "left" had to be used instead of "right:0", because IE6 seems to consfuse "0" with "1" when using "right" for absolute positioning */
					
					background-image: url(siteTitleGradient.jpg);
					background-repeat: repeat-y;
					background-position: top right;
					background-color: #fbf8f1;
				}
			
				#siteTitleBar.mainPage { /* main page variations on above */
					margin-top:-22px; /* margin-top instead of top, because a negative top doesn't seem to work here in IE5/Mac */
					width:523px;
					left:160px;
				}

					#siteTitleHebrew {
						font-weight: normal;
						font-family: sans-serif;
						text-align:right;
						font-size: 18px;
						/* padding and spacing have changed for two-line site title */
						/* letter-spacing: -0.05em; */
						/* word-spacing: -0.05em; */
						/* padding: 2px 15px 0px 10px; */
						padding: 1px 15px 3px 10px;
						margin:0;
					}

					#siteTitle {
						font-weight: normal;
						font-family: Verdana, sans-serif;
						font-size: 14px;
						/* font-size, padding and spacing have changed for two-line site title */
						/* font-size: 18px; */
						/* letter-spacing: -0.05em; */
						/* word-spacing: -0.05em; */
						/* padding: 3px 25px 5px 5px; */ /* padding has changed for two-line site title */
						padding: 3px 25px 0px 5px;
						margin:0px 0px 0px 10px;
						
						white-space:nowrap;
						
						xmargin:0px -15px 9px -28px;
						xtext-indent: -25px;
					}

				#contentOuter #content #siteTitleHebrew a, #contentOuter #content #siteTitle #siteTitleLink, #contentOuter #content #siteTitle #siteTitleLink:hover {
					text-decoration:none;
					color:Black;
				}


			#footerOuter{
				padding-left:49px;
			}

				#footerTopBar{
					position: relative;
					width: 658px;
					height: 16px;
				}

				#footer {
					position: relative;
					background-color: #98978E;
					padding-left:23px;
				}

					#footerContent {
						position: relative;
						background-color: #fbf8f1;
						width: 633px;
						height:auto;
						border-bottom: 1px solid #fbf8f1; /* so that background colour will render in Mozilla */
						border-top: 1px solid #fbf8f1; /* so that background colour will render in Mozilla */
						padding-bottom: -1px;
					}
					
						#footerCentre {
							text-align: center;
							margin: 4px 10px;
						}
					
						#footerLeft {
							text-align: left;
							margin: 5px 10px;
							float:left;
							display: inline; /* for IE "double margin" bug */
							width:452px; /* for IE/Mac, which defaults floats to width:100% */
						}
					
						#footerRight {
							text-align: right;
							margin: 2px 10px 0 10px;
							float:right;
							display: inline; /* for IE "double margin" bug */
							width:140px; /* for IE/Mac, which defaults floats to width:100% */
						}
						
						#footerContent a {
							text-decoration: none;
							color: black;
						}