/* TEMPORARY STYLE */   
div#main div#content div#pzss2004 {
	display: block;
   margin: 30px auto 0 20px;
   border: 1px solid #663333;
   background-color: #FFCC00;
   padding: 3px;
   color: #663333;
	font-size: 18px;
   font-weight: bold;
   text-decoration: none;   
} 
div#main div#content div#pzss2004 div#info {
	margin: 2px;
	font-size: 12px;	
}
/* 

used color scheme (websafe)

FFCC00 - FFFF99 FFFFCC 999933 663333 CC9966 CCCC99

*/

body {

   margin: auto;

   text-align: center;  /* IE5 centering hack */

   padding: 5px 10px;

   background-color: #FFFFCC;

	font-family: "Tahoma", "Lucida Grande CE", "lucida", sans-serif; 	 

   font-size: 70%;

}

hr {

	display: none;

}

img.toplist {

	width: 1px; height: 1px;

	border: 0;	

}

/* HEADER STYLES */

div#header {

   height: 60px;	

   background-color: #FFCC00;

   border-left: 1px solid #663333;

   border-right: 1px solid #663333;

   border-top: 1px solid #663333; 

}

   div#header div#logo a {

   	display: block;

      float: left;

      width: 63px; height: 60px;

      margin: 0px; padding: 0px;

      background: url("img/header/logo.gif") top left no-repeat;

      border-right: 1px solid #663333;

   }

   div#header div#logo a span {

   	display: none;

   }

   div#header div#title {

   	margin: 0px; padding: 5px;

   }

   div#header div#title a {

   	display: block;

      float: right;

      width: 370px; height: 50px;

      margin: 0px; padding: 0px;

      background: url("img/header/title.gif") top left no-repeat;

   }

/**/

div#main {	

	height: 50%; /* IE6 bug fix: some content is disappears without this */ 

	background: white url("img/left/bcg.gif") top left repeat-y;

	border-left: 1px solid #663333;

	border-right: 1px solid #663333;

}

/* TOPBAR STYLES (MENU) */

div#main div#top {			

	background-color: #663333;	

   padding: 0; margin: 0;

}

   div#main div#top div#menu {

      margin: 0;

		padding: 0.2em 1em;

      font-size: 1.1em;

		font-weight: bold;

		text-align: left;

   }

	div#main div#top div#menu span.alt {

   	display: none;

   }

   div#main div#top div#menu span.separator {

			width: 1px;

			margin-right: 10px;

         font-size: 1px;       

	}

   div#main div#top div#menu span.item a {color: #FFFFCC; text-decoration: none;}

	div#main div#top div#menu span.item a:hover {color:#FFFFCC; background: #CC9966; text-decoration: none;}

	div#main div#top div#menu span.item_active a {color:#FFCC00; text-decoration: none;}

	div#main div#top div#menu span.item_active a:hover {color:#FFCC00; text-decoration: none;}     

/**/

/* LEFTBAR STYLES (SUBMENU) */

div#main div#left {

   float: left;

   width: 150px;

}

	div#main div#left div#themegfx {

		width: 150px; height: 250px;

      background: url("img/left/theme_default.jpg") top left no-repeat;

   }

	div#main div#left div#themegfx div#school { background: url("img/left/theme_01.jpg") top left no-repeat; width: 150px; height: 250px;}

	div#main div#left div#themegfx div#organization { background: url("img/left/theme_02.jpg") top left no-repeat; width: 150px; height: 250px;}

	div#main div#left div#themegfx div#study { background: url("img/left/theme_03.jpg") top left no-repeat; width: 150px; height: 250px;}

	div#main div#left div#themegfx div#leasure { background: url("img/left/theme_04.jpg") top left no-repeat; width: 150px; height: 250px;}

	div#main div#left div#themegfx div#teachers { background: url("img/left/theme_05.jpg") top left no-repeat; width: 150px; height: 250px;}

	div#main div#left div#themegfx div#students { background: url("img/left/theme_06.jpg") top left no-repeat; width: 150px; height: 250px;}

	div#main div#left div#themegfx div#contact { background: url("img/left/theme_07.jpg") top left no-repeat; width: 150px; height: 250px;}

   

   div#main div#left div#submenu {

      margin: 1em 5px;

      text-align: right;

   }

      div#main div#left div#submenu span.alt {

      	display: none;

      }

		div#main div#left div#submenu span {

      	display: block;

      }

      div#main div#left div#submenu span.separator {

         /* reserved */

		}

	   div#main div#left div#submenu span.item a {color: #FFFFCC; text-decoration: none;}

	   div#main div#left div#submenu span.item a:hover {color: #FFFFCC; background: #CC9966; text-decoration: none;}

	   div#main div#left div#submenu span.item_active a {color: #FFCC00; text-decoration: none;}

	   div#main div#left div#submenu span.item_active a:hover {color: #FFCC00; text-decoration: none;}     

		div#main div#left div#searchsite  {      

	      margin: 2em 5px 1em 5px;

   	   text-align: right;			

      }

      div#main div#left div#searchsite form {

      	margin: 0px; padding: 0px;

      }

		div#main div#left div#searchsite form label {		

         display: block;

         color: #FFCC00;

         font-size: 0.9em;

      }

      div#main div#left div#searchsite form input {

         padding: 2px;

         border: 1px solid black;

         background-color: #FFFFCC;

         font-size: 1em;

      }

/**/

/* CONTENT WINDOW STYLES */

div#main div#content {

   background-color: white;

	 margin-left: 150px;

   padding: 15px 40px 15px 20px;

   color: #333333;

}

	/* document styles */

  	div#main div#content .important {

   	color: red;

   }

  	div#main div#content .right {

   	text-align: right;

   }

  	div#main div#content .center {

   	text-align: center;

   }

	div#main div#content sup {

		color: #999933; 

   }	

   

   div#main div#content p {

		margin: 0px;

      margin-left: 20px;

      margin-bottom: 1.5em;

      text-align: left;

   }

   div#main div#content a {color: #999933;}

	div#main div#content a:hover {color: #CCCC99;}

   div#main div#content h1 {

   	margin: 0px;

      margin-bottom: 1.5em;

      background: transparent url("img/content/h1.gif") left center no-repeat;

   	text-align: left;

      padding-left: 20px; /* inner */

	   font-size: 1.3em;

      font-weight: bold;

  	   color: #000000;

   }

   div#main div#content h2 {

		margin: 0px;

      margin-left: 20px;

      margin-bottom: 0.5em;

      text-align: left;

	   font-size: 1em;

      font-weight: bold;

  	   color: #000000;

   }

	div#main div#content ul {

   	text-align: left;

      margin-bottom: 1.5em;

   }

 	div#main div#content ul li {	

   	margin-bottom: 3px;

   }

   

   div#main div#content table {

		margin: 0px;

      margin-left: auto;

      margin-right: auto;

      margin-bottom: 1.5em; 

		background-color: #CCCC99;

   	font-size: 1em;

      border: 1px solid #999933;

   }

   div#main div#content table caption {

      margin-left: auto;

      margin-right: auto;

		font-weight: bold;

   }

   div#main div#content table th {

		background-color: #999933;

		padding: 1px 5px;

   	font-size: 1em;

      font-weight: normal;

      text-align: left;

   }

   div#main div#content table td {

		padding: 1px 5px;

      text-align: left;

   }

   div#main div#content form {         			

      margin-left: auto;

      margin-right: auto;

      margin-bottom: 1.5em; 

		width: 90%;

      background-color: #CCCC99;

      padding: 5px;

      font-size: 1em;

   }

	div#main div#content form fieldset {   	

      border: 1px solid #999933;

      padding: 5px;

      padding-top: 0px;

   }	

	div#main div#content form legend {

   	color: #999933;

   }

   div#main div#content form label {

      display: block;

      margin-top: 1em;

      text-align:center;

      font-size: 0.8em;

      font-weight:bold;

   }

	div#main div#content form input {	

   	text-align: center;

   }

   div#main div#content form button {

      margin: 0px 5px;

   }

   div#main div#content form div.error {

   	padding: 1em;

      color: red;

      font-size: 0.8em;

      font-weight: bold;

   }

/**/

div#main div#cleaner {

	clear: both;

  height: 1px; font-size: 1px; border: 0px;

  background: transparent;

}   

/* FOOTER STYLES */

div#footer {

   background-color: #FFCC00;

   border-left: 1px solid #663333;

   border-right: 1px solid #663333;

   border-bottom: 1px solid #663333; 

	font-size: 0.8em;

	padding: 0.1em 0.1em 0.1em 150px;

   color: #663333;

	text-align: center;

}

/**/