﻿/* MENU */

#menu {padding:0px; width:100%; margin:auto;}
#menu ul
	{
	z-index:900;
	margin:0;padding:0;list-style:none; font-size:12px; font-weight:bold; 	
	}
#menu a
	{
	text-align:center;
	display:block;
	padding:4px;
	width:158px;
	background-color:#2d73b9;
	color:yellow;
	text-decoration:none;
	border:1px solid #fef76e
	}
#menu a:hover
	{
	background:#fef76e;
	color:#2d73b9;
	border:1px solid #2d73b9;
	}
#menu a:active
	{
	background:#fef76e;
	color:#2d73b9;
	}
#menu li
	{
	float:left;width:158px;
	}
#menu li ul
	{
	display:none;
	}
#menu li:hover ul
	{
	display:block;width:110px;position:absolute; 
	}



ul
	{
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	vertical-align:middle;	
	
	}

body 	    
	{
	
	font-family:verdana, arial, "sans serif";
	background-image:url(../images/cloud.jpg); 	/*http://www.greetingspring.com/files/tiles/thumbnails/123_sm_nwm.jpg */
	}



#container 
	{
	width:800px;
	margin: auto;;
	
	background:#ebf5fc;
	border-left:2px solid black;
	border-right:2px solid black;
	border-top:0px;
	margin-top:-4px;
	 }	





	 
#logo
	{
	width:804px;
	float:center;
	background:transparent;
	margin:0 auto;
	padding:0px;
	border:0px;}

#logo img 
	{
	width:804px;
	border:0px;
	}






#header    
	{
	clear:both; 
	
	}
#header img
	{
	vertical-align:middle;
	height:150px;
	}

#maincontent 	
	{
	color:black;
	clear:both;
	margin:10px 15px;
	padding:0px;
	}

#maincontent img
	{
	float:left;
	padding:5px;
	}
	  


.teacher 
	   {
	   width:150px;
	   }

.room
	{
	height:180px;
	}




p	
	{
	color:black;
	clear:left;
	font-size:12px;
	line-height:1.5;
	text-indent:20px;
	text-align:justify;
	}


h1 
	{font-family:"comic sans ms";
	font-size:400%; color:blue;
	}


h2	
	{
	color:#004e87;
	}


#pop
	{
	color:#004e87;
	font-weight:bold;
	font-size:18px;
	}

h3 
	{
	padding:0px;
	}







#red 
	{
	color:red;
	}
#green	
	{
	color:green;
	}
#purple	
	{
	color:purple;
	}
#brown	
	{
	color:brown;
	}
#yellow	
	{
	color:yellow;
	}
#orange
	{
	color:orange;
	}
#blue	
	{
	color:blue;
	}
#black
	{
	color:black;
	}

#firstletter
	{
	font-size:28px;
	font-weight:bold;
	}
#footer
	{
	clear:both;
	color:yellow;
	background:#2d73b9;
	font-size:10px;
	font-weight:bold;
	height:25px;
	text-align:center;
	vertical-align:middle;
	}
#footer a
	{
	color:yellow;
	}
#footer a:hover
	{
	color:black;
	}

ol
	{
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	vertical-align:middle;	
	}

hr
	{
	
	background-color:red;
	height:10px;
	color:red;
	width:90%;
	}
.check
	{
	color:black;
	width:300px;
	font-size: 14px;
	list-style-image:url(../images/bullet.png);
	}

.intro
	{
	float: left;
	width:350px;
	text-align:justify;
	font-size:14px;}

/* -- food menus --*/
	

	
	.navigation 
		{ 
		
		margin: 0 4em 0 0;
		color: #FFFFFF; 
		font-size:14px; 
		
		width:90%; 
		float:left;
		
		}

	.navigation ul {padding: 0px;margin-left:0px;width:85%;}
	.navigation li { 
		display: inline; 
		padding: 0 ;
		margin-left:0;
		border:1px;
		 }
	
	.foodmenu  li {margin-left:0px;}
	.foodmenu 
		{
		margin:auto;
		float:left;
		font-size:12px;
		background: #fff; 
		height: 600px; 
		padding: 1em;
		overflow: hidden;}
	
	a { color: red;font-weight:bold; text-decoration:none; }
	a:hover { color: black; }
	a:active { font-weight:bold; }
	
	.summermenu 
		{ 

		padding:0px;
		width:375px;
		height:510px; 
		overflow: hidden;
		}


.leftcontainer {margin-top:0px; float:left; width:100%;}


.leftblock	
	{
	margin-top:0px;
	float:left;
	width:350px;
	
	}
.rightblock
	{
	margin-left:350px;
	margin-top:0px;width:350px;
	}
.subcontainer
	{
	
	float:left;
	clear:both;
	padding:25px 5px 25px 25px;
	margin:auto;
	}





img {border:0px;}
.indent {
	margin-left: 25px;
}


table.tuition th {
  font-size : 90%; 
  text-decoration : underline;
  text-align : left;
  }
table.tuition td {
  font-size : 90%; }