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

@import url("reset.css");

/*-------------------------------------------------------------------------LAYOUT*/

body {
	font:						normal 62.5% Arial, Helvetica, sans-serif;
	background:					#FFF url('../images/bg.jpg') center top no-repeat;
	text-align:					center;
}
div#access {
	visibility:					hidden;
	height:						30px;
	margin-bottom:				-30px;
}
div#container {
	margin:						0px auto;
	position:					relative;
	text-align:					left;
	width:						900px;
	overflow:					hidden; /* FIX IE */
}
div#wrapper {
	float:						left;
	width:						100%;
	text-align: 				center;
	background:					url('../images/content_bg.gif') left top repeat-y;
}
div#header {
	float:						left;
	width:						900px;
	height:						358px;
	background: 				url('../images/header_bg.jpg') left top no-repeat;
}
div#content {
	float:						left;
	text-align:					left;
	background:					url('../images/navigation_bg.gif') left top no-repeat;
	padding:					8px 10px 0;
	width:						900px;
}

/*-------------------------------------------------------------------------------------------------------FORMS*/
form, label, input, select, textarea, button {
	color:				#111;
	font:				1em Arial, sans-serif;
}
form {
	float:				left !important;
	float:				none; /* FIX IE */
	width:				440px;
	margin:				0 0 25px 15px;
	font-size:			1.1em;
	padding:			0 0 10px;
}
legend {
	text-indent:		-9999px;
}
div#content form p, 
div#content form h2, 
div#content form h3 {
	float:				none;
	margin:				0 0 5px 15px !important;
	padding:			0 !important;
}
div#content form h2, 
div#content form h3 {
	margin:				10px 0 5px 15px !important;
}
div#content form p.error {
	color:				#CB0000;
	font-weight:		bold;
}
div#content form p.success {
	color:				#009900;
	font-weight:		bold;
}
div#content div.page form ol {
	margin:				0 !important;
	padding:			0 !important;
}
form ol {
	width:				auto !important;
}
form ol li {
	list-style-type:	none;
}
label, input, select, textarea, button, span.warning {
	float:				left;
	margin:				2px 15px;
}
label {
	width:				408px;
	background:			transparent;
	margin:				2px 15px 0;
}
label em {
	font-size:			0.8em;
}
em.warning {
	color:				#CB0000;
}
input, select, textarea, button {
	background:			#FFF !important;
	border:				1px solid #1F436F;
	width:				396px;
	padding:			5px;
}
select {
	width:				408px;
}
select#dob_day, 
select#dob_month {
	width:				112px;
}
select#dob_month {
	margin:				2px 15px 2px 0;
}
select#dob_year {
	margin:				2px 0;
	width:				154px;
}
textarea {
	overflow:			auto;
}
input.checkbox {
	width:				25px;
}
dl.inputgroup {
	float:				left;
	width:				400px;
	margin:				0 0 0 15px;
	border:				1px solid #DDD;
	padding:			0 0 5px 5px;
}
dl.inputgroup dt, dl.inputgroup dd {
	float:				left;
	width:				28px;
	margin:				5px 0 0;
}
dl.inputgroup dt {
	clear:				left;
}
dl.inputgroup dd {
	width:				340px;
}
dl.inputgroup dt input {
	width:				13px;
	height:				13px;
	float:				right;
	margin:				6px 6px 3px;
	border:				0px;
	background:			#DDD;
}
dl.inputgroup dd label {
	width:				340px;
	margin:				0;
	padding:			5px 10px;
}
input:focus, select:focus, textarea:focus {
	border:				1px solid #4870AF;
}
span.warning {
	margin:				2px 0 2px 15px !important;
	padding:			0;
	color:				#CB0000;
}
label span.warning {
	margin:				2px 0 !important;
}
button {
	font-weight:		bold;
	font-size:			0.9em;
	width:				auto;
	margin:				10px 15px 0 !important;
	text-transform:		uppercase;
	background:			#666 !important;
	border:				1px solid #666;
	color:				#FFF;
	cursor:				pointer;
	padding:			5px;
}
button:hover {
	border:				1px solid #999;
}

/*-------------------------------------------------------------------------HEADER*/

div#header h1 a {
	float:						left;
	width:						279px;
	height:						107px;
	background:					url('../images/logo.png') left top no-repeat;
	text-indent:				-9999px;
	margin:						15px 0 0 50px;
	cursor:						pointer;
}
div#header ul {
	float:						left;
	margin:						25px 0 0 90px;
}
div#header ul li {
	float:						left;
	display:					inline;
	margin:						0 10px;
}
div#header ul li a img.investorinpeople {
	width:						63px;
	height:						83px;
}
div#header ul li a img.sportscolleges {
	width:						52px;
	height:						79px;
}
div#header ul li a img.sportspartnership {
	width:						77px;
	height:						79px;
}
div#header ul li a img.specialistschools {
	width:						177px;
	height:						79px;
}
div#header ul#carousel_links {
	display:					none;
}
div#header div#carousel {
	float:						left;
	margin:						20px 0 0;
}
div#header div#carousel div.carousel {
	position:					relative;
	width:						900px;
	height:						209px;
}
div#header div#carousel div.carousel div.slide {
	position:					absolute;
	width:						900px;
	height:						209px;
	display:					none;
}
div#header div#carousel div.carousel div.slide.feature1 {
	display:					block;
}
div#header div#carousel img {
	border:						1px solid #374E80;
}

/*-------------------------------------------------------------------------NAV*/

ul#nav {
	float:						left;
	width:						900px;
}
ul#nav li {
	float:						left;
	display:					inline;
	border-left:				1px solid #3B4655;
	border-right:				1px solid #9EA6B0;
}
ul#nav li.first {
	border-left:				0;
}
ul#nav li.last {
	border-right:				0;
}
ul#nav li a {
	float:						left;
	color:						#FFF;
	font-size:					1.2em;
	text-decoration:			none;
	padding:					11px 10px;
	background:					url('../images/nav_bg.gif') left top repeat-x;
}
ul#nav li a:hover, 
body#home  ul#nav li a.nav_home, 
body#the-school  ul#nav li a.nav_the-school, 
body#the-sixthform  ul#nav li a.nav_the-sixthform, 
body#information ul#nav li a.nav_information, 
body#cirriculum ul#nav li a.nav_ciriculum, 
body#pastoral ul#nav li a.nav_pastoral, 
body#spirituality ul#nav li a.nav_spirituality, 
body#community ul#nav li a.nav_community, 
body#sport ul#nav li a.nav_sport, 
body#stay-in-touch ul#nav li a.nav_stay-in-touch, 
body#contact-us ul#nav li a.nav_contact-us, 
ul#nav li.subnav a:hover, 
ul#nav li.subnav.active a {
	background:					#474C54 url('../images/nav_hover_bg.gif') left top repeat-x !important;
}
ul#nav li.subnav ul {
	display:					none;
}
ul#nav li.subnav:hover ul, 
ul#nav li.subnav.active ul {
	display:					block;
}
ul#nav li.subnav ul {
	position:					absolute;
	top:						395px;
	float:						left;
	clear:						left;
	margin:						0 0 0 -1px;
	background:					#474C54 !important;
	width:						200px;
	z-index:					9999;
	padding:					5px 0;
}
ul#nav li.subnav ul li {
	position:					relative;
	float:						left;
	clear:						left;
	width:						200px;
	border:						0;
}
ul#nav li.subnav ul li a, 
ul#nav li.subnav.active ul li a {
	width:						170px;
	padding:					0 0 5px;
	margin:						5px 15px;
	color:						#FFF !important;
	text-align:					left;
	background:					transparent !important;
	border:						1px solid #3E4248;
	border-width:				0 0 1px;
}
ul#nav li.subnav ul li a:hover {
	color:						#CCC !important;
	background:					transparent !important;
}
ul#nav li.subnav ul li.subsubnav ul {
	display:					none;
}
ul#nav li.subnav ul li.subsubnav:hover ul, 
ul#nav li.subnav ul li.subsubnav.active ul {
	display:					block;
}
ul#nav li.subnav ul li.subsubnav ul {
	top:						0;
	left:						0;
	margin:						-1px 0 -1px 142px;
	background:					#3E4248 !important;
}
ul#nav li.subnav ul li.subsubnav ul li a, 
ul#nav li.subnav.active ul li.subsubnav ul li a {
	border:						1px solid #34373C;
	border-width:				0 0 1px;
}
ul#nav li a.nav_search {
	text-indent:				-9999px;
	background:					url('../images/search.gif') center top no-repeat !important;
	float:						left;
	width:						8px;
	height:						15px;
	overflow:					hidden; /* FIX IE */
}
body#search ul#nav li a.nav_search, 
ul#nav li a.nav_search:hover {
	background:					url('../images/search.gif') center -37px no-repeat !important;
}
form.search {
	position:					absolute;
	top:						405px;
	right:						10px;
	width:						207px;
	height:						0;
	overflow:					hidden;
	z-index:					999;
	margin:						0;
	padding:					0 0 11px;
	background:					url('../images/search_form_bg.gif') left top no-repeat;
}
body#search form.search {
	height:						auto;
}
form.search legend {
	text-indent:				0;
	float:						left;
	width:						197px;
	padding:					10px 5px 15px;
	color:						#354E76;
	font-size:					1.4em;
	font-weight:				bold;
}
form.search label {
	display:					none;
}
form.search input {
	margin:						-10px 5px 0 !important;
	width:						120px;
	border:						0;
	padding:					6px;
}
form.search button {
	position:					absolute;
	top:						33px !important;
	top:						36px; /* FIX IE */
	right:						10px;
	width:						58px !important;
	width:						58px; /* FIX IE */
	margin:						0 !important;
}
ul#subnav {
	float:						left;
	background:					#6D737D url('../images/item_bg_left.gif') left bottom no-repeat;
	width:						207px;
	margin:						2px 0 0;
	padding:					0 0 10px;
}
ul#subnav li h2 {
	padding:					10px;
	width:						187px;
	color:						#FFF;
	font-size:					1.2em;
	background:					#6D737D url('../images/subnav_header.gif') left top no-repeat;
	border:						1px solid #3E4248;
	border-width:				0 0 1px;
}
ul#subnav li a {
	float:						left;
	color:						#FFF;
	font-size:					1.1em;
	text-decoration:			none;
	width:						187px;
	padding:					5px 10px;
	border:						1px solid #3E4248;
	border-width:				0 0 1px;
}
ul#subnav li a:hover {
	background:					#63686F;
}

/*-------------------------------------------------------------------------COLUMNS*/

div#content div.column {
	float:						left;
	width:						207px;
	display:					inline;
	overflow:					hidden; /* FIX IE */
}
div#content div.column div.item_container {
	float:						left;
	background:					#6D737D url('../images/item_bg_left.gif') left bottom no-repeat;
	width:						207px;
	margin:						2px 0 0;
	padding:					0 0 5px;
}
div#content div.column div.item_container.events {
	background:					#C5DCFF url('../images/events_column_footer.gif') left bottom no-repeat;
}
div#content div.column div.item_container h4 {
	float:						left;
	padding:					10px 0 0 20px;
	font-size:					1.4em;
	font-weight:				bold;
	color:						#FFF;
	width:						187px;
}
div#content div.column div.item_container.school h4 {
	background:					#6D737D url('../images/latest-school-news.jpg') left top no-repeat;
	padding-top:				148px;
}
div#content div.column div.item_container.sixthform h4 {
	background:					#6D737D url('../images/latest-sixth-form-news.jpg') left top no-repeat;
	padding-top:				145px;
}
div#content div.column div.item_container.events h4 {
	color:						#354E76;
	background:					#C5DCFF url('../images/events_column_header.gif') left top no-repeat;
	padding:					10px 0 10px 20px;
}
div#content div.column div.item_container div.hr {
	float:						left;
	clear:						both;
	width:						195px;
	border-top:					1px solid #545860;
	border-bottom:				1px solid #949CAA;
	margin:						2px 4px 5px 8px !important;
	margin:						2px 4px 5px; /* FIX IE */
}
div#content div.column div.item_container div.item div.hr {
	margin:						2px 0 5px -12px !important;
	margin:						2px 0 5px -6px; /* FIX IE */
}
div#content div.column div.item_container.events div.hr {
	border-top:					1px solid #8F979C;
	border-bottom:				1px solid #DFEBF4;
}
div#content div.column div.item_container div.hr hr {
	display:					none;
}
div#content div.column div.item_container div.item {
	float:						left;
	clear:						left;
	width:						182px;
	padding:					5px 5px 0 20px;
}
div#content div.column div.item_container img {
	float:						left;
	display:					inline;
	border:						2px solid #888;
	margin:						0 5px 15px -12px;
}
div#content div.column div.item_container p {
	color:						#FFF;
	font-size:					1.1em;
	margin:						0;
}
div#content div.column div.item_container.events p {
	color:						#4D525A;
}
div#content div.column div.item_container p.date {
	font-size:					0.9em;
	font-weight:				bold;
	display:					inline;
}
div#content div.column div.item_container p.emph, 
div#content div.column div.item_container.events p.date {
	font-size:					1.2em;
	font-weight:				bold;
}
div#content div.column div.item_container p.emph a {
	float:						none;
	font-size:					1em;
}
div#content div.column div.item_container.events p.emph, 
div#content div.column div.item_container.events p.emph a, 
div#content div.column div.item_container.events p.date, 
div#content div.column div.item_container.events a {
	color:						#0A65BF; /* Blue */
}
div#content div.column div.item_container.events div.today p.emph, 
div#content div.column div.item_container.events div.today p.emph a, 
div#content div.column div.item_container.events div.today p.date, 
div#content div.column div.item_container.events div.today a {
	color:						#C85900; /* Orange */
}
div#content div.column div.item_container a {
	float:						left;
	color:						#FFF;
	text-decoration:			none;
	font-size:					1.1em;
	margin:						0 0 10px;
}
div#content div.column div.item_container p a {
	margin:						0;
}
div#content div.footer div.item_container div.item a.view_more , 
div#content div.column div.item_container a.read_more  {
	clear:						both;
	width:						70px;
	height:						12px;
	font-size:					1em;
	font-weight:				bold;
	background:					url('../images/read_more_arrow.gif') right 2px no-repeat;
}
div#content div.footer div.item_container div.item a.view_more:hover , 
div#content div.column div.item_container a.read_more:hover {
	background-position: 		right -10px;
	color:						#BFBFBF;
}
div#content div.column div.item_container.events a.read_more {
	color:						#0A65BF;
	background:					url('../images/read_more_arrow_blue.gif') right 2px no-repeat;
}
div#content div.column div.item_container.events a.read_more:hover {
	background-position: 		right -10px;
	color:						#354E76;
}
div#content div.column div.item_container.events div.today a.read_more {
	color:						#E3820C;
	background:					url('../images/read_more_arrow_orange.gif') right 2px no-repeat;
}
div#content div.column div.item_container.events div.today a.read_more:hover {
	background-position: 		right -10px;
	color:						#C85900;
}
div#content div.column div.item_container a.view_all {
	font-size:					1.2em;
	font-weight:				bold;
	width:						170px;
	height:						22px;
	background:					url('../images/view_all_arrow.gif') right 4px no-repeat;
	padding:					6px 0 0 0;
	margin:						0 0 4px 20px;
}
div#content div.column div.item_container a.view_all:hover {
	background-position:		right -20px;
	color:						#BFBFBF;
}
div#content div.column div.item_container.events a.view_all {
	background:					url('../images/view_all_arrow_blue.gif') right 4px no-repeat;
	color:						#354E76;
	margin:						0 0 14px 20px;
}
div#content div.column div.item_container.events a.view_all:hover {
	background-position:		right -40px;
	color:						#0A65BF;
}

/*-------------------------------------------------------------------------CONFIG LINKS*/

div#content div.column a.eportal_login, 
div#content div.column a.elearning_login, 
div#content div.column a.email_login {
	float:						left;
	width:						207px;
	height:						61px;
	text-indent:				-9999px;
	margin:						2px 0 0 0;
	background:					url('../images/ePortal.jpg') top left no-repeat;
}
div#content div.column a.elearning_login {
	margin:						1px 0 0 0;
	background:					url('../images/eLearning.jpg') top left no-repeat;
}
div#content div.column a.email_login {
	margin:						1px 0 0 0;
	background:					url('../images/eMail.jpg') top left no-repeat;
}
div#content div.column a.eportal_login:hover, 
div#content div.column a.elearning_login:hover, 
div#content div.column a.email_login:hover {
	background-position:		left -61px;
}
div#content div.column a.brochure {
	float:						left;
	width:						207px;
	height:						205px;
	text-indent:				-9999px;
	margin:						2px 0 0 0;
	background:					url('../images/brochure.jpg') top left no-repeat;
}
div#content div.column a.brochure:hover {
	background-position:		left -205px;
}

/*-------------------------------------------------------------------------PAGE*/

div#content div.page {
	float:						left;
	width:						464px;
	margin:						2px 1px 0 1px;
	background:					#FFF url('../images/content_foot_bg.gif') bottom left no-repeat;
	padding:					0 0 12px 0;
	overflow:					hidden; /* FIX IE */
}
div#content div.page h1 {
	font-size:					2.2em;
	color:						#FFF;
	font-weight:				bold;
	padding:					20px 20px 12px 34px;
	background:					#FFF url('../images/content_head_bg.gif') top left repeat-x;
}
div#content div.page h1 a, 
div#content div.page p.emph a {
	color:						#C5DCFF;
}
div#content div.page h1 a:hover, 
div#content div.page p.emph a:hover {
	color:						#FFF;
}
div#content div.page h2, 
div#content div.page h3 {
	color:						#0C3675;
	font-size:					1.4em;
	padding:					0 20px 5px 34px;
}
div#content div.page h3 {
	font-size:					1.2em;
}
div#content div.page h4 {
	font-size:					1em;
	background:					#3B5A8B;
	color:						#FFF;
	padding:					0 0 10px 34px;
}
div#content div.page p.emph, 
div#content div.page p.date, 
div#content div.page h2.results {
	font-size:					1.5em;
	font-weight:				bold;
	color:						#FFF;
	padding:					0 20px 58px 34px;
	background:					#3B5A8B url('../images/page_intro_bg.gif') left bottom no-repeat;
}
div#content div.page p, 
div#content div.page div.item p.emph, 
div#content div.page div.item p.date {
	font-size:					1.2em;
	background:					#FFF;
	padding:					0 10px 12px 34px;
}
div#content div.page div.item p.emph, 
div#content div.page div.item p.date {
	color:						#0C3675;
	padding:					0 10px 0 0;
}
div#content div.page p a {
	color:						#000;
	text-decoration:			none;
	font-weight:				bold;
}
div#content div.page p a:hover {
	color:						#3B5A8A;
}
div#content div.page p small {
	font-size:					0.8em;
	clear:						left;
}
div#content div.page img {
	float:						left;
	margin:						5px 25px 10px 0;
}
div#content div.page a#enlarge {
	float:						left;
	margin:						5px 25px 10px 34px;
	border:						2px solid #0C3675;
}
div#content div.page a#enlarge img {
	margin:						0;
}
div#content div.page ul.thumbs {
	float:						left;
	clear:						left;
	width:						222px;
	margin:						0 14px 0 35px !important;
	margin:						0 14px 0 17px; /* FIX IE */
	padding:					0;
	list-style-type:			none;
}
div#content div.page ul.thumbs li {
	float:						left;
	clear:						none;
}
div#content div.page ul.thumbs li a {
	float:						left;
	margin:						0 11px 11px 0;
	border:						2px solid #0C3675;
}
div#content div.page ul.thumbs li a img {
	width:						40px;
	margin:						0;
}
div#content div.page div.quote {
	float:						left;
	clear:						left;
	width:						120px;
	margin:						0 25px 20px 34px !important;
	margin:						0 25px 20px 17px; /* FIX IE */
	padding:					15px 0 10px;
	border-top:					1px solid #DDD;
	border-bottom:				1px solid #DDD;
}
div#content div.page div.quote p {
	font-size:					1.2em;
	display:					inline;
	font-weight:				bold;
	color:						#1F4570;
	margin:						0;
	padding:					0 0 0 14px;
}
div#content div.page div.quote p strong {
	float:						left;
	margin:						5px 0 0 0;
	font-size:					0.9em;
	font-weight:				normal;
}
div#content div.page div.quote blockquote p strong {
	position:					absolute;
	font-size:					2.4em;
	margin:						-12px 0 0 -15px;
}
div#content div.page div.item {
	float:						left;
	margin:						5px 10px 0 34px !important;
	margin:						5px 0 0 16px; /* FIX IE */
	padding:					5px 0;
	border:						1px solid #DDD;
	border-width:				1px 0 0;
	width:						420px;
}
div#content div.page div.item img {
	border:						1px solid #0C3675;
	margin:						5px 10px 10px 0;
}
div#content div.page div.item a {
	color:						#0C3675;
	text-decoration:			none;
}
div#content div.page div.item a:hover {
	color:						#4A73B5;
}
div#content div.page div.item h2 {
	font-size:					1.2em;
	padding:					0;
}
div#content div.page div.item h3 {
	padding:					4px 0 2px;
	font-size:					1em;
}
div#content div.page div.item p {
	padding:					2px 0 0;
}
div#content div.page h3.pagination {
	float:						left;
	color:						#111;
	font-size:					1em;
	margin:						10px 0 0 34px !important;
	margin:						10px 0 0 17px; /* FIX IE */
	padding:					0;
}
div#content div.page h3.pagination a {
	color:						#0C3675;
	text-decoration:			none;
	margin:						0 0 0 5px;
}
div#content div.page h3.pagination a:hover {
	color:						#4A73B5;
}
div#content div.page ul, 
div#content div.page ol {
	float:						left;
	clear:						both;
	width:						390px;
	font-size:					1.2em;
	margin:						15px 10px 10px 34px !important;
	margin:						15px 0 10px 16px; /* FIX IE */
	padding:					0 0 0 20px;
}
div#content div.page ul li, 
div#content div.page ol li {
	clear:						left;
}
body#site-map div#content div.page ul, 
body#site-map div#content div.page ol {
	font-weight:				bold;
}
div#content div.page ul {
	list-style-type:			disc;
}
div#content div.page ol {
	list-style-type:			decimal;
}
div#content div.page ul li a, 
div#content div.page ol li a {
	color:						#0C3675;
	text-decoration:			none;
}
div#content div.page ul li a:hover, 
div#content div.page ol li a:hover {
	color:						#4A73B5;
}
div#content div.page ul li ul, 
div#content div.page ul li ol {
	margin:						5px 10px 10px 10px !important;
	margin:						5px 0 10px 5px; /* FIX IE */
	font-size:					1em;
	width:						370px;
	font-weight:				normal !important;
}
div#content div.page ul li ul li ul, 
div#content div.page ul li ol li ol {
	width:						340px;
}
div#content div.page table {
	width:						410px;
	margin:						0 0 25px 34px;
	color:						#FFF;
	font-size:					1.2em;
}
div#content div.page div.item table {
	margin:						5px 0;
}
div#content div.page table tr th, 
div#content div.page table tr td {
	background:					#4A73B5;
}
div#content div.page table tr.alt th, 
div#content div.page table tr.alt td {
	background:					#3B5A8B;
}
div#content div.page table tr th, 
div#content div.page table tr td {
	padding:					5px;
	border:						1px solid #FFF;
	border-width:				1px 1px 0 0;
}
div#content div.page div.events ul li a.title {
	border:						0;
	color:						#0C3675 !important;
	padding:					0 0 10px;
}
div#content div.page a.page_video, 
div#content div.page a.page_download {
	float:						left;
	width:						110px;
	height:						auto !important;
	height:						75px; /* FIX IE */
	min-height:					75px;
	padding:					15px 20px 0 70px;
	margin:						0 -8px 10px 24px;
	background:					url('../images/video-icon.gif') left top no-repeat;
	color:						#FFF;
	text-decoration:			none;
	font-size:					1.1em;
}
div#content div.page a.page_download.excel {
	background:					url('../images/download-icon-excel.gif') left top no-repeat;
}
div#content div.page a.page_download.pdf {
	background:					url('../images/download-icon-pdf.gif') left top no-repeat;
}
div#content div.page a.page_download.powerpoint {
	background:					url('../images/download-icon-powerpoint.gif') left top no-repeat;
}
div#content div.page a.page_download.word {
	background:					url('../images/download-icon-word.gif') left top no-repeat;
}
div#content div.page div.hr {
	display:					none;
}
div#content div.page div.bookmarks {
	float:						left;
	width:						410px;
	padding:					10px 0 10px 10px;
	margin:						10px 10px 10px 34px !important;
	margin:						10px 0 10px 16px; /* FIX IE */
	border:						1px solid #DDD;
	border-width:				1px 0;
}
div#content div.page div.bookmarks ul {
	float:						none;
	width:						auto;
	margin:						0 !important;
	padding:					0;
	list-style-type:			none;
}
div#content div.page div.bookmarks ul li {
	float:						left;
	clear:						none;
}
div#content div.page div.bookmarks a, 
div#content div.page div.bookmarks a img {
	float:						left;
	margin:						0;
	padding:					0;
}
div#content div.page div.bookmarks a {
	margin:						0 10px 0 0;
}
div#content div.page div.contact {
	float:						left;
	width:						410px;
	clear:						left;
	margin:						0 10px 10px 30px !important;
	margin:						0 0 10px 15px; /* FIX IE */
}
div#content div.page div.contact div#map {
	float:						left;
	width:						260px;
	height:						200px;
	margin:						0 10px 0 0;
	background:					url('../images/location-map.jpg') no-repeat;
	border:						1px solid #0C3675;
}
div#content div.page div.contact div#map a, 
div#content div.page div.contact div#map img{
	margin:						0;
}
div#content div.page div.contact h2 {
	font-size:					1.2em;
}
div#content div.page div.contact p {
	font-size:					1.1em;
	padding:					0 0 5px;
}
div#content div.page div.contact dl {
	font-size:					1.1em;
	padding:					8px 0 10px;
}
div#content div.page div.contact dl dt {
	font-weight:				bold;
}

/*-------------------------------------------------------------------------FOOTER CONTENT*/
div#content div.footer {
	float:						left;
	width:						880px;
	margin:						3px 1px 0 -10px;
	padding:					0 10px 12px;
	display:					inline;
	background:					url('../images/footer_bg.gif') left bottom no-repeat;
}
div#content div.footer div.item_container {
	float:						left;
	width:						440px;
	overflow:					hidden; /* FIX IE */
	padding:					0 0 10px;
}
div#content div.footer div.item_container.information {
	background:					#365079 url('../images/footer_footer_bg_left.gif') left bottom no-repeat;
}
div#content div.footer div.item_container.gallery {
	margin-left:				1px;
	width:						439px;
	background:					#365079 url('../images/footer_footer_bg_right.gif') left bottom no-repeat;
}
div#content div.footer div.item_container h4 {
	font-size:					1.4em;
	color:						#FFF;
	padding:					15px 0 5px 15px;
}
div#content div.footer div.item_container.information h4 {
	background:					#365079 url('../images/footer_header_bg_left.gif') left top no-repeat;
}
div#content div.footer div.item_container.gallery h4 {
	background:					#365079 url('../images/footer_header_bg_right.gif') left top no-repeat;
}
div#content div.footer div.item_container p.emph a {
	margin:						0;
}
div#content div.footer div.item_container div.hr {
	float:						left;
	clear:						both;
	width:						420px !important;
	width:						410px; /* FIX IE */
	border-top:					1px solid #243550;
	border-bottom:				1px solid #86A9E2;
	margin:						2px 4px 15px 8px;
}
div#content div.footer div.item_container div.item div.hr {
	width:						200px !important;
	margin:						2px 4px 5px -10px;
}
div#content div.footer div.item_container div.hr hr {
	display:					none;
}
div#content div.footer div.item_container div.item {
	float:						left;
	width:						190px;
	margin:						0 0 5px 5px;
	padding:					0 0 0 20px !important;
	padding:					0 0 0 0; /* FIX IE */
	color:						#FFF;
}
div#content div.footer div.item_container div.item.featured {
	width:						195px;
	padding:					0 0 0 10px !important;
}
div#content div.footer div.item_container.gallery div.item {
	width:						415px;
	padding:					0 0 0 10px !important;
}
div#content div.footer div.item img {
	float:						left;
	display:					inline;
	border:						2px solid #0C3675;
	margin:						0 10px 35px -10px;
}
div#content div.footer div.item.featured img {
	float:						none;
	margin:						0 10px 5px 0;
}
div#content div.footer div.item p {
	color:						#FFF;
	font-size:					1.1em;
}
div#content div.footer div.item.featured p {
	margin-left:				0;
}
div#content div.footer div.item p.date {
	font-size:					0.9em;
	font-weight:				bold;
	margin-bottom:				5px;
	display:					inline;
}
div#content div.footer div.item p.emph {
	font-size:					1.2em;
	font-weight:				bold;
}
div#content div.footer a {
	float:						left;
	color:						#FFF;
	text-decoration:			none;
	font-size:					1.1em;
	margin:						5px 0 10px 0;
}
div#content div.footer div.item a.read_more, 
div#content div.footer div.item_container div.item a.view_more {
	width:						70px;
	height:						12px;
	font-size:					1em;
	font-weight:				bold;
	margin:						5px 0;
	background:					url('../images/read_more_arrow_footer.gif') right 2px no-repeat;
}
div#content div.footer div.item.featured a.read_more {
	margin-left:				0;
}
div#content div.footer div.item a.read_more:hover, 
div#content div.footer div.item.featured a.read_more:hover {
	background-position: 		right -10px;
	color:						#BFBFBF;
}
div#content div.footer div.item_container div.item ul.thumbs {
	float:						left;
	clear:						left;
	margin:						5px 0 0 -2px !important;
	margin:						5px 0 0 -7px; /* FIX IE */
	padding:					0 0 5px;
	width:						415px !important;
	width:						420px; /* FIX IE */
	display:					inline;
	list-style-type:			none;
}
div#content div.footer div.item_container div.item ul.thumbs li {
	float:						left;
	margin:						0 0 2px 2px;
}
div#content div.footer div.item_container div.item ul.thumbs li a, 
div#content div.footer div.item_container div.item ul.thumbs li img {
	margin:						0;
}
div#content div.footer div.item_container div.item ul.thumbs li img {
	width:						63px;
}
div#content div.footer div.item_container a.view_all {
	display:					block;
	font-size:					1.2em;
	font-weight:				bold;
	height:						22px;
	background:					url('../images/view_all_arrow_footer.gif') right 4px no-repeat;
	padding:					6px 25px 0 0;
	margin:						0 0 0 20px !important;
	margin:						5px 0 0 10px; /* FIX IE */
}
div#content div.footer div.item_container a.view_all:hover {
	background-position:		right -20px;
	color:						#BFBFBF;
}

/*-------------------------------------------------------------------------FOOTER*/

div#footer {
	float:						left;
	width:						900px;
	background:					url('../images/footer_bg.jpg') left top no-repeat;
	height:						auto !important;
	height:						250px; /* FIX IE */
	min-height:					250px;
}
div#footer a {
	color:						#FFF;
	text-decoration:			none;
}
div#footer a:hover {
	color:						#BFBFBF;
}
div#footer a.top {
	float:						right;
	margin:						20px 15px 0 10px;
	color:						#FFF;
	text-decoration:			none;
	background:					url('../images/back_to_top.gif') right top no-repeat;
	padding:					3px 28px 0 0;
	font-size:					1.2em;
	height:						21px;
}
div#footer a.top:hover {
	background-position:		right -24px;
	color:						#BFBFBF;
}
div#footer ul {
	float:						left;
	margin:						20px 10px 10px;
}
div#footer ul li {
	float:						left;
	font-size:					1.2em;
	font-weight:				bold;
	margin:						0 20px 0 0;
}
div#footer ul li a {
	color:						#FFF;
	text-decoration:			none;
}
div#footer ul li a:hover {
	color:						#BFBFBF;
}
div#footer p {
	float:						left;
	clear:						left;
	text-align:					left;
	color:						#FFF;
	font-size:					1.2em;
	margin:						0 0 0 10px;
	width:						890px;
}
div#footer p span.tel, div#footer p span.email {
	font-size:					0.9em;
}
div#credit {
	position:					absolute;
	left:						0;
	width:						900px;
	margin:						89px 0 0;
}
div#credit p, 
div#credit a {
	width:						auto;
	margin:						0;
	padding:					0;
	color:						#2B5085;
}
div#credit p {
	padding:					10px 0 0 10px;
	font-size:					1.1em;
}
div#credit a:hover {
	color:						#173863;
}
div#credit a.dusza {
	float:						right;
	width:						100px;
	height:						40px;
	background:					url('../images/dusza.jpg') left top no-repeat;
	text-indent:				-9999px;
}
div#credit a.dusza:hover {
	background-position:		left -40px;
}

/*-------------------------------------------------------------------------------------------------------CALENDAR
*/
table.mini_calendar_pagination, 
div#content div.page table.calendar_pagination {
	font-size:					10px;
	margin:						0 0 0 4px;
	width:						200px;
	float:						none;
	border-collapse: 			separate;
	border: 					2px solid #A0C6FF;
	border-width: 				2px 3px 0 3px;
}
div#content div.page table.calendar_pagination {
	font-size: 					20px;
	width:						445px;
	margin: 					10px auto 0;
}
table.mini_calendar_pagination tr th, 
div#content div.page table.calendar_pagination tr th {
	text-align: 				center;
	vertical-align: 			middle;
	color: 						#444;
	position: 					relative;
	border:						1px solid #4D525A;
	border-width:				1px 0 1px;
	background:					#7D848F url('../images/calendar/calendar_pagination_bg.gif') bottom left repeat-x;
	padding:					4px 0;
}
table.mini_calendar_pagination tr th.prev {
	border-width:				1px 0 1px 1px;
}
table.mini_calendar_pagination tr th.next {
	border-width:				1px 1px 1px 0;
}
table.mini_calendar_pagination tr th a, 
div#content div.page table.calendar_pagination tr th a {
	color:						#FFF !important;
	text-decoration:			none;
	text-align:					center;
	width:						120px;
	margin:						0 !important;
}
div#content div.page table.calendar_pagination tr th.prev a, 
div#content div.page table.calendar_pagination tr th.next a, 
table.mini_calendar_pagination tr th.prev a, 
table.mini_calendar_pagination tr th.next a {
	float:						left;
	width:						32px;
	height:						22px;
	text-indent:				-9999px;
}
div#content div.page table.calendar_pagination tr th.next a, 
table.mini_calendar_pagination tr th.next a {
	float:						right;
}
div#content div.page table.calendar_pagination tr th.prev a, 
table.mini_calendar_pagination tr th.prev a {
	background:					url('../images/calendar/calendar_pagination_prev.gif') right top no-repeat;
}
div#content div.page table.calendar_pagination tr th.prev a:hover, 
table.mini_calendar_pagination tr th.prev a:hover {
	background:					url('../images/calendar/calendar_pagination_prev_hover.gif') right top no-repeat;
}
div#content div.page table.calendar_pagination tr th.next a, 
table.mini_calendar_pagination tr th.next a {
	background:					url('../images/calendar/calendar_pagination_next.gif') left top no-repeat;
}
div#content div.page table.calendar_pagination tr th.next a:hover, 
table.mini_calendar_pagination tr th.next a:hover {
	background:					url('../images/calendar/calendar_pagination_next_hover.gif') left top no-repeat;
}
div#content div.page table.calendar, 
table.mini_calendar {
	float:						none;
	border-collapse: 			separate;
	border: 					2px solid #A0C6FF;
	border-width: 				1px 2px 2px 2px;
	margin: 					0 auto 20px;
	font-size: 					20px;
	width:						445px;
}
table.mini_calendar {
	font-size:					10px;
	margin:						0 0 10px 4px;
	width:						198px;
}
div#content div.page table.calendar tr,
table.mini_calendar tr {
	background:					transparent !important;
}
div#content div.page table.calendar tr td, 
div#content div.page table.calendar tr th, 
table.mini_calendar tr td, 
table.mini_calendar tr th {
	background:					transparent;
	text-align: 				center;
	vertical-align: 			middle;
	color: 						#FFF;
	position: 					relative;
	padding:					0;
	border:						0;
	border:						1px solid #E6ECF8;
} 
div#content div.page table.calendar tr th {
	width: 						61px;
	height: 					61px;
	background: 				#2D518A url('../images/calendar/calendar_weekday_header_bg.gif') left top repeat-x;
	border:						1px solid #A0C6FF;
}
table.mini_calendar tr th {
	padding:					5px 0;
	width:						25px;
	background: 				#2D518A url('../images/calendar/calendar_weekday_header_bg.gif') left top repeat-x;
	border:						1px solid #A0C6FF;
}
table.mini_calendar tr th.weekend {
	background: 				#4d5259 url('../images/calendar/calendar_weekend_header_bg.gif') left top repeat-x;
	border:						1px solid #A0C6FF;
}
div#content div.page table.calendar tr th {
	height: 					30px;
	font-weight: 				bold;
	font-size: 					16px;
}
table.mini_calendar tr th {
	font-weight:				bold;
	font-size:					10px;
}
div#content div.page table.calendar tr td a, 
table.mini_calendar tr td a {
	display:					block;
	text-decoration: 			none;
	color:						#444 !important;
	width: 						61px;
	padding:					16px 0;
	margin:						0 !important;
	background: 				#ECF3FB url('../images/calendar/calendar_weekday_bg.gif') left top repeat-x;
}
table.mini_calendar tr td a {
	padding:					4px 0;
	width:						26px;
}
div#content div.page table.calendar tr td.weekend a, 
table.mini_calendar tr td.weekend a {
	background: 				#F9F9F9 url('../images/calendar/calendar_weekend_bg.gif') left top repeat-x;
}
div#content div.page table.calendar tr td a:hover,  
table.mini_calendar tr td a:hover {
	background: 				#DEE9F7 url('../images/calendar/calendar_weekday_bg_hover.gif') left top repeat-x;
	color: 						#222 !important;
}
div#content div.page table.calendar tr td.weekend a:hover, 
table.mini_calendar tr td.weekend a:hover {
	background: 				#F3F3F3 url('../images/calendar/calendar_weekend_bg_hover.gif') left top repeat-x;
}
div#content div.page table.calendar tr td.date_has_event a, 
table.mini_calendar tr td.date_has_event a {
	background:					#5CA5ED url('../images/calendar/calendar_date_has_event_bg.gif') right bottom no-repeat;
	color: 						#FFF !important;
	border:						1px solid #0057CE;
	width:						24px;
	padding:					3px 0;
}
div#content div.page table.calendar tr td.date_has_event a:hover, 
table.mini_calendar tr td.date_has_event a:hover {
	background:					#448EE6 url('../images/calendar/calendar_date_has_event_bg_hover.gif') right bottom no-repeat;
} 
div#content div.page table.calendar tr td.padding, 
table.mini_calendar tr td.padding {
	background: 				#A1C7FF;
}
div#content div.page table.calendar tr td.today a, 
table.mini_calendar tr td.today a,
div#content div.page table.calendar tr td.date_has_event a.today, 
table.mini_calendar tr td.date_has_event a.today {
	background:					#EDC45A url('../images/calendar/calendar_today_bg.gif') right bottom no-repeat;
	color: 						#FFF !important;
	border:						1px solid #E36500;
	width:						24px;
	padding:					3px 0;
}
div#content div.page table.calendar tr td.today a, 
div#content div.page table.calendar tr td.date_has_event a, 
div#content div.page table.calendar tr td.date_has_event a.today {
	width:						59px;
	padding:					16px 0;
}
div#content div.page table.calendar tr td.today a:hover, 
table.mini_calendar tr td.today a:hover,
div#content div.page table.calendar tr td.date_has_event a.today:hover, 
table.mini_calendar tr td.date_has_event a.today:hover {
	background:					#E6B243 url('../images/calendar/calendar_today_bg_hover.gif') right bottom no-repeat;
}
div#content div.page table.calendar tr td div.events {
	position: 					absolute;
	z-index:					999;
}
div#content div.page table.calendar tr td div.events ul {
	text-align: 				left;
	position: 					absolute;
	display: 					none;
	z-index: 					1000;
	padding: 					15px 15px 10px;
	background: 				#C8D4E6 url('../images/calendar/popup.png') no-repeat;
	color: 						white;
	border: 					1px solid white;
	font-size: 					0.6em;
	line-height:				1em;
	width: 						200px;
	-moz-border-radius: 		3px;
	-khtml-border-radius: 		3px;
	-webkit-border-radius: 		3px;
	-border-radius: 			3px;
	list-style: 				none;
	color: 						#444444;
	-webkit-box-shadow: 		0px 8px 8px #333;
}
div#content div.page table.calendar tr td div.events li {
	padding-bottom: 			5px;
}
div#content div.page table.calendar tr td div.events li a {
	margin:						0;
	padding:					0;
	border:						0;
	background:					transparent !important;
	display:					inline;
}
div#content div.page table.calendar tr td div.events li a:hover {
	color:						#F7F7F7 !important;
}
div#content div.page table.calendar tr td div.events li a img {
	padding:					0;
	margin:						0 10px 5px 0;
	border:						2px solid #0C3675;
}
div#content div.page table.calendar tr td div.events li p.title a {
	font-weight: 				bold;
	width:						160px;
	background:					0;
	padding:					0 0 5px;
	color:						#555;
}
div#content div.page table.calendar tr td div.events li p {
	color: 						#555;
	background:					transparent;
	margin:						0 0 5px;
	padding:					0;
	font-size:					1em;
}