@import url(../../Templates/UI/Css/Layout.css);


/********* GLOBALS *********/

* {margin:0;padding:0}
body {font-family:Century Gothic,Arial,SansSerif;font-size:.9em;}
a img,table {border:0}
dl,ol,ul {list-style:none}
button,select,textarea,input {font:100% serif;}
table {border-collapse:collapse}
caption,th,td {text-align:left}
/*h1,h2,h3,h4,h5,h6,p,ol,ul {margin:0 0 1em 0;}*/
h1,h2,h3,h4,h5,h6 { margin:0 0 0.5em 0; }
p,ol,ul{ margin:0 0 1em 0; }
h1{font-size:1.2em;text-transform:uppercase;}
h2{font-size:1.6em;}
h3{font-size:1em;font-weight:bold;}

/* colors */
#header h2 a { color:#fff; position: absolute; top: 60px; right: 50px; font-size: 0.9em; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration: underline;}
.cf{clear:both;}
.inputForm button
, .inputForm select
, .inputForm textarea
, .inputForm input
{
	width: 340px;
}

/********* PNGFIX *********/
img { behavior:url(../../Templates/UI/Css/iepngfix.htc); }

/********* LAYOUT *********/

body {background-color:#231F20;margin:0;} /*background: #fff url(bg.jpg) repeat-x top left; }*/
	#wrap 
	{
		position: relative;
		width:900px; 
		margin:1em auto; 
	}
		#header { height:120px; background:#a2a796 url(bannerbg.png) repeat-x; }
		#page1
		{ 
			background: #fff url(/Upload/bkgrd-white.jpg) repeat-y top left;
		}
		#page2
		,#page3
		,#page4
		,#big-question-yes
		,#big-question-no
		{ 
			background: #fff url(/Upload/bkgrd-ib.jpg) repeat-y top left;
			padding-bottom:1.5em;
		}
		
			#content {padding-bottom:10px;}
			.secondary { width:200px; margin-bottom:1px; }
			#menu { float:left; margin-bottom:15px; }
			#extras { float:right; }
			#main { padding:0 13px 0 5px; overflow: hidden; }
			#footer 
			{
				/*background: #fff url(bkgrd-footer.jpg) repeat-x top left;*/
				background-color: #e50278;
				color:#fff;
				font-size:.8em;
				height:22px;
				width:100%;
			}
				#footer .wrapper
				{
					background: #fff url(bkgrd-footer.jpg) repeat-x top left;
					float:left;
					height:37px;
					margin-top:10px;
					width:893px;
				}
				* html #footer .wrapper{height:26px;}
				#footer .n2{color:#a2a796;float:right;font-size:.8em;}
				#footer #ice{float:left;}
				#footer ul#links{background-color:#e50278;float:right;margin:3px 55px 0 0;}
					* html #footer ul#links{display:inline;}
					#footer ul#links li{float:left; padding-left:1em;}
				#footer a{color:#fff;}
				#footer a:visited{color:#fff;}

/*box*/
.secondary .box { _height:1px; padding-bottom:10px; }
	.boxTitle,
	.secondary h4 { background:#AF0000 url(boxredbg.png) repeat-x; margin:0; padding:5px 10px; color:#fff; }
		.secondary h4 a {color:#fff;}
	.secondary .box .inner { padding:10px 10px 0 10px; }

/********* WIDGETS *********/

/*top*/
#header { position:relative; margin-left: 5px; margin-right: 5px; }
	#header .siteHeader { margin:0; }
	/*#header .siteLogo { float:right; padding:20px 30px; }*/

/*secondary*/
.secondary .uc { margin-bottom:8px; }

/*menu*/
/*.topMenu { position:absolute; bottom:10px; left:20px; }*/
.topMenu { padding-left: 10px; background: url(buttonbg.png) repeat-x; font-size: 0.8em; overflow: hidden; }
	.topMenu li { float:left; }
	.topMenu li:first-child a {border-left: none;}
	.topMenu a,
	/*.topMenu a:visited { color:#fff; display:block; padding: 5px 10px 5px 10px; }*/
	/*.topMenu a:visited { color:#fff; display:block; padding: 5px 10px; margin:2px 0 0; border-left:2px solid #B90101; }*/
	.topMenu a:visited { color:#fff; display:block; padding: 5px 10px; margin:2px 0 0; }

	.topMenu .current a,
	.topMenu .trail a { font-weight:bold; background-color: #B90101; }

.languageMenu { position:absolute; bottom:10px; right:20px; }
	.languageMenu a { opacity:.4;}
	.languageMenu .current { cursor:default; opacity:1;}
	.languageMenu a:hover { opacity:1;}

.subMenu {}
	.menu ul ul { margin:0 0 5px 10px; }
	.subMenu a,
	.subMenu a { display:block; padding:4px 0; _height:1px; color:#000; font-size: 0.95em; border-bottom: solid 1px #B6B6B8; }
	.subMenu .trail > a { color:#B90101; }
	.subMenu .trail > a { color:#FFFFFF; font-weight:bold; background-color: #B90101; border-bottom:1px solid #AD0101; }
	.subMenu .current > a { color:#FFFFFF; font-weight:bold; background-color: #B70100; border-bottom:1px solid #B70100; }
	.subMenu ul .current > a { color:#B90101; font-weight:normal; background-color: Transparent; border-bottom:1px solid #B6B6B8; }
	.subMenu ul li.current > a { color:#B90101; }

	.subMenu ul { background-color: #808080; }
	.subMenu ul li a {color: #ffffff; padding-left: 10px;}
	.subMenu ul a:before {content:">\00a0\00a0"; font-weight:bold; font-size: 1.2em;}
	.subMenu ul .current > a:before { content:"v\00a0\00a0\00a0"; }



/* lists */
.list { padding-bottom:6px; background-position:50% 100%; }
	.list .item { padding:5px; }
    .list a { display:block; font-weight:bold; }
	.list .a0 { background: #f4f8ed url(list_dark.gif) no-repeat 50% -1px; }
	.list,
	.list .a1 { background: #fff url(list_light.gif) no-repeat 50% -1px; }

/* path */
.path { color:#666; display:none; font-size: .8em; margin-bottom:10px; }
#main .path a { color:#666; }
#main .path a:hover {color:#AF0000; font-weight: normal;}
#main .path a.current:hover { color:#000; cursor:default; text-decoration:none; }


/* sitemap */
#main ul { list-style:circle; margin-left:20px; }

/* content */
.introduction { font-size:1.1em; font-style:italic; }
.text {padding-left:.5em;}
	.borderTop
	,.borderBottom
	,.borderRight
	,.borderLeft
	{
		overflow:hidden;
	}
	.borderTop{border-top:dotted 1px #000;margin-top:1em;padding-top:.5em;}
	.borderBottom{border-bottom:dotted 1px #000;margin-bottom:1em;padding-bottom:1em;}
	.borderLeft{border-left:dotted 1px #000;margin-left:1em;padding-left:1em;}
	.borderRight{border-right:dotted 1px #000;}
.imageMargin{margin:.5em 0;}

/** date **/
.date { font-size:small; color:#666; display:block; }

/* columns */
.columns .left {float:left;}
.columns .right {float:right;}
	.columns .thin{width:33%;}
	.columns .wide{width:66%;}
	.columns .equal{width:49%;}
	/*.columns .purple{background:transparent url(bkgrd-transparent.png) repeat scroll left top}*/
	.columns .form
	{
		padding-left:0.5em;
		width:476px;
	}

/* login */
.login .tb { width:130px; }
.login .ff { margin-bottom:5px; }
.register td { padding:0 5px 5px 0; }

/* gallery */
.thumbnail { opacity:.4; }
.thumbnail:hover, .selected { opacity:1; }
#thumbnails {padding-bottom:10px;}
#thumbnails .text { display:none; }
.thumbnail {margin-bottom:10px;margin-right:5px;}

/* news */
.intro {font-size:1.1em;font-style:italic;}

/* comments */
.commentList { border-top:solid 1px #D0CFCB; margin-top:10px;}

/* IceBreaker */
.startPage div#main p { font-size: 1.4em; }
/*div.uc { font-size: 0.8em;}*/
#header div.uc {background:url(sloganbg.png) no-repeat top left;}
/*div#main p, div#main ul{ font-size: 0.8em;}*/
div#main .columns  p{ font-size: 1em;}

/*.startPage div#menu {padding-top: 5px;}*/
.box {border: solid 1px #C9C9C9;}

.secondNav {border: solid 6px #B70100; border-top: 2px; background-color: #ECECEE; padding-bottom: 0px;}
.secondNav .box .inner {padding: 0 0 2px 0px;}
.secondNav .box {border: none;}
.secondNav li a {padding-left: 5px; }

.secondNav h4 {display: none;}
.randomImage { border: solid 1px #C9C9C9; width: 198px; text-align:center;}
.linkImage { border: solid 1px #C9C9C9; width: 198px; text-align:center; }

/* Calendar */
.calendarTeaser .box .inner { padding:0;} 
.calendarTeaser th { font-size: 0.95em; font-weight:bold; }
table.calendar { width: 100% }
.calendarTeaser .calendar a { font-size: 0.95em; background-color: #ECECEE; margin: 2px; padding: 0;}
.calendarTeaser .selectedDay a {background-color: #CC0003; font-weight: normal;}
.calendarTeaser .selectedDay a:hover {font-weight: bold;}
table.calendar td.selectedDay {background: none !important; }

.secondary h4 { background: #AF0000 url(boxredbg.png) repeat-x; }
#content .secondary h4 { background: #000000 url(boxgreybg.png) repeat-x; }

/* Contact */


div.contact { position: absolute;}

/* Events */
.next-events .box {border-top: none; padding-bottom: 5px;}
.next-events .date {background: #FFFFFF url(calendar-icon2.png) no-repeat top left; width: 33px; height: 50px; color: #ffffff; text-align: center; float: left; margin-right: 5px; }
.next-events .dayofweek, .next-events .year {font-size: 0.9em; display: block;}
.next-events .day {font-size: 0.95em; font-weight: bold; width: 30px; display: block;}
.next-events h5 { float: left; font-size: 1em; margin: 0; padding: 0; width: 150px; }
.next-events .time { float: left; font-size: 1em; font-weight: bold; width: 150px;}
.next-events ul li {height: 50px; padding: 4px;}

/* Diary */
.diaryTeaser
{
	border-top: dotted 1px #000;
	color: #fff;
	margin: 1em 0 0 .5em;
	padding-top: 1em;
}
	.diaryTeaser .wrapper
	{
		background: #e59699 url(/Upload/bkgrd-diary.jpg) repeat-y top left;
	}
	.diaryTeaser h4
	{
		padding: 5px 0 5px 5px;
		text-transform: uppercase;
	}
	.diaryTeaser h5
	{
		/*padding-top:.8em;*/
		width: auto;
	}
	.diaryTeaser ul
	{
		clear:both;
		list-style: none !important;
		margin: 0 !important;
	}
	.diaryTeaser .next-events .date
	{
		background-color: #d2232a;
	}
	.diaryTeaser .separator
	{
		float:left;
		margin:.5em .2em 0 0;
	}
	
/*news*/
.secondary .newsBox
{
	padding-top: 5px;
}
.secondary .newsBox .box
{
	border: 0;
	padding: 0;
}
.secondary .newsBox .box .inner
{
	padding: 0;
}
.secondary .sidelist
{
	overflow: hidden;
	position: relative;
}
.secondary .sidelist .news a
{
	background: #000 url(boxgreybg.png) repeat-x;	
	clear: both;
	color: #fff;
	display: block;
	float: left;
	height: 2em;
	padding: 2px 0 0 4px;
	width: 100%;
}
* html .secondary .sidelist .news a
{
	width: 193px;
}
#content .secondary .sidelist .news a
{
	background: #AF0000 url(boxredbg.png) repeat-x;	
}
.secondary .sidelist .news img
{
	display: none;
	height: 75px;
	position: absolute;
	right: 0;
	top: 0;
}
.secondary .sidelist .highlighted img
{
	display: block;
}
.secondary .sidelist .highlighted a
{
	font-weight : bold;
}

/*image caption*/
div.imageCaption span 
{ 
	/*background: #000000 url(boxgreybg.png) repeat-x;*/
	background-color: #840265;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	padding: 15px 32px;
	text-align: right;
	width: 222px;
}

.button
{
	background-color: #AF0000;
	border: none;
	clear: both;
	color: #FFF;
	font-family: Arial;
	font-weight: bold;
	margin-right: 15px;
	padding: 5px 0;
	width: 75px;
}
.login
{
	float: left;
}
.submit
{
	float: right;
	margin-top:1em;
}
/* recaptcha */
#recaptcha_widget_div
{
	float: right;
	margin-top:1em;
	margin-right: 12px;
}

/* story menu */
.storyMenu
, .storyMenu .empty
, .storyMenu .full
{
	float: right;
	font-size:.8em !important;
	height: 44px;
	margin-bottom:10px;
	text-transform: uppercase;
}
.storyMenu{border-bottom: dotted 1px #000;}
	.storyMenu .empty
	{
		/*background: #fff url(bkgrd-paper-01.jpg) repeat top left;*/
		width:290px;
	}
	.storyMenu .full
	{
		background: #fff url(bkgrd-purple.jpg) repeat-y top left;
		width: 575px;
	}
		.storyMenu .full img
		{
			float: right;
		}
		.storyMenu .full h3
		{
			float: left;
			margin: 5px 0 0 60px;
			_margin-left: 40px;
		}
	.storyLink
	{
		border-left: dotted 1px #fff;
		float:right;
		margin-top: 5px;
		width: 8em;
	}
	.storyLink a
	{
		color: #fff;
		display: block;
		height: 25px;
		padding-left: 5px;
	}
	
/* page navigation */
.page-nav img
,.corner-br
{
	position: absolute;
}
	.prev img
	{
		left:0;
		top:0;
		width:43px;
	}
	.next img
	,.corner-br
	{
		bottom:0;
		right:0;
		width:51px;
	}
	* html .next img
	,* html .corner-br
	{
		width:50px;
	}
    .corner-br{display:none;}
.survey
{
	color:#fff;
	list-style: none !important;
	margin:0 !important;
}
	.survey li
	{
		padding:5px 0 5px 5px;
	}
	.light
	{
		background-color:#B10064;
	}
	.dark
	{
		background-color:#840265;
	}
	.survey a
	{
		color:#fff;
	}