/* =====================================================
Table of content
========================================================
1.	Global reset
2.	Structure
3.	Headers
4.	Calendar
5.	Quicklinks
6.	Campaigns
7.	Navigation
8.	Footer
9.	Content
10.	Search
11.	Settings
12.	Misc

/* =====================================================
1.	Global reset
===================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:				0;
	padding:			0;
	border:				0;
	outline:			0;
	font-weight:		inherit;
	font-style:			inherit;
	font-size:			100%;
	font-family:		inherit;
	vertical-align:		baseline;
}
:focus {
	outline:			0;
}
body {
	line-height:		1;
	color:				#000;
	background:			#fff;
}
table {
	border-collapse:	separate;
	border-spacing:		0;
	margin-bottom:		1em;
}
caption, th, td {
	text-align:			left;
	font-weight:		normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:			"";
}
blockquote, q {
	quotes:				"" "";
}
html {
	height:				100.01%;
}
html, body {
	background:			#b5b8bc;
	color:				#000;
	font-family:		Verdana, Tahoma, Arial, sans-serif;
	font-size:			82%;
	line-height:		1.25em;
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight:		bold;
}
p {
	margin:				0 0 1em 0;
}
a:link,
a:visited,
a:active {
	color:				#00278B;
}
a:hover,
a:focus {
	background:			#00278B;
	color:				#fff;
}
.clClear {
	clear:				both;
}
.clSlideHide {
	display:			none;
	height:				0;
}
.clSlideShow {
	display:			block;
}
/* =====================================================
2.	Structure
===================================================== */
#iWrapper {
	margin:				0 auto;
	width:				897px;
	border-left:		2px solid #000;
	border-right:		1px solid #000;
	border-bottom:		1px solid #000;
}
#iHeader {
	position:			relative;
	background:			url(../i/header.gif) no-repeat #fff;
	width:				897px;
	height:				140px;
	color:				#000;
}
#iContentWrapperStart {
	background:			url(../i/bg-thickline-new.gif) repeat-y bottom #87ccdf;
	padding-bottom:		5px;
	color:				#000;
}
#iContentWrapper {
	background:			url(../i/bg.gif) repeat-y #fff;
	color:				#000;
	min-height:			737px;
}
#iContentWrapperWide {
	background:			url(../i/bg-wide.gif) repeat-y #fff;
	color:				#000;
	min-height:			737px;
}
#iMenuColumn {
	position:			relative;
	float:				left;
	width:				200px;
	margin-right:		33px;
}
#iMainAndSidebar {
	float:				left;
	width:				663px;
}
#iMainContentHolder {
	background:			transparent;
	float:				left;
	width:				360px;
	padding:			17px 39px 0 0;
	overflow:			hidden;
}
#iMainContentHolderWide {
	background:			#fff;
	float:				left;
	width:				624px;
	padding:			17px 39px 0 0;
	overflow:			hidden;
}
#iSidebarContent {
	float:				left;
	width:				264px;
	overflow:			hidden;
}
#iLeftColumn {
	color:				#000;
	float:				left;
	width:				303px;
	border-left:		1px solid #000;
	border-right:		3px solid #57afd0;
}
#iRightColumn {
	color:				#000;
	float:				left;
	width:				588px;
}
#iRightColumnTop {
	background:			url(../i/fill-taktik.gif) bottom no-repeat;
	min-height:			169px;
	height:				auto !important;
	height:				169px;
	border-bottom:		3px solid #57afd0;
}
#iFooter {
	background:			#00278b;
	color:				#fff;
	padding:			5px 22px 4px 21px;
	border-left:		1px solid #000;
}
.clLeftColumnArea {
	border-top:			3px solid #57afd0;
}
.clRightColumnArea {
	float:				left;
	padding-bottom:		2em;
}
/* =====================================================
3.	Headers
===================================================== */
.clLeftColumnArea h2, .clRightColumnArea h2 {
	color:				#00278b;
	font-size:			130%;
	font-weight:		normal;
}
.clLeftColumnArea h2 {
	padding:			16px 23px 4px;
}
.clRightColumnArea h2 {
	padding:			17px 20px 9px;
}
.clLeftColumnArea h2.clDottedUnderline {
	color:				#00278b;
	font-size:			130%;
	font-weight:		normal;
	padding:			11px 23px 10px 23px;
	background:			url(../i/header-underline.gif) repeat-x bottom;
}
.clRightColumnArea h2.clDottedUnderline {
	color:				#00278b;
	font-size:			130%;
	font-weight:		bold;
	padding:			14px 20px 10px 20px;
	background:			url(../i/header-underline.gif) repeat-x bottom;
}
.clRightColumnArea h3 {
	margin:				10px 20px 3px;
	font-weight:		bold;
	color:				#00278b;
	font-size:			110%;
}
/* =====================================================
4.	Calendar
===================================================== */
#iCalendarArea {
	margin-top:			22px;
}
#iCalendarListing {
	margin:				15px 0 0 22px;
	list-style:			none;
}
#iCalendarArea p {
	padding-left:		22px;
}
#iCalendarArea li p {
	padding:			0;
}
#iCalendarListing li {
	padding:			2px 30px 10px 30px;
	background:			url(../i/dots-calendar.gif) top left no-repeat;

}
#iCalendarListing .clCalendarDate {
	color:				#00278b;
	font-weight:		bold;
	font-style:			italic;
}
#iCalendarListing a:link,
#iCalendarListing a:visited,
#iCalendarListing a:active {
	text-decoration:	none;
	color:				#000;
}
#iCalendarListing a:hover,
#iCalendarListing a:focus {
	text-decoration:	underline;
}
#iCalendarEventListing {
	padding-bottom:		2em;
}
#iCalendarEventListing li {
	padding:			1em 0;
}
#iCalendarEventListing li h2 {
	margin:				0;
	padding:			0;
}
#iCalendarEventListing li p {
	margin:				0;
	padding:			0;
}
#iCalendarListing li p a:hover {
	background:			transparent;
}
.clCalendar {
	width:				100%;
}
td.clCalendarItem, tr.clCalendarItem
{
	height:				2em;
	width:				2.2em;
	background-color:	#fff;
	border:				1px solid #F0E5CE;
}
td.clSelectedDateCell 
{
	border: 			2px solid #56afd0;
}
td.clDateCellOtherMonth 
{
	background-color:	#F0F0F0;
}
td.clWeekendCell
{
	background-color:	#DADADA;
}
td.clDateCellActive
{
	background-color:	#F0E5CE;
	border:				2px solid #95632F;
}
td.clDayWeekHeader
{
	color:				#333;
	border-style:		none;
}
/* =====================================================
5.	Quicklinks
===================================================== */
#iQuickLinkListingHeader {
	margin-right:		15px;
	background:			url(../i/quicklinks.gif) repeat-x bottom;
	padding:			11px 23px 12px;
}
#iQuickLinkListing {
	margin:				0 15px 30px 0;
	list-style:			none;
}
#iQuickLinkListing li {
	padding:			5px 0 7px 23px;
	background:			url(../i/quicklinks.gif) repeat-x bottom;
}
#iQuickLinkListing li a:link,
#iQuickLinkListing li a:active,
#iQuickLinkListing li a:visited {
	font-size:			105%;
	color:				#00278b;
	text-decoration:	none;
	display:			block;
	background:			transparent;
}
#iQuickLinkListing li a:hover,
#iQuickLinkListing li a:focus {
	text-decoration:	underline;
}
/* =====================================================
6.	Campaigns
===================================================== */
#iBookingCampaign {
	padding-bottom:		30px;
}
#iBookingCampaign p {
	padding:			2px 30px 0 24px;
}
.clRightColumnAreaLeft {
	width:				324px;
	padding-bottom:		30px;
	overflow:			hidden;
}
.clRightColumnAreaRight {
	width:				261px;
	overflow:			hidden;
}
.clRightColumnAreaLeft p, .clRightColumnAreaRight p {
	padding:			0 20px;
}
.clLeftFloatedImage {
	display:			inline;
	float:				left;
	margin:				15px 20px 5px;
}
.clRightFloatedImage {
	display:			inline;
	float:				right;
	margin:				0 0 20px 20px;
}
.clRightFloatedImage span {
	font-style:			italic;
	font-size:			95%;
	display:			block;
}
/* Museum area */
#iOnTheMuseumArea {
	background:			url(../i/header-bottom-start.gif) top left no-repeat;
	padding-top:		22px;
}
#iOnTheMuseumArea h2 {
	margin-bottom:		18px;
}
.clOnTheMuseumArea {
	clear:				both;
}
.clActivityAreaImage {
	float:				left;
	margin:				0 14px 0 20px !important;
	margin:				0 14px 0 10px;
	padding:			2px 0 18px 0 !important;
	padding:			2px 0 3px 0;
	width:				75px;
}
.clActivityAreaImage img {
	border:				1px solid #fff;
}
.clActivityArea {
	float:				left;
	width:				205px;
	padding-bottom:		3px;
}
.clActivityArea h3 {
	margin:				0;
	padding:			0;
}
.clActivityArea p {
	margin:				0 0 0.5em 0;
	padding:			0;
}
/* Visitor info */
#iVisitorInfo {
	margin:				17px 20px;
}
#iVisitorInfo dt {
	font-weight:		bold;
	padding:			0 0 5px 28px;
	background:			url(../i/dots.gif) no-repeat top left;
}
#iVisitorInfo dd {
	padding:			0 0 10px 28px;
}
#iVisitorInfoArea {
	background:			url(../i/header-bottom-start.gif) top right no-repeat;
	padding-top:		22px;
}
.clRandomCampaign {
	padding:			20px 20px 20px 27px;
}
.clRandomCampaign h2 {
	color:				#012792;
	font-size:			105%;
}
.clCampaignImportant {
	background:			url(../i/bg-campaign.gif) repeat-x bottom left #f2ee97;
	padding:			17px 29px;
	margin-left:		1px;
}
.clCampaignImportant h2 {
	color:				#e50619;
	margin-bottom:		10px;
	font-size:			120%;
}
.clCampaignPlain {
	padding:			17px 29px 17px 30px;
	background:			url(../i/bg-campaign.gif) repeat-x bottom left;
}
.clCampaignPlain h2 {
	color:				#000;
	margin-bottom:		10px;
	font-size:			120%;
}
.clCampaignImage {
	padding-bottom:		17px;
	background:			url(../i/bg-campaign.gif) repeat-x bottom left;
}
.clCampaignImage img {
	margin-bottom:		14px;
}
.clCampaignImage h2 {
	position:			absolute;
	left:				-9999px;
}
.clCampaignImage p {
	margin:				0 29px;
}
/* =====================================================
7.	Navigation
===================================================== */
#iMainNav {
	position:			absolute;
	top:				119px;
	left:				25px;
}
#iMainNav li {
	display:			inline;
}
#iMainNav li a:link,
#iMainNav li a:visited,
#iMainNav li a:active {
	background:			#e6061a;
	color:				#fff;
	margin-right:		20px;
	font-size:			11px;
	font-weight:		bold;
	text-decoration:	none;
}
#iMainNav li a:hover,
#iMainNav li a:focus {
	text-decoration:	underline;
}
#iMainNav li.clTopMenuSelected a:link,
#iMainNav li.clTopMenuSelected a:visited,
#iMainNav li.clTopMenuSelected a:active,
#iMainNav li.clTopMenuSelected a:hover,
#iMainNav li.clTopMenuSelected a:focus {
	text-decoration:	underline;
}
#iSpecialMenu {
	position:			absolute;
	top:				119px;
	left:				717px;
}
#iSpecialMenu li {
	display:			inline;
}
#iSpecialMenu li.clFirstItem {
	border-right:		1px solid #fff;
}
#iSpecialMenu li a:link,
#iSpecialMenu li a:visited,
#iSpecialMenu li a:active {
	background:			#e6061a;
	color:				#fff;
	margin-right:		6px;
	font-size:			11px;
	text-decoration:	none;
	padding-left:		4px !important;
	padding-left:		8px;
}
#iSpecialMenu li a:hover,
#iSpecialMenu li a:focus {
	text-decoration:	underline;
}
#iSpecialMenu li.clFirstItem a:link,
#iSpecialMenu li.clFirstItem a:visited,
#iSpecialMenu li.clFirstItem a:active {
	margin-left:		15px;
	padding-left:		0;
}
#iExtraTopMenu {
	background:			url(../i/nav-bg.gif) repeat-y;
	width:				200px;
	list-style:			none;
	margin:				0;
	padding-top:		21px;
	/*border-bottom:		1px solid #000;*/
}
#iExtraTopMenu li {
	border-top:			1px solid #fff;
	float:				left;
	width:				200px;
	overflow:			hidden;
}
#iExtraTopMenu li a {
	padding:			5px 5px 5px 25px;
	color:				#000;
	text-decoration:	none;
	display:			block;
	background:			url(../i/nav-bg-special.gif) left repeat-y;
}
#iExtraTopMenu li a:hover,
#iExtraTopMenu li a:focus {
	background:			url(../i/nav-bg-special-selected.gif) left repeat-y;
}
#iSubNav {
	background:			url(../i/nav-bg.gif) repeat-y;
	padding:			21px 0 0 0;
}
#iSubNav ul {
	width:				200px;
	overflow:			hidden;
	list-style:			none;
	background:			#56afd0;
	margin:				0;
	padding:			0;
	border-bottom:		1px solid #fff;
}
#iSubNav ul li {
	border-top:			1px solid #fff;
	float:				left;
	width:				200px;
}
#iSubNav ul li a {
	padding:			2px 5px 5px 25px;
	color:				#000;
	text-decoration:	none;
	display:			block;
	background:			url(../i/nav-bg.gif) left repeat-y;
}
#iSubNav ul li a.clMenuSelected {
	background:			url(../i/nav-bg-selected.gif) left repeat-y #c1e7ea;
}
/* Second level */
#iSubNav ul li ul {
	border:				0;
}
#iSubNav ul li ul li {
	margin:				0;
}
#iSubNav ul li ul li a {
	padding:			1px 5px 4px 40px;
	font-size:			95%;
	display:			block;
	background:			url(../i/nav-bg-2.gif) left repeat-y;
}
#iSubNav ul li ul li a:hover,
#iSubNav ul li ul li a:focus,
#iSubNav ul li ul li a.clMenuSelected {
	background:			url(../i/nav-bg-selected-2.gif) left repeat-y;
}
/* Third level */
#iSubNav ul li ul li ul {
	border:				0;
}
#iSubNav ul li ul li ul li {
	margin:				0;
}
#iSubNav ul li ul li ul li a {
	padding:			1px 5px 4px 55px;
	display:			block;
	background:			url(../i/nav-bg-3.gif) left repeat-y;
}
#iSubNav ul li ul li ul li a:hover,
#iSubNav ul li ul li ul li a:focus,
#iSubNav ul li ul li ul li a.clMenuSelected {
	background:			url(../i/nav-bg-selected-3.gif) left repeat-y;
}
/* Fourth level */
#iSubNav ul li ul li ul li ul {
	border:				0;
}
#iSubNav ul li ul li ul li ul li {
	margin:				0;
}
#iSubNav ul li ul li ul li ul li a {
	padding:			1px 5px 4px 70px;
	display:			block;
	background:			url(../i/nav-bg-4.gif) left repeat-y;
}
#iSubNav ul li ul li ul li ul li a:hover,
#iSubNav ul li ul li ul li ul li a:focus,
#iSubNav ul li ul li ul li ul li a.clMenuSelected {
	background:			url(../i/nav-bg-selected-4.gif) left repeat-y;
}
#iSubNav ul a:hover,
#iSubNav ul a:focus {
	background:			url(../i/nav-bg-selected.gif) left repeat-y #c1e7ea;
}
/* =====================================================
8.	Footer
===================================================== */
#iFooter p {
	font-size:			85%;
	margin:				0;
}
/* =====================================================
9.	Content
===================================================== */
#iMainAndSidebar h1 {
	background:			url(../i/header-bottom.gif) top right no-repeat;
	padding:			22px 0 21px 0;
	font-size:			140%;
	color:				#012792;
}
#iMainAndSidebar h2 {
	padding:			22px 0 13px 0;
	font-size:			120%;
	color:				#012792;
}
#iMainContentHolder ol, #iMainContentHolder ul {
	margin-left:		2em;
	padding-left:		1em;
}
.clPageProperties {
	width:				100%;
	margin:				2em 0;
	color:				#999;
}
.clImageCaption {
	font-style:			italic;
}
img.clLeftFloatingImage
{
	margin:				1em 1em 1em 0;
	float:				left;
}
img.clRightFloatingImage {
	margin:				1em 0 1em 1em;
	float:				right;
}
/* =====================================================
10.	Search
===================================================== */
#iSearchString {
	width:				250px;
}
#iSearchButtonSubmit {
	width:				75px;
}
#iSearchResult {
	padding-bottom:		3em;
}
#iTblSearchResult thead tr th {
	font-weight:		bold;
}
#iSearchForm {
	position:			absolute;
	left:				622px;
	top:				100px;
	background:			url(../i/bg-searchform2.gif) no-repeat;
	width:				209px;
	height:				40px;
}
#iSearchFormClose {
	position:			absolute;
	left:				167px;
	top:				5px;
}
#iSearchForm form div input {
	font-size:			11px;
	font-family:		Verdana,Tahoma,Arial,sans-serif;
}
#xStr {
	position:			absolute;
	left:				15px;
	top:				20px;
	background-color:	#f0ed9a;
	border:				1px solid #f0ed9a;
	height:				11px;
	width:				147px;
}
#iSearchButton {
	left:				164px !important;
	left:				175px;
	position:			absolute;
	border:				0;
	background:			#f5904a;
	top:				19px !important;
	top:				20px;
}
/* =====================================================
11.	Settings
===================================================== */
#iTblSettings {
	margin:				2em 0;
	width:				100%;
}
#iTblSettings thead tr th {
	font-weight:		bold;
	padding:			5px;
	background:			#78aece;
	color:				#fff;
	width:				33%;
}
#iTblSettings tbody tr td {
	padding:			5px;
}
/* =====================================================
12.	Misc
===================================================== */
#iPreviewFrame {
	width:				350px;
	height:				300px;
	margin-bottom:		2em;
	padding:			10px;
}
#iBlueArch {
	height:				112px;
	width:				200px;
	clear:				both;
	background:			url(../i/blue-arch.gif) no-repeat;
}