/* CSS Document */

body
{
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #131f37;
	background-image: url(../images/fade_bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
}

#container
{
	width: 888px;
	margin: 0em auto;
	padding: 0;
	background-image: url(../images/container_bg.jpg);
	background-position: top;
	background-repeat: repeat-y;
	/*background-color: #fef9e6;*/
}

#head
{
	width: 100%;
	/*height: 380px;*/
	height: 527px;
	margin: 0;
	padding: 0;
	background-image: url(../images/head_bg4.jpg);
	background-porsition: top;
	background-repeat: none;
}

#flash
{
	float: right;
	width: 610px;
	height: 380px; /* 380px without padding for image, 360px with */
	margin: 0;
	padding: 0; /* top padding 20px if pics should come down */
 	text-align: right;
	z-index: 1;
}

#menu
{
	float: left;
	width: 240px;
	height: 480px;
	margin: -303px 0 0 0;
	padding: 0;
	z-index: 2;
}

#headline
{
	float: right;
	width: 606px;
	/*height: 51px;*/
	margin: -122px 8px 0 0;
	padding: 5px 0 0 0;
	font-size: 30px;
	color: #5c2406;
	z-index: 3;
}

#content
{
	float: left;
	width: 555px;
	margin: -220px 0 0 0;
	padding: 0 0 5px 35px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #003176;
	text-align: left;
	line-height: 20px;
}

/* styles for about page */

.headline
{
	clear: both;
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
	color: #003176;
	text-align: left;
}

.text
{
	clear: both;
	float: left;
	margin: -10px 0 0 0;
	padding: 0;
}

.links
{
	color: #773871;
}

.links a
{
	color: #773871;
	text-decoration: underline;
}

.links a:hover
{
	color: #773871;
	text-decoration: underline;
}
/* styles for about page end */

/* styles for contact page */
#submenu_wrapper
{
	float: left;
	width: 550px;
	margin: 3px 0 0 -30px;
	padding: 0;
	/*background-color: yellow;*/
}

#submenu
{
	float: left;
	width: 600px;
	margin: 0 0 3px 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #5c2161;
	background-image: url(../images/submenu_line.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	/*background-color: red;*/
}
.submenu
{
	list-style-type: none;
	margin: 0 0 0 30px;
	padding: 0;
}

.submenu li
{
	float: left;	
	margin: 0 15px 0 0;
	padding: 3px;
}

.submenu a
{
	color: #5c2161;
	text-decoration: none;
	/*margin: 0;
	padding: 3px 0 5px 0;*/
}

.submenu a:hover
{
	/*margin: 0;
	padding: 3px 0 5px 0;*/
	color: #5c2161;
	text-decoration: underline;
	/*background-color: #e5ccc1;*/
}

/* class when page is active */
.active
{
	background-color: #dbc8be;
}
/* styles for contact page end */

/* styles for waldorf schools subpage */
#schools_list
{
	clear: both;
	float: left;
	width: 99%;
	margin: 0;
	padding: 0;
}

.list_bold
{
	font-weight: bold;
}
/* styles for waldorf schools subpage end */

/* styles for federation council page --> picture next to text */
#pic_wrapper
{
	clear: both;
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
}

#pic_wrapper_left
{
	float: left;
	width: 234px;
	margin: 0;
	padding: 0;	
}

#pic_wrapper_right
{
	float: left;
	margin: 0;
	padding: 5px 0 0 5px;	
}

/* styles for federation council page --> picture next to text end */

/* list for council role */
.council_role
{
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: disc;
}

.council_role li
{
	margin: 2px 0 0 0;
	padding: 0;
}

/* list for council role end */

/* list for council guidelines */
.guidelines
{
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: decimal;
}

.guidelines li
{
	margin: 2px 0 0 0;
	padding: 0;
}

/* list for council guidelines end */

/* list for strategic plan */
.strategic
{
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: disc;
}

.strategic li
{
	margin: 2px 0 0 0;
	padding: 0;
}

/* list for strategic plan end */

/* contribution education styles */
.contribution
{
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: disc;
}

.contribution li
{
	margin: 2px 0 0 0;
	padding: 0;
}

/* contribution education styles end */

/* educational aims styles */
.educational_aims
{
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: disc;
}

.educational_aims li
{
	margin: 2px 0 0 0;
	padding: 0;
}
/* educational aims styles end */

/* response to change styles */
.response
{
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: decimal;
}

.response li
{
	margin: 2px 0 0 0;
	padding: 0;
}
/* educational aims styles end */

/* styles for picture description */
.description
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-style: italic;
	color: #4f1563;
}

#bottom_menu
{	
	clear: both;
	width: 100%;
	height: 58px;
	margin: 0;
	padding: 0;	
	background-image: url(../images/bottom_menu_bg.jpg);
	background-position: top;
	background-repeat: none;
}

#menu_wrapper
{
	width: 815px;
	margin: 0em auto;
	padding: 0;
}

.bottom_menu_top
{
	/*float: left;
	margin: 10px 0 0 25px;*/
	margin: 0;
	padding: 0;
	color: #333333;	
	font-size: 10px;
	background-color: green;
}

.bottom_menu_top li
{
	float: left;
	margin: 15px 3px 0 3px;
	padding: 0;
	list-style-type: none;
}

.bottom_menu_top li a
{
	color: #333333;	
	font-size: 10px;
	padding: 0;
	margin: 0;
	text-decoration:none;
}

.bottom_menu_top li a:hover
{
	color: #333333;	
	font-size: 10px;
	text-decoration: underline;
}

.bottom_menu
{
	float: left;
	/*margin: 0 0 0 25px;*/
	margin: 0;
	padding: 0;
	color: #333333;	
	font-size: 10px;
	text-align: left;
}

.bottom_menu li
{
	float: left;
	margin: 0 3px 0 3px;
	padding: 0;
	list-style-type: none;
}

.bottom_menu li a
{
	color: #333333;	
	font-size: 10px;
	text-decoration:none;
}

.bottom_menu li a:hover
{
	color: #333333;	
	font-size: 10px;
	text-decoration: underline;
}

.mainbutton_red
{
	padding: 0;
	color: #3a1252;
	font-weight: bold;
	font-size: 10px;
	text-transformation: uppercase;
}

.mainbutton_blue
{
	padding: 0;
	color: #003176;
	font-weight: bold;
	font-size: 10px;
	text-transformation: uppercase;
}

#bottom
{
	/*width: 100%;*/
	width: 815px;
	margin: 0px auto;
	padding: 13px 0 13px 0;
	font-size: 11px;
	text-align: left;
	color: #847961;
}

#homebutton
{
	float: left;
	width: 160px;
	height: 130px;
	margin: 70px 0 0 115px;
	padding: 0;
	/*border: 1px solid yellow;*/
}

/* styles for "back to top" button */
/* each page with such a button has an own style */
/*
#top_button
{
	position: absolute;
	width: 160px;
	height: 72px;
	margin: 1500px 0 0 0;
	padding: 0;
}
*/

#top_keyprinciples
{
	position: absolute;
	width: 160px;
	height: 72px;
	margin: 1500px 0 0 0;
	padding: 0;
}

#top_highschool
{
	position: absolute;
	width: 160px;
	height: 72px;
	margin: 3000px 0 0 0;
	padding: 0;
}

#top_primaryschool
{
	position: absolute;
	width: 160px;
	height: 72px;
	margin: 2100px 0 0 0;
	padding: 0;
}

#top_aboutschools
{
	position: absolute;
	width: 160px;
	height: 72px;
	margin: 2600px 0 0 0;
	padding: 0;
}

#top_theteacher
{
	position: absolute;
	width: 160px;
	height: 72px;
	margin: 2000px 0 0 0;
	padding: 0;
}

#top_childdevelopment
{
	position: absolute;
	width: 160px;
	height: 72px;
	margin: 2800px 0 0 0;
	padding: 0;
}

#top_visionstatement
{
	position: absolute;
	width: 160px;
	height: 72px;
	margin: 3500px 0 0 0;
	padding: 0;
}

/* styles for "back to top" button  end */

#map
{
	float: left;
	width: 552px;
	height: 452px;
	margin: 0;
	padding: 0;
}

/* height of 30px */
#height_spacer
{
	clear: both;
	float: left;
	width: 99%;
	height: 20px;
	margin: 0;
	padding: 0;
}

p
{
	clear: both;
	text-align: left;
}

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}