/**
 * Project: Ezechiasz
 * Version: 1.0
 */

body {
	background: #e0eef7 url(../images/background.jpg) top center no-repeat;
	color: #003763;
	font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
}

p {
	text-align: justify;
}

a, a:hover {
	text-decoration: none;
}

a, a:visited {
	 color: #1a469f;
}

form label {
	display: block;
}

span.red {
	color: red;
}

#accessibility {
	left: -9999em;
	position: absolute;
}

#container {
	font-size: 1.1em;
	margin: 0 auto 17px;
	width: 930px;
}
	#container h1 {
		font-size: 2.2em;
		margin-bottom: 5px;
		width: 930px;
	}
		#container #header h1 a {
			display: block;
			height: 209px;
			position: relative;
			width: 930px;
		}
			#container #header h1 a span {
				background: url(../images/logo.jpg) 0 0 no-repeat;
				height: 100%;
				position: absolute;
				width: 100%;
			}

#content {
	padding-left: 15px;
	width: 911px;
}
	#content #content-top {
		background-color: #fff;
		margin-bottom: 7px;
		padding: 17px 289px 19px 69px;
		position: relative;
		width: 554px;
	}
		#content #content-top h2 {
			font-size: 1.8em;
			height: 37px;
			margin-bottom: 5px;
			position: relative;
			width: 134px;
		}
			#content #content-top h2 span {
				background: url(../images/content/top/welcome.jpg) 0 0 no-repeat;
				height: 100%;
				position: absolute;
				width: 100%;
			}
			#content #content-top #calendar {
				background: url(../images/content/top/divider.png) 0 center no-repeat;
				position: absolute;
				padding: 32px 27px 32px 26px;
				right: 0;
				top: 0;
				bottom: 0;
				width: 206px;
			}
				#content #content-top #calendar p {
					margin-bottom: 15px;
				}
				#content #content-top #calendar form {
					padding-top: 10px;
				}
					#content #content-top #calendar form .input {
						border: 1px solid #bbb;
						font-size: 1.1em;
						padding: 2.5px;
						width: 140px;
					}
					#content #content-top #calendar form .margin {
						margin-bottom: 10px;
						width: 200px;
					}
					#content #content-top #calendar form .submit {
						background-color: #0a2;
						color: #fff;
						overflow: visible;
						padding: 2px 4px;
					}

#center {
	background: #d0dde6 url(../images/content/center/pattern.png) 0 0 repeat-x;
	margin-left: 194px;
	position: relative;
	width: 524px;
}
	#center #center-inner {
		 background: url(../images/content/center/top.jpg) 0 0 no-repeat;
		 min-height: 650px;
		 width: 524px;
	}

#sidebar-left {
	position: absolute;
	top: 0;
	left: -195px;
	width: 195px;
}
	#sidebar-left #nav li, .nav-btn li {
		display: inline;
		float: left;
		clear: left;
		padding-bottom: 1px;
	}
		#sidebar-left #nav li a, .nav-btn li a {
			background: #628ce0 url(../images/content/center/menu-left.png) 0 0 repeat-y;
			color: #fff;
			display: block;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			font-weight: bold;
			padding: 10px 0 10px 12px;
			width: 183px;
		}
		#sidebar-left  .nav-btn li a {
			padding-top: 9px;
			padding-bottom: 9px;
			padding-left: 40px;
			width: 155px;
		}
		#sidebar-left #nav li a:hover, .nav-btn li a:hover {
			background: #34579e url(../images/content/center/menu-left-hover.png) 0 0 repeat-y;
		}
			#sidebar-left #nav li a span {
				background: url(../images/content/center/left-bullet.gif) left center no-repeat;
				padding-left: 20px;
			}
			#sidebar-left #nav li a:hover span {
				background: url(../images/content/center/left-bullet-hover.gif) left center no-repeat;
			}

#sidebar-right {
	position: absolute;
	top: 0;
	right: -194px;
	width: 194px;
}
	#sidebar-right #nav2 li {
		display: inline;
		float: left;
		clear: left;
		margin-bottom: 1px;
	}
	#sidebar-right #nav2 li.dark-cell {
		background: #4d8017 url(../images/content/center/menu-right-hover.png) 0 0 repeat-y;
		color: #ccffcc;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		padding: 10px 0;
		text-align: center;
		width: 194px;
	}
		#sidebar-right #nav2 li a, #sidebar-right .nav-btn li a {
			background: #81c43a url(../images/content/center/menu-right.png) 0 0 repeat-y;
			color: #fff;
			display: block;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			font-weight: bold;
			padding: 10px 0 10px 27px;
			width: 167px;
		}
		#sidebar-right .nav-btn li a {
			padding: 8px 0 8px 47px;
			width: 147px;
		}
		#sidebar-right #nav2 li a:hover, #sidebar-right .nav-btn li a:hover {
			background: #4d8017 url(../images/content/center/menu-right-hover.png) 0 0 repeat-y;
		}
			#sidebar-right #nav2 li a span {
				background: url(../images/content/center/right-bullet.gif) left center no-repeat;
				padding-left: 20px;
			}
			#sidebar-right #nav2 li a:hover span {
				background: url(../images/content/center/right-bullet-hover.gif) left center no-repeat;
			}

.news {
	padding: 18px 44px 15px;
}
	.news h3.title {
		color: #003655;
		font-size: 1.4em;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.news p.info {
		color: #5b6671;
		margin-bottom: 20px;
	}
	.news p {
		color: #000;
		font-size: 0.9em;
		margin-bottom: 14px;
	}
		.news p a {
			text-decoration: underline;
		}
	.news ul {
		color: #000;
		font-size: 0.9em;
		list-style-type: disc;
		margin-bottom: 10px;
		padding-left: 30px;
	}
	.news ol {
		color: #000;
		font-size: 0.9em;
		list-style-type: decimal;
		margin-bottom: 10px;
		padding-left: 30px;
	}
	.news img.right{
		float: left;
		margin: 0 10px 10px 0;
	}
	.news .readmore {
		background: url(../images/content/center/news/divider.png) left center repeat-x;
		font-size: 0.9em;
		position: relative;
	}
		.news .readmore a {
			background: #4ea605 url(../images/content/center/news/pattern.png) 0 0 repeat-x;
			color: #fff;
			font-weight: bold;
			position: relative;
			right: -310px;
			padding: 5px 17px;
		}
			.news .readmore a span.invert {
				color: #000;
			}
		.news .readmore a:hover {
			color: #000;
		}
			.news .readmore a:hover span.invert {
				color: #fff;
			}

.article {
	padding: 18px 44px 15px;
}
	.article h3.title {
		color: #003655;
		font-size: 1.4em;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.article p {
		color: #000;
		font-size: 0.9em;
		margin-bottom: 14px;
	}
	.article ul {
		color: #000;
		font-size: 0.9em;
		list-style-type: disc;
		margin-bottom: 10px;
		padding-left: 30px;
	}
	.article ol {
		color: #000;
		font-size: 0.9em;
		list-style-type: decimal;
		margin-bottom: 10px;
		padding-left: 30px;
	}
	.article form {
		padding-top: 15px;
	}
		.article form label {
			font-weight: bold;
		}
		.article form .in {
			background-color: #eef3f7;
			border: 1px solid #9eb9cb;
			display: block;
			margin-bottom: 10px;
			font: 1.1em Verdana, Arial, Helvetica, sans-serif;
			padding: 2.5px;
			width: 100%;
		}
		.article form .area {
			background-color: #eef3f7;
			border: 1px solid #9eb9cb;
			display: block;
			margin-bottom: 10px;
			font: 1.1em Verdana, Arial, Helvetica, sans-serif;
			padding: 2.5px;
			width: 100%;
			height: 100px;
		}
	.article p a {
		text-decoration: underline;
	}
	.article ol#school {
		list-style-type: upper-roman;
		font-size: 1em;
		padding-left: 0;
	}
	.article ol#school strong.tit {
		cursor: pointer;
	}

ul#gallery {
	margin: 0 auto;
	list-style-type: none;
	padding: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: hidden;
	width: 420px;
}
	ul#gallery li {
		display: inline;
		float: left;
		margin: 5px 10px 15px;
		width: 120px;
		height: 120px;
	}
		ul#gallery li a {
			display: block;
			position: relative;
			width: 120px;
			height: 120px;
		}
		ul#gallery li a span {
			background-color: #000;
			bottom: -1px;
			color: #fff;
			font-size: 0.9em;
			left: 0;
			opacity: 0.7;
			filter: alpha(opacity = 70);
			padding: 2px;
			position: absolute;
			right: -1px;
		}
		ul#gallery li img {
			border: 1px solid #666;
			position:  absolute;
			top: 0;
			left: 0;
		}

ul#media {
	margin: 0 auto;
	list-style-type: none;
	padding: 0;
	padding-bottom: 15px;
	overflow: hidden;
	width: 436px;
}
	ul#media li {
		background-color: #ddedff;
		margin: 1px;
	}
	ul#media li.alt {
		background-color: #94bae4;
	}
		ul#media li a {
			display: block;
			padding: 7px 4px;
			position: relative;
			width: 428px;
		}
		ul#media li a img {
			position: absolute;
			right: 10px;
		}
		ul#media li a:hover {
			text-decoration: underline;
		}
		ul#media li a, ul#media li a:visited {
			color: #1a469f;
		}
		ul#media li.alt a, ul#media li.alt a:visited {
			color: #fff;
		}

div.pagination {
	margin: 3px;
	padding: 3px;
	text-align: center;
}
	div.pagination a {
		border: 1px solid #ddd !important;
		color: #5d91e0 !important;
		margin-right: 2px;
		padding: 2px 5px 2px 5px;
		text-decoration: none; 
	}
	div.pagination a:hover, div.pagination a:active {
		background-color: #34579e;
		border:1px solid #09377d !important;
		color: #fff !important;
	}
		div.pagination span.current {
			background-color: #5d91e0;
			border: 1px solid #447bce;
			color: #fff;
			font-weight: bold;
			margin-right: 2px;
			padding: 2px 5px 2px 5px;
		}
		div.pagination span.disabled {
			border: 1px solid #bcd0ee;
			color: #90aad0;
			margin-right: 2px;
			padding: 2px 5px 2px 5px;
		}

.cal {
	padding: 18px 14px;
}
	.cal h3.title {
		color: #003655;
		font-size: 1.4em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.cal p {
		color: #000;
		font-size: 0.9em;
		margin-bottom: 14px;
	}
	.cal table.monthly {
		border-collapse: separate;
		border-spacing: 2px;
	}
	.cal table.monthly th {
		background: #7ca2ef url(../images/calendar/header.gif) 0 0 repeat-x;
		border: 1px solid #5d84d4;
		color: #fff;
		font-weight: bold;
		padding: 3px 10px;
	}
	.cal table.monthly td {
		border: 1px solid #b7b7b7;
		background-color: #efefef;
		text-align: right;
		position: relative;
	}
	.cal table.monthly td a {
		display: block;
		height: 50px;
		position: relative;
	}
	.cal table.monthly td a:hover {
		background-color: #edf6ff;
	}
	.cal table.monthly td span.day {
		background: #9b9b9b url(../images/calendar/day.gif) 0 0 repeat-x;
		color: #fff;
		display: block;
		padding: 1px 2px 1px;
		position: relative;
		text-shadow: #555 1px 1px 2px;
	}
	.cal table.monthly td span.events {
		color: #696969;
		display: block;
		font-size: 0.8em;
		text-align: left;
		padding: 2px;
		padding-left: 4px;
	}
	.cal table.monthly td.dark {
		border: 1px solid #abbde0;
	}
	.cal table.monthly td.dark span.day {
		background: #cecece url(../images/calendar/dark.gif) 0 0 repeat-x;
		color: #979797;
		text-shadow: none;
	}
	.cal table.monthly td.today {
		border: 1px solid #6d94e2;
	}
	.cal table.monthly td.green {
		border: 1px solid #49863b;
	}
	.cal table.monthly td.today span.day {
		background: #5c7dbf url(../images/calendar/today.gif) 0 0 repeat-x;
		color: #fff;
		text-shadow: #5270ab 1px 1px 2px;
	}
	.cal table.monthly td.green span.day {
		background: #509341 url(../images/calendar/green.gif) 0 0 repeat-x;
		color: #fff;
		text-shadow: #5270ab 1px 1px 2px;
	}
	.cal #calendar-nav {
		font-size: 1.3em;
		padding-bottom: 20px;
		position: relative;
	}
		.cal #calendar-nav .right-nav {
			float: right;
		}
		.cal #calendar-nav  .calendar-month {
			font-size: 1.2em;
			font-weight: bold;
			position: absolute;
			text-align: center;
			width: 400px;
			left: 50%;
			margin-left: -200px;
		}
/* ******************************************************************************** */
	table.mini-calendar {
		border-collapse: separate;
		border-spacing: 2px;
	}
	table.mini-calendar th {
		background: #7ca2ef url(../images/calendar/header.gif) 0 0 repeat-x;
		border: 1px solid #5d84d4;
		color: #fff;
		font-weight: bold;
	}
	table.mini-calendar td {
		border: 1px solid #b7b7b7;
		background-color: #efefef;
		text-align: right;
		position: relative;
	}
	table.mini-calendar td a {
		display: block;
		position: relative;
	}
	table.mini-calendar td a:hover {
		background-color: #edf6ff;
	}
	table.mini-calendar td span.day {
		background: #9b9b9b url(../images/calendar/day.gif) 0 0 repeat-x;
		color: #fff;
		display: block;
		padding: 1px 2px 1px;
		position: relative;
		text-shadow: #555 1px 1px 2px;
	}
	table.mini-calendar td span.events {
		color: #696969;
		display: block;
		font-size: 0.8em;
		text-align: left;
		padding: 2px;
		padding-left: 4px;
	}
	table.mini-calendar td.dark {
		border: 1px solid #abbde0;
	}
	table.mini-calendar td.dark span.day {
		background: #cecece url(../images/calendar/dark.gif) 0 0 repeat-x;
		color: #979797;
		text-shadow: none;
	}
	table.mini-calendar td.today {
		border: 1px solid #6d94e2;
	}
	table.mini-calendar td.green {
		border: 1px solid #49863b;
	}
	table.mini-calendar td.today span.day {
		background: #5c7dbf url(../images/calendar/today.gif) 0 0 repeat-x;
		color: #fff;
		text-shadow: #5270ab 1px 1px 2px;
	}
	table.mini-calendar td.green span.day {
		background: #509341 url(../images/calendar/green.gif) 0 0 repeat-x;
		color: #fff;
		text-shadow: #5270ab 1px 1px 2px;
	}
/* ******************************************************************************** */

table.weekly {
	border-collapse: separate;
	border-spacing: 2px;
}
	table.weekly th {
		background: #7ca2ef url(../images/calendar/header.gif) 0 0 repeat-x;
		border: 1px solid #5d84d4;
		color: #fff;
		font-weight: bold;
		padding: 3px 10px;
	}
	table.weekly td {
		border: 1px solid #b7b7b7;
		background-color: #efefef;
		text-align: left;
		padding: 5px;
	}
		table.weekly td ul {
			list-style-type: disc;
			padding-left: 20px;
		}
			table.weekly td ul li {
				padding-bottom: 5px;
			}
	table.weekly td.center {
		font-weight: bold;
		text-align: center;
	}

#footer {
	background-color: #b9da93;
	font-size: 1em;
	margin-bottom: 10px;
}
	#footer #inner {
		margin: 0 auto;
		padding: 11px 0 18px;
		text-align: center;
		width: 911px;
	}
		#footer #inner p {
			text-align: center;
		}
		#footer #inner ul {
			margin-bottom: 25px;
		}
			#footer #inner ul li {
				display: inline;
			}
				#footer #inner li a, #footer #inner p {
					color: #1f4600;
				}
				#footer #inner li a:hover {
					font-weight: bold;
				}

#eleet {
	background-color: #375c1a;
	height: 23px;
	padding-top: 2px;
}
	#eleet a {
		background: #2b4814 url(../images/eleet.png) 0 0 no-repeat;
		display: block;
		height: 35px;
		margin: 0 auto;
		text-indent: -9999em;
		width: 90px;
	}