@charset "utf-8";
/* CSS Document */

/* layout */
* { padding: 0; margin: 0; }
.site {
	width: 696px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

/* style */
body {
	background-color: #669933;
	background-image: url(images/BG.jpg);
}
.rightborder {
	background-image: url(images/body.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
.site {
	border: 2px #333333 solid;
	background-color: #FFFFFF;
	background-image: url(images/Sky.jpg);
	position: relative;
	background-repeat: no-repeat;
}
.site .tree {
	float: left;
	background-image: url(images/Tree.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 377px;
	width: 478px;
	z-index: 1;
	position: absolute;
	right: -80px;
	bottom: 0px;
}
.site .logo {
	float: left;
	background-image: url(images/Logo.png);
	height: 99px;
	width: 140px;
	margin-top: 10px;
	margin-left: 10px;
}
.site .menu {
	float: left;
	padding-left: 51px;
	padding-top: 26px;
	z-index: 2;
	position: relative;
	width: 464px;
}
.site .menu a {
	float: left;
	display: block;
	background-image: url(images/m_Home.png);
	height: 44px;
	width: 67px;
	background-repeat: no-repeat;
	margin: 5px;
}

.site .menu .PreSchool {
	background-image: url(images/m_PreSchool.png);
	width: 82px;
}
.site .menu .Career {
	background-image: url(images/m_Career.png);
}
.site .contents {
	width: 656px;
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}
.site .contents .sidebar {
	float: left;
	margin-top: -1em;
}
.site .contents .module {
	width: 142px;
	padding: 6px;
	margin: 0.25em;
	margin-top: 1em;
	border: 3px dashed #663300;
}
.page {
	float: left;
	width: 260px;
	margin-left: 20px;
}
.news h1, .page h1, .school h1, .app-list-element-title {
	font-family:"Eurostar Black Extended", "Arial Black", Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: .25em;
}
.news p, .page p, .page ul, .school p, .app-list-element-body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.2em;
	margin-bottom: .25em;
}
.page ul {
	margin-left: 2em;	
}
.site .footer {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .9em;
	color: #FFFFFF;
	background-color: #9B4E00;
	height: 34px;
	padding: 4px;
}
.footer a {
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.school, .newsitem, .app-list-element {
	border: 1px solid #99CC00;
	margin-top: 2px;
}
.school p, .newsitem p {
	padding: 0.25em;
}
.school h1, .schoolHeader, .newsitem h1, .newsHeader, .app-list-element-title { 
	background-color: #99CC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
	cursor: pointer; 
	margin: 0; padding: 0.25em;
}
.schoolHeader, .newsHeader { 
	font-size: .9em;
	font-weight: bold;
	cursor: auto;
}
.school h1:hover, .newsitem h1:hover {
	font-weight: bold;
}