#articleVisual {
	position: relative;
	width:618px;
	height:200px;
}



.firstArticle{
	position:relative;
	width:618px;
	height:200px;
	overflow:hidden;
	z-index:1;
}

.firstArticle img {visibility:hidden; position:relative; width:618px; height:200px; display:block;}

.firstArticle img:first-child {visibility:visible;}


BODY {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px;  LINE-HEIGHT: 1.5;  MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: helvetica, sans-serif; /*BACKGROUND:url('../images/fritzbk.jpg') #000119 no-repeat left top; */COLOR: #000000; FONT-SIZE: 11px; PADDING-TOP: 0px; /*overflow:hidden;*/overflow:auto; overflow-x:hidden; background-color:#faf6dd; }
IMG {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
A {
	COLOR: #004760; TEXT-DECORATION: none
}
A:hover {
	color:#d0a14c /*BORDER-BOTTOM: #d0a14c 1px solid*/
}
H1 {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.5; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #d0a14c; FONT-SIZE: 14px; PADDING-TOP: 0px
}
H2 {
	PADDING-BOTTOM: 0px;  LINE-HEIGHT: 1.5; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #d0a14c; FONT-SIZE: 12px; FONT-WEIGHT:bold; PADDING-TOP: 0px
}



H2 A {
	COLOR: #d0a14c; TEXT-DECORATION: none
}
H2 A:hover {
	color:#004760 /*BORDER-BOTTOM: #d0a14c 1px solid*/
}



H4 {
	PADDING-BOTTOM: 0px;  LINE-HEIGHT: 1.5;  MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #004760; FONT-SIZE: 10px; FONT-WEIGHT:bold; PADDING-TOP: 0px
}

H3 {
	COLOR: #fff
}
P {
	LINE-HEIGHT: 1.5; FONT-SIZE: 1em
}
#header {
	WIDTH: 400px; FLOAT: left
}
#menucontainer {
	Z-INDEX: 500; POSITION: fixed; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; CLEAR: both; TOP: 20px; PADDING-TOP: 0px; LEFT: 0px; background-image:url('../images/navigation/topnavbk.png');width:100%!important;
}

#menu {
	width:1000px!important;
}
#menu UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#menu UL LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; DISPLAY: inline; COLOR: #777; PADDING-TOP: 0px
}
#menu A:hover {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
#container {
	POSITION: absolute; WIDTH: 24000px; TOP: 155px; LEFT: 0px;
}
#contactcontainer {
	POSITION: absolute; WIDTH: 800px; TOP: 155px; LEFT: 0px
}
.box {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 100px; PADDING-RIGHT: 0px; FLOAT: left;  /*WIDTH: 500px; */MARGIN-LEFT: /*1300px*/1300px; PADDING-TOP: 0px; color:black!important;
}


.home {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 100px; PADDING-RIGHT: 0px; FLOAT: left;  /*WIDTH: 500px; *//*MARGIN-LEFT: 1300px*/; PADDING-TOP: 0px; color:black!important;
}


.stepcarousel {
	BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; WIDTH: 580px; HEIGHT: 400px; OVERFLOW: scroll; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
.stepcarousel .belt {
	POSITION: absolute; TOP: 0px; LEFT: 0px
}
.stepcarousel .panel {
	MARGIN: 0px; WIDTH: 580px; FLOAT: left; OVERFLOW: hidden
}
#dhtmltooltip {
	Z-INDEX: 100; BORDER-BOTTOM: #d0a14c 1px solid; POSITION: absolute; BORDER-LEFT: #d0a14c 1px solid; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #faf6dd; PADDING-LEFT: 2px; WIDTH: 150px; PADDING-RIGHT: 2px; VISIBILITY: hidden; BORDER-TOP: #d0a14c 1px solid; BORDER-RIGHT: #d0a14c 1px solid; PADDING-TOP: 2px; LEFT: -300px
}
#dhtmlpointer {
	Z-INDEX: 101; POSITION: absolute; VISIBILITY: hidden; LEFT: -300px
}
#contact-area INPUT {
	BORDER-BOTTOM: #d0a14c 1px solid; BORDER-LEFT: #d0a14c 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 10px; PADDING-LEFT: 2px; WIDTH: 200px; PADDING-RIGHT: 2px; FONT-FAMILY: Helvetica, sans-serif; BACKGROUND: #08224a; COLOR: #fff; FONT-SIZE: 12px; BORDER-TOP: #d0a14c 1px solid; BORDER-RIGHT: #d0a14c 1px solid; PADDING-TOP: 2px
}
#contact-area TEXTAREA {
	BORDER-BOTTOM: #d0a14c 1px solid; BORDER-LEFT: #d0a14c 1px solid; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 10px; PADDING-LEFT: 2px; WIDTH: 200px; PADDING-RIGHT: 2px; FONT-FAMILY: Helvetica, sans-serif; BACKGROUND: #08224a; COLOR: #fff; FONT-SIZE: 12px; BORDER-TOP: #d0a14c 1px solid; BORDER-RIGHT: #d0a14c 1px solid; PADDING-TOP: 2px
}
#contact-area TEXTAREA {
	HEIGHT: 90px
}
#contact-area TEXTAREA:focus {
	BORDER-BOTTOM: #08224a 1px solid; BORDER-LEFT: #08224a 1px solid; BORDER-TOP: #08224a 1px solid; BORDER-RIGHT: #08224a 1px solid
}
#contact-area INPUT:focus {
	BORDER-BOTTOM: #08224a 1px solid; BORDER-LEFT: #08224a 1px solid; BORDER-TOP: #08224a 1px solid; BORDER-RIGHT: #08224a 1px solid
}
#contact-area INPUT.submit-button {
	WIDTH: 100px; FLOAT: right
}


#footer {
	Z-INDEX: 500; POSITION: fixed; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT:0px; PADDING-RIGHT: 0px; FLOAT: left; CLEAR: both; PADDING-TOP: 0px; LEFT: 0px; TOP: 600px;width:100%!important;
}

table.events tbody tr td{font-size:11px;padding-bottom:10px;}

div.eventdate{ font-weight:bold;color:#004760;padding-bottom:5px;}

.item {
	width:200px;
	height:200px;	
	border:4px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.item .caption {
	width:200px;
	height:200px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.item .caption p {
	padding:5px;	
	margin:0;
	font-size:10px;
}

.imgx {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}