/* ===================[   GLOBAL CLASSES   ]=================== */

body, html	{
	margin: 0 auto;
	background: #d7d7d7 url(/images/bg.gif);
	width: 767px;
	font-family: Verdana, Arial, Verdana, Lucida Grande, Lucida Sans Unicode, Lucida, Helvetica, Sans-serif;
	text-align: center;
	color: #333;
	font-size:100%;
}
	
a	{
	color: #a60000;
	text-decoration: none;
	page-break-after: always;
}

a:hover	{
	text-decoration: underline;
}

h1	{
	height: 37px;
	width: 511px;
	margin: 0;
	text-align: left;
	background: url(/images/header-bgr.gif) no-repeat;
	padding-left: 18px;
	padding-top: 0;
	font-weight: bold;
	font-size: 1em;
	color: #fff6a3;
	line-height: 3em;
	overflow: hidden;
}
	
h2 {
	font-size: 1em;
	margin: 1em 0;
	font-weight: bold;
	text-align: center;
	text-transform : uppercase;
	border: 1px dotted #D7D7D7;
	padding: 5px;
	color: #004A7E;
	background: #FAFAFA;
	line-height: normal;
}

h3	{
	color: #00538D;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 18px;
	margin: 1em 0;
}

	h3 .right	{
		font-weight: normal;
		color: #333;
	}
	
	h3.ogloszenia .left	{
		font-size: 1.3em;
		line-height: normal;
		letter-spacing: -1px;
	}
	
	h3.ogloszenia .right	{
		padding-top: 3px;
	}
	
	h3.wydarzenia	{
		font-size: 1.4em;
		line-height: normal;
		letter-spacing: -1px;
	}

	.left	{
		float: left;
		width: 80%;
	}
	
	.right	{
		float: right;
		text-align: right;
		width: 20%;
	}

hr	{
	border: 0;
	color: #D7D7D7;
	background-color: #D7D7D7;
	height: 1px;
	width: 100%;
	text-align: left;
}

.hidden,
.webaddress,
#aktualnosci .first a span,
#aktualnosci .on a span,
#aktualnosci .off a span	{
	display: none;
}

/* ===================[   MAIN NAVIGATION   ]=================== */

#menu	{
	width: 180px;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}

#menu ul	{
	list-style-type: none;
	width: 178px;
	margin: 0;
	padding: 0;
}

#menu li	{
	float: left;
}

#menu li a	{
	height: 21px;
	width: 152px;
	text-decoration: none;
	border-bottom: 1px solid #E3B3B3;
	background: url(/nav/menu.png) top left no-repeat;
	display: block;
	color: #fff;
	font-size: .85em;
	padding-top: 5px;
	padding-left: 26px;
	text-transform: uppercase;
	font-weight: bold;
}

#menu li a:hover	{
	background: url(/nav/menu.png) bottom left no-repeat;
	color: #A60000;
}

#menu li a.active	{
	background: url(/nav/menu-active.png) top left no-repeat;
}

#menu li a.active:hover	{
	background: url(/nav/menu-active.png) bottom left no-repeat;
	color: #A60000;
	font-weight: bold;
}

/*

body#index #menu li a#nav-button-1,
body#centrala #menu li a#nav-button-2,
body#listaszkol #menu li a#nav-button-3,
body#wzorydokumentow #menu li a#nav-button-4,
body#aktualnosci #menu li a#nav-button-5,
body#kalendarz #menu li a#nav-button-6,
body#publikacje #menu li a#nav-button-7,
body#ofertypracy #menu li a#nav-button-8,
body#ogloszenia #menu li a#nav-button-9,
body#kontakt #menu li a#nav-button-10,
body#linki #menu li a#nav-button-11	{
	background: url(/nav/menu-active.png) top left no-repeat;
}

body#index #menu li a#nav-button-1:hover,
body#centrala #menu li a#nav-button-2:hover,
body#listaszkol #menu li a#nav-button-3:hover,
body#wzorydokumentow #menu li a#nav-button-4:hover,
body#aktualnosci #menu li a#nav-button-5:hover,
body#kalendarz #menu li a#nav-button-6:hover,
body#publikacje #menu li a#nav-button-7:hover,
body#ofertypracy #menu li a#nav-button-8:hover,
body#ogloszenia #menu li a#nav-button-9:hover,
body#kontakt #menu li a#nav-button-10:hover,
body#linki #menu li a#nav-button-11:hover	{
	background: url(/nav/menu-active.png) bottom left no-repeat;
	color: #A60000;
	font-weight: bold;
}

*/

/* ===================[   SECONDARY NAVIGATION   ]=================== */

ul#secondaryNav {
	list-style-type: none;
	width: 178px;
	margin: 0;
	padding: 0;
}

ul#secondaryNav li	{
	background: #FFF6A1;
}
		
ul#secondaryNav li a {
	height: auto;
	width: 152px;
	text-decoration: none;
	border: none;
	background: #FFF6A1 url(/images/bullet-menuoff.gif) 12px 8px no-repeat;
	display: block;
	color: #a60000;
	font-size: .9em;
	padding-left: 26px;
	text-transform: none;
	font-weight: normal
}

ul#secondaryNav li.last	{
	border-bottom: 1px solid #E3B3B3;
	padding-bottom: 8px;
}

ul#secondaryNav li a:hover	{
	background: #FFF6A1 url(/images/bullet-menuoff.gif) 12px 8px no-repeat;
	text-decoration: underline;
}
	
ul#secondaryNav li a.active,
ul#secondaryNav li a.active:hover {
	font-weight: bold;
	background: #FFF6A1 url(/images/bullet-menuon.gif) 12px 8px no-repeat;
}

/* ===================[   PAGE LAYOUT   ]=================== */

#header	{
	height: 129px;
	width: 745px;
	margin: 0 auto;
	text-align: left;
}

#wrap	{ 
  	margin-left: auto;
  	margin-right: auto;
  	width: 747px;
	background: url(/images/fg.gif) repeat-y;
	font-size: 76%;
	line-height: 1.25em;
}

#content	{
	text-align: left;
	width: 530px;
	padding: 14px 19px 28px 18px;
	float: left;
}

	#content blockquote	{
		font-size: 1.4em;
		font-family: Georgia, serif;
		margin: 1em 0;
		font-weight: normal;
		text-align: center;
		border: 1px dashed #D7D7D7;
		padding: .5em;
		color: #004A7E;
		background: #FAFAFA;
		line-height: 1.45em;
	}

		#content blockquote p	{
			margin: 0;
			padding: 0;
		}

.storycontent {
	font-size: 1em;
	text-align: left;
	width: 493px;
	line-height: 16px;
	padding-left: 18px;
}

	.storycontent p	{
		line-height: 1.5em;
	}
	
	.storycontent a	{
		font-weight: bold;
	}

	.storycontent a:hover	{
		font-weight: bold;
		color: #004a7e;
	}
	
	.storycontent ol, .storycontent ul {
		padding: 0;
		margin-left: 3em;
		margin-bottom: 1.5em;
		margin-top: 1.4em;
	}
		
	.storycontent ol li, .storycontent ul li {
		margin-top: .6em;
	}
	
		#mapastrony .storycontent ul {
			list-style-type: square;
			padding: 0;
			margin-left: 3em;
			margin-bottom: 0;
		}
			
		#mapastrony .storycontent ul li {
			margin-top: .75em;
		}
		
		#mapastrony .storycontent ul li ul {
			margin-bottom: 0;
		}
		
		#mapastrony .storycontent ul li a	{
			text-transform: uppercase;
			display: block;
		}
		
		#mapastrony .storycontent ul li ul li a	{
			font-size: .9em;
			font-weight: normal;
			display: block;
			text-transform: none;
		}
	
	.storycontent ol {
		list-style-type: decimal;
	}
	
	.storycontent ul {
		list-style-type: square;
	}
    
    .storycontent ul.map-usa    { list-style: none; margin: 1.5em 0 0 2em; padding: 0; }
    .storycontent ul.map-usa li { margin: 0; padding: 0 0 10px 15px; float: left; width: 30%; }
    .storycontent ul.map-usa li.szkola-ny  { background: url(/images/kwadrat-ny.gif) no-repeat 0 5px; }
    .storycontent ul.map-usa li.szkola-nj  { background: url(/images/kwadrat-nj.gif) no-repeat 0 5px; }
    .storycontent ul.map-usa li.szkola-pa  { background: url(/images/kwadrat-pa.gif) no-repeat 0 5px; }
    .storycontent ul.map-usa li.szkola-ct  { background: url(/images/kwadrat-ct.gif) no-repeat 0 5px; }
    .storycontent ul.map-usa li.szkola-ma  { background: url(/images/kwadrat-ma.gif) no-repeat 0 5px; }
    .storycontent ul.map-usa li.szkola-mi  { background: url(/images/kwadrat-mi.gif) no-repeat 0 5px; }
    .storycontent ul.map-usa li.szkola-ri  { background: url(/images/kwadrat-ri.gif) no-repeat 0 5px; }
    .storycontent ul.map-usa li.szkola-fl  { background: url(/images/kwadrat-fl.gif) no-repeat 0 5px; }
    .storycontent ul.map-usa li.szkola-tx  { background: url(/images/kwadrat-tx.gif) no-repeat 0 5px; }
	
	.storycontent .first {
		padding: 1em;
		background: #fff;
		border-bottom: 1px dotted #d7d7d7;
		border-top: 1px dotted #d7d7d7;
	}
	
	.storycontent div.first	{
		margin-top: 1em;
	}
	
	.storycontent p.first	{
		margin-bottom: 0;
	}
	
	.storycontent .off {
		margin: 0;
		padding: 1em;
		background: #fff;
		border-bottom: 1px dotted #d7d7d7;
	}

	.storycontent .on {
		margin: 0;
		padding: 1em;
		background: #fafafa;
		border-bottom: 1px dotted #d7d7d7;
	}
	
	.storycontent .first h3, .storycontent .off h3,	.storycontent .on h3	{
		margin-top: 0;
	}
	
	.storycontent .signature	{
		text-align: right;
	}
	
	.storycontent .zdjecie	{
		padding: 1px;
		border: 1px solid #d7d7d7;
		background-color: #fafafa;
		margin-top: 1em;
		max-width: 450px;
		text-align: center;
		margin-bottom: .5em;
	}
	
		.zdjecie p	{
			font-size: .9em;
			margin-left: 1.5em;
			margin-right: 1.5em;
			text-align: left;
		}
	
#aktualnosci .first a, #aktualnosci .on a, #aktualnosci .off a	{
	display: block;
}

#aktualnosci .first a strong, #aktualnosci .on a strong, #aktualnosci .off a strong	{
	color: #333;
	display: block;
	text-decoration: none;
}

#aktualnosci .first a:hover strong, #aktualnosci .on a:hover strong, #aktualnosci .off a:hover strong	{
	color: #004a7e;
	text-decoration: underline;
}	

.footer	{	
	background: url(/images/footer.gif) no-repeat;
	width: 717px;
	height: 21px;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	font-size: .6em;
	text-align: center;
	color: #d9e5ed;
}

	.footer p	{
		margin: 0;
		padding: 0;
		float: left;
	}
	
	.footer span	{
		padding: 0 5px;
	}
	
	.footer .mapastrony	{
		float: right;
	}
	
	.footer .mapastrony a	{
		color: #d9e5ed;
		text-decoration: underline;
		text-transform: uppercase;
	}
	
	.footer a:hover	{
		text-decoration: none;
	}

#sponsors	{
	margin: 2em auto;
	text-align: center;
	color: #fff;
	padding: 1em;
	background-color: #970000;
	border-top: 1px solid #790000;
	border-bottom: 1px solid #cf3636;
	border-left: 1px solid #790000;
	border-right: 1px solid #cf3636;
	width: 120px;
}

#sponsors p	{
	font-size: .9em;
	padding-top: 0;
	padding-bottom: 1.5em;
	margin: 0;
	line-height: 0;
}

#sponsors img	{
	width: 120px;
}

/*

#sponsors a img	{
	border: 1px solid #fff;
}

#sponsors a:hover img	{
	border: 1px solid #fff;
}

*/

.center	{
	text-align: center;
}

.centralaTable td	{
	border-bottom: 1px dotted #D7D7D7;
	padding: 6px 2px;
}

.centralaTable tr:hover	{
	background-color: #fafafa;
}

.centralaTable tr.noBorder:hover	{
	background-color: transparent;
}

.centralaTable tr.noBorder td	{
	border-bottom: none;
}

.bottom-links	{
	border-top: 1px dotted #d7d7d7;
	margin-top: 1.5em;
	font-size: .9em;
}

	.bottom-links p	{
		margin-bottom: 0;
	}

/* GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */