body
{
	font: normal normal normal 0.85em/1.4em  'Trebuchet MS', sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #fff;
	background: transparent url('../layout/backgrounds/main.gif') repeat-y top center;
}

div
{
	overflow: hidden;
}

p , form
{
	margin: 0px;
	padding: 0px;
}

h1 , h2 , h3 , h4 , h5 , h6
{
	margin: 0px 0px 2px 0px;
	padding: 0px;
	line-height: 1.2em;
	font-weight: normal;
	letter-spacing: -0.03em;
}

h1
{
	font-size: 2.75em;
}

h2
{
	font-size: 2.50em;
}

h3
{
	font-size: 2.25em;
}

h4
{
	font-size: 2em;
}

h5
{
	font-size: 1.75em;
	color: #cd0707;
	margin-bottom: 20px;
}

h6
{
	font-size: 1.10em;
	font-weight: bold;
}

a:link , a:active , a:visited
{
	font-size: 1em;
	font-weight: bold;
	color: #2341d0;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#canvas
{
	width: 768px;
	margin: 0px auto;
	text-align: left;
}

	#canvas #top 
	{
		height: 189px;
		background: transparent url('../layout/menu/logo.jpg') no-repeat top left;
	}

/*------------------------------------  top menu start ------------------------------------*/
		#canvas #top ul
		{
			margin: 45px 0px 0px 171px;
			padding: 0px;
		}
		
			#canvas #top ul li
			{
				display: inline;
				float: left;
				width: 116px;
				height: 120px;
				text-align: center;
			}
		
				#canvas #top ul li a
				{
					display: block;
					width: 116px;
					height: 120px;
					font: normal normal bold 15px/18px Arial, sans-serif;
					color: #fff;
					padding-top: 30px;
				}

					#canvas #top ul li a span
					{
						display: block;
					}

				#canvas #top ul li.school
				{
					background: transparent url('../layout/menu/ilkogretimokullarinda.jpg') no-repeat top left;
				}
		
					#canvas #top ul li.school:hover
					{
						background: transparent url('../layout/menu/ilkogretimokullarinda-ov.jpg') no-repeat top left;
					}
		
					#canvas #top ul li.school_ov
					{
						background: transparent url('../layout/menu/ilkogretimokullarinda-ov.jpg') no-repeat top left;
					}
		
				#canvas #top ul li.summer
				{
					background: transparent url('../layout/menu/yaztatilinde.jpg') no-repeat top left;
				}
		
					#canvas #top ul li.summer:hover
					{
						background: transparent url('../layout/menu/yaztatilinde-ov.jpg') no-repeat top left;
					}

					#canvas #top ul li.summer_ov
					{
						background: transparent url('../layout/menu/yaztatilinde-ov.jpg') no-repeat top left;
					}
		
				#canvas #top ul li.weekend
				{
					background: transparent url('../layout/menu/haftasonlarinda.jpg') no-repeat top left;
				}

					#canvas #top ul li.weekend:hover
					{
						background: transparent url('../layout/menu/haftasonlarinda-ov.jpg') no-repeat top left;
					}

					#canvas #top ul li.weekend_ov
					{
						background: transparent url('../layout/menu/haftasonlarinda-ov.jpg') no-repeat top left;
					}

/*------------------------------------  top menu end ------------------------------------*/

	#canvas #middle
	{
		margin: 0px 0px 0px 0px;
	}

		#canvas #middle #left_colummn
		{
			display: inline;
			float: left;
			width: 140px;
			margin: 10px 0px 0px 0px;
			padding: 0px;
		}

/*------------------------------------  left menu start ------------------------------------*/

			#canvas #middle #left_colummn ul#left_menu
			{
				list-style: none;
				margin: 0px;
				padding: 0px;
			}

			#canvas #middle #left_colummn ul#left_menu li
			{
				width: 140px;
				height: 36px;
			}

			#canvas #middle #left_colummn ul#left_menu li a 
			{
				display: block;
				width: 140px;
				height: 36px;
				text-align: center;
				font: normal normal bold 0.90em/14px Arial, sans-serif;
				color: #fff;
				padding-top: 11px;
			}

			#canvas #middle #left_colummn ul#left_menu li a:hover
			{
				text-decoration: none;
			}

				#canvas #middle #left_colummn ul#left_menu li.about
				{
					background: transparent url('../layout/menu/leftm01.gif') no-repeat top left;
				}

					#canvas #middle #left_colummn ul#left_menu li.about:hover
					{
						background: transparent url('../layout/menu/leftm01-ov.gif') no-repeat top left;
					}

					#canvas #middle #left_colummn ul#left_menu li.about_ov
					{
						background: transparent url('../layout/menu/leftm01-ov.gif') no-repeat top left;
					}

				#canvas #middle #left_colummn ul#left_menu li.activities
				{
					background: transparent url('../layout/menu/leftm02.gif') no-repeat top left;
				}

					#canvas #middle #left_colummn ul#left_menu li.activities:hover
					{
						background: transparent url('../layout/menu/leftm02-ov.gif') no-repeat top left;
					}

					#canvas #middle #left_colummn ul#left_menu li.activities_ov
					{
						background: transparent url('../layout/menu/leftm02-ov.gif') no-repeat top left;
					}

				#canvas #middle #left_colummn ul#left_menu li.testimonial
				{
					background: transparent url('../layout/menu/leftm03.gif') no-repeat top left;
				}
				
					#canvas #middle #left_colummn ul#left_menu li.testimonial:hover
					{
						background: transparent url('../layout/menu/leftm03-ov.gif') no-repeat top left;
					}
					
					#canvas #middle #left_colummn ul#left_menu li.testimonial_ov
					{
						background: transparent url('../layout/menu/leftm03-ov.gif') no-repeat top left;
					}
					
				#canvas #middle #left_colummn ul#left_menu li.gallery
				{
					background: transparent url('../layout/menu/leftm04.gif') no-repeat top left;
				}

					#canvas #middle #left_colummn ul#left_menu li.gallery:hover
					{
						background: transparent url('../layout/menu/leftm04-ov.gif') no-repeat top left;
					}

					#canvas #middle #left_colummn ul#left_menu li.gallery_ov
					{
						background: transparent url('../layout/menu/leftm04-ov.gif') no-repeat top left;
					}

				#canvas #middle #left_colummn ul#left_menu li.references
				{
					background: transparent url('../layout/menu/leftm05.gif') no-repeat top left;

				}
					#canvas #middle #left_colummn ul#left_menu li.references:hover
					{
						background: transparent url('../layout/menu/leftm05-ov.gif') no-repeat top left;

					}

					#canvas #middle #left_colummn ul#left_menu li.references_ov
					{
						background: transparent url('../layout/menu/leftm05-ov.gif') no-repeat top left;

					}

				#canvas #middle #left_colummn ul#left_menu li.media
				{
					background: transparent url('../layout/menu/leftm06.gif') no-repeat top left;

				}

					#canvas #middle #left_colummn ul#left_menu li.media:hover
					{
						background: transparent url('../layout/menu/leftm06-ov.gif') no-repeat top left;

					}

					#canvas #middle #left_colummn ul#left_menu li.media_ov
					{
						background: transparent url('../layout/menu/leftm06-ov.gif') no-repeat top left;

					}

				#canvas #middle #left_colummn ul#left_menu li.contact
				{
					background: transparent url('../layout/menu/leftm07.gif') no-repeat top left;

				}

					#canvas #middle #left_colummn ul#left_menu li.contact:hover
					{
						background: transparent url('../layout/menu/leftm07-ov.gif') no-repeat top left;

					}

					#canvas #middle #left_colummn ul#left_menu li.contact_ov
					{
						background: transparent url('../layout/menu/leftm07-ov.gif') no-repeat top left;

					}

/*------------------------------------  left menu end ------------------------------------*/

		#canvas #middle #right_column
		{
			display: inline;
			float: right;
			width: 608px;
			padding: 10px;
		}

			#canvas #middle #right_column p
			{
				padding-bottom: 10px;
			}

				#canvas #middle #right_column p img
				{
					border: none;
				}

			#canvas #middle #right_column span.pm
			{
				display: inline;
				font: normal normal bold 1.1em/1.5em 'Comic Sans MS', sans-serif;
				color:#CC0000;
			}
			
			#canvas #middle #right_column #contents
			{
				display: inline;
				float: left;
				width: 413px;
				padding: 10px 20px 40px 5px;
			}

			#canvas #middle #right_column #announcements
			{
				display: inline;
				float: right;
				width: 170px;
			}

			#canvas #middle #right_column #announcements p
			{
				margin-bottom: 50px;
			}

/*------------------------------------  bottom start  ------------------------------------*/

		#canvas #bottom
		{
			margin-top: 15px;
			height: 37px;
			background: transparent url('../layout/backgrounds/bottom.gif') no-repeat top left;
		}

			#canvas #bottom p
			{
				margin: 7px 0px 0px 68px;
				color: #fff;
				font-size: 11px;
			}

				#canvas #bottom p span
				{
					margin-left: 40px;
				}

/*------------------------------------  bottom end  ------------------------------------*/

#canvas #middle #right_column div p.download
{
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 10px 40px;
	background: transparent url('../layout/icons/download.gif') no-repeat 0px 0px;
}