/*-----------------------------------------------------------------------------
Web Site:			<..>

CteatedDate:		00.00.2008
Autor:				<..>

LastChangedDate:	00.00.2008
LastChangedBy:		<..>
-----------------------------------------------------------------------------*/

@import url(generic/helper.css);
@import url(navigation/primary.css);
@import url(navigation/secondary.css);
@import url(navigation/footer.css);
@import url(modules/contactus.css);



/* =General
-----------------------------------------------------------------------------*/
* {	margin: 0; padding: 0;}

td, input, textarea, select {
	font-family: Arial, Helvetica, Tahoma, sans-serif; 
	font-size: 1em; 
	margin:0px; padding:0px;
	}



/* =Typography
-----------------------------------------------------------------------------*/
body{
	color: #fff;
	background: #000 url(/images/mainBg.jpg) no-repeat top center;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	}
body.nonebg{ background:none;}
html, body, form{
	width:100%;
	height:100%;
	overflow:hidden;
	}

p 				{padding: 6px 0;}
a, a:visited	{color: #fff; text-decoration: underline;}
a:hover 		{color: #fff; text-decoration: none; cursor:pointer;}

:focus{ outline-style:none;}

/* =Headings
-----------------------------------------------------------------------------*/
h1{
	font-size: 2.8em;
	color: #fff;
	line-height:1em;
	padding: 0 0 8px 16px;
	font-weight:normal;
	border-bottom:1px solid #50838C;
	}
h2{
	font-size: 2.2em;
	font-weight: normal;
	color: #fff;
	padding: 8px 0 10px 0;
	}
h3{
	font-size: 1.8em;
	font-weight: normal;
	color: #fff;
	padding: 5px 0;
	}
h4{
	font-size: 1.6em;
	font-weight: normal;
	color: #fff;
	padding: 5px 0;
	}
h5{
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	padding: 2px 0;
	}
span.border{
	display:block;
	font-size:2.2em;
	line-height:1em;
	margin:20px;
	padding:0 10px 12px 23px;
	border-bottom:1px solid #50838C;
	}
#primary-content span.border,
#primary-content .alignCenter {
	position:relative;
	margin-left:-23px;
	}	
#primary-content .alignCenter{margin-left:-43px;}	
table{
	font-size:1.2em;
	margin-bottom:20px;
}


/* =Main container boxes
-----------------------------------------------------------------------------*/
.layout{
	width:100%;
	height:100%;
	overflow:auto;
	position:relative;
	}
.container{
	width: 960px;
	w\idth:940px;
	padding:0 9px 0 11px;
	margin: 0px auto;
	text-align: left;
	}
#header-inner{
	height: 229px;
	}
#content{
	width:940px;
	padding-bottom:261px;
	}
body.home #content{
	position:relative;
	margin-top:-32px;
	z-index:1;
	padding-bottom:0px;
	}
	#primary-content{
		float: right;
		width: 652px;
		padding-left:43px;
		}
		#primary-content h1{
			position:relative; 
			margin-top:-26px;
			margin-left:-23px;
		}
		#primary-content .event-detail h1{margin-left:0;}
		#primary-content h2.thanks{
			margin-left:-23px;
			margin-top:-23px;
			position:relative;
		}
		/*#primary-content img{ text-align:center; margin:0 auto;}*/
		#primary-content h3{
			margin:0 20px 0 0;
			padding:5px 10px 20px 0;			
			}
		#primary-content p{
			margin:0 20px 0 0;
			padding:0 10px 20px 0;
			font-size:1.4em;
			line-height:1.5em;
			}
		#primary-content ul,
		#primary-content ol{
			margin:0 20px 20px 0;
			font-size:1.4em;
			line-height:1.5em;
			list-style-position:inside;			
			}		
		#primary-content ul ul,
		#primary-content ul ul ul{
				font-size:1em;
				margin:10px 20px 10px;
				list-style-type:disc;
			 	}	
	#secondary-content{
		float: left;
		width: 245px;
		}
		#secondary-content p{
			font-size:1.4em;
			padding:0 5px 20px 16px;
			}
	#secondary-content p.large{font-size:1.6em;}	
	#secondary-content h1{ margin-bottom:14px;}	
#additional-content{
	width:190px;
	float:right;
	border:1px solid #cccccc;
}

body.three-column #primary-content{
	width:300px;
}



/* =Branding
-----------------------------------------------------------------------------*/
a.logo{
	float:left;
	overflow: hidden;
	width: 276px; 
	height: 122px;
	text-indent: -999em;
	background: url(/images/logoBg.png) no-repeat left bottom;
	margin: 61px 0 0px 0px;
	}

/* = Content
-----------------------------------------------------------------------------*/
a.marginRight{margin:0 20px 0 0; float:left;}



/* =Breadcrumb
-----------------------------------------------------------------------------*/
.breadcrumbs{
	text-align:right;
	font-size:1.2em;
	padding:0 20px 0 0;
	position:relative;
	z-index:2;
	}
	.breadcrumbs a{
		color:#86FFFD !important;
		text-decoration:none !important;
		}
	.breadcrumbs a:hover{text-decoration:underline !important;}
	.breadcrumbs span{padding:0 3px;}
/* =Footer
-----------------------------------------------------------------------------*/
.footer-gallery{
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	width:100%;
	background:url(/images/footerBg.png) no-repeat top center;
	}
.footer-gallery #footer{
	width: 960px;
	w\idth:940px;
	padding:10px 9px 10px 11px;
	overflow:hidden;
	margin: 0px auto;
	text-align: left;
	}	
#footer{
	clear:both;
	padding:10px 0;
	overflow:hidden;
	font-size:1.2em;
	/*background:url(/images/footerBg.png) no-repeat top center;*/
	}
	#footer .floatLeft{
		width: 480px;
		}
		
	#footer .floatLeft p{padding:14px 0 12px; float:left;}	
	#footer a.createdBy,
	#footer a.plus,
	#footer a.minus{
		display: block;
		float:right;
		margin:11px 0 0 10px;
		width: 100px; 
		height: 16px;
		overflow: hidden;
		background: url(/images/fuse8logo.png) no-repeat right top;
		text-indent: -9999em;
		}
	#footer a.plus,
	#footer a.minus{
		background:url(/images/png/plus.png) no-repeat right top;
		height:40px;
		width:40px;
		margin:1px 0 0;
		cursor:pointer;
	}
	#footer a.minus{
		background:url(/images/png/minus.png) no-repeat right top;
		}			
	#footer .floatRight{
		width: 191px;
		}


/* = Join 
-----------------------------------------------------------------------------*/
.grey-bg{background: url(/images/png/greyBg.png) repeat transparent !important;}
.join{ 
	text-align:left;
	padding:14px 14px 10px 17px;
 	}
 	.join p{
 		padding:0 20px 0 0;
 		font-size:1.2em;
		line-height:1.5em;
 		}
	.join p.title{
		padding:0;
		font-size:2em;
		}
	.join p.normal{padding:0 20px;}
	.join fieldset{
		border:none;
		background:url(/images/png/joinbg.png) no-repeat left -40px;
		height:40px;
		margin-top:6px;
		position:relative;
	}
	.join fieldset.hovers{
		background:url(/images/png/joinbg.png) no-repeat left 0px;
	}
	.join input{
		border:none;
		color:#fff;
		background:none;
		font-size:1.4em;
		}
		.join input.text{
			position:absolute;
			top:5px;
			left:0;
			width:175px;
			width:165px;
			padding:7px 0 0 10px;
			}
		.join input.submit{
			position:absolute;
			top:0;
			right:0;
			width:40px;
			height:40px;
			}	
/* =Event  list
-----------------------------------------------------------------------------*/		
#primary-content ul.lists{
	list-style:none; 
	overflow:hidden;
	position:relative;
	margin:0 0 0 -23px;
	font-size:1em;
	}	
	li.event-item{
		border-bottom:1px solid #50838C;
		float:left;
		width:634px;
		padding:20px 20px 13px 18px;
		}
		#primary-content li.event-item img{
			float:right;
			margin:24px 0 0 40px;
			}
		#primary-content li.event-item a.floatRight img{float:none;}	
		#primary-content li.event-item p{
			line-height:1.5em;
			clear:left;
			margin:0;	
			padding:0 20px 6px 0;		
		}
		li.event-item h2{
			display:block;
			float:left;
			font-size:2.2em;
			margin-bottom:13px;
			padding-bottom:1px;
			line-height:normal; 
			}
		li.event-item h3{
			clear:left;
			margin-bottom:7px;
			}
		li.event-item table{clear:left;}
		a.event-title,
		a:visited.event-title{line-height:normal; text-decoration:none;}	
		a:hover.event-title{
			color: #86FFFE;
			border-bottom:1px dotted #86FFFD;
			padding-bottom:0;
		}
#primary-content .event-detail p{
	padding:0 40px 10px 0px;
	line-height:1.5em;
	
}
#primary-content .event-detail ul{
	font-size:1.4em;
	line-height:1.5em;
	padding:10px 40px 10px 16px;
	list-style-position:inside;
	}

#primary-content .event-detail p.large{font-size:1.6em;}
#primary-content .event-detail h1{
	margin-top:0;
	font-size:2.2em;
	border-bottom:none;
	padding:0 0 16px 0;
}
#primary-content .event-detail img{
	float:right;
	margin:10px 0 10px 10px;
	}		
.switch-nav{padding:40px 20px;}	
.switch-nav a.prev,
.switch-nav a.next{
	display:block;
	font-size:1.4em;
	text-decoration:none;
	font-weight:bold;
	}
.switch-nav a:hover.prev,
.switch-nav a:hover.next{
	color: #86FFFE;
	}
.switch-nav a.prev strong,
.switch-nav a.next strong{padding-bottom:1px;}	
.switch-nav a:hover.prev strong,
.switch-nav a:hover.next strong{
	border-bottom:1px dotted #86FFFD;
	padding-bottom:0px;
	}	
.switch-nav a.prev{float:left;}
.switch-nav a.next{float:right;}	
/* =Sitemap
-----------------------------------------------------------------------------*/
#sitemap ul{
	margin-left: 0px;
	padding-left: 15px;
	}
#sitemap ul li{
	margin-left: 0px;
	padding: 2px 0;
	}
/* = google map
----------------------------------------------------------------------------*/
#map {
	height:400px;
	margin:0 0 20px;
	font-size:1.2em;
	line-height:1.5em;
	width:461px;
	}
	#mapLinks {
		color:#000000;
		padding-right:10px;
		width:210px;
		}
	#mapLinks strong, 
	#mapLinks a {
		display:block;
		}		
		
/* = hacard
------------------------------------------------------------------------------*/
.vcard{font-size:1.2em;}
	.vcard dt{float:left}
	#primary-content .vcard ul{
		font-size:1em;
		list-style-type:none;
		}
		#primary-content .vcard ul li {
		float:left; width:100%;}
		#primary-content .vcard ul li.region,
		#primary-content .vcard ul li.postal-code{display:inline !important; width:auto;}
.fn.org{font-weight: bold}