/*----------------------
	HTML
----------------------*/
body {
	background-color: #000000;
	padding:0;
	/*background-image: url(../images/layout/bodybg.gif);
	background-repeat:repeat-x;
	background-position:top;*/
	font-family:tahoma,arial, helvetica, genova;
	

}
form {
padding:0;
margin:0;
}
h1,h2,h3,h4,h4,h6,h7{
font-family:Arial, Helvetica, sans-serif;
margin-bottom:8px;
margin-top:8px;
}
h1 {
font-size:14px;
text-transform:uppercase;

}
h2 {
font-size:12px;
text-transform:uppercase;
}
h3 {
font-size:1em;
}

img {
border:none;
padding:0;

}


/*-----------------------------
	FORM
-----------------------------*/


.submit {
font-size:11px;
font-family:tahoma;

}

.label{
font-family:arial;
font-size:6px;
font-weight:800;
color:#494949;

}
#error ul {
margin:15px;
padding:0;
color:red;
list-style-type: square;

}


/*----------------------
	Layout
----------------------*/
#layer {
position:absolute;
width:800px;
top:0;
left:50%;
margin-left:-400px;
border-top:none;

}

#container {
float:left;
border:1px solid #afafaf;
border-top:none;
overflow-x:hidden;

}


.containerBlur {
filter:alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;
}
#contentArea{
margin:10px;
white-space: normal;
}

#content {	
float:left;
width:100%;
color:#000000;	
font-size:11px;
line-height:15px;
background-color:#FFFFFF;
padding-bottom:10px;
width:800px;
overflow-y:visible;
}
.contentImage {


margin-left:5px;
margin-bottom:5px;

}
#content ul {
margin-left:15px;
padding:0;

}
#content  .spacer {
height:30px;

}
#content .desc {
	padding:2px;	
}
#content .reg {
	padding-right:20px;	
	color:red;
}

#content .last {
	padding:5px;
	
}
#content th {
	font-weight:100;
	color:#808080;
	border-bottom:1px solid #e4e4e4;
	white-space:pre;
	padding-left:5px;
	padding-right:5px;
	
}
#content a{
	text-decoration:underline;	
	color:#000000;
	}
#content a:hover{
	text-decoration:none;	
	
	}


#topmenu{
float:left;
width:100%;	
border-bottom:1px solid #afafaf;
background-color:#000000;

}

#topmenu ul {	
	margin: 0px 0 0 0px;
	padding: 0px 0 0px 0px;
	list-style-type: none;	

	}

#topmenu ul li {
	padding:0;
	margin:0;
	display:block;
	float:left;	
	}

#topmenu ul li a {
	float:left;
	display:block;
	background-image: url(../images/layout/menuitembg.gif);
	background-repeat:repeat-x;
	backgorund-color:#000000;
	width:82px;
	text-decoration:none;
	color:#FFFFFF;
	text-transform:lowercase;	
	text-align:center;
	
	border-right:1px solid #434343;
	font-family:tahoma;
	padding-top:50px;
	background-position:bottom;
	vertical-align: middle;
	padding-bottom:2px;
	font-size:11px;
	letter-spacing:2px;
	
	}

#topmenu ul li#menu_7 a {
    width:114px;
    border-right:0;
}

#topmenu ul li a:hover {
	
	background-color:#525252;
	}
#topmenu ul li a.active {
	
	background-color:#FFFFFF;
	}
#topmenu ul li a.active:hover {
	
	background-color:#FFFFFF;
	}


#footer{
float:left;
border-top:1px solid #afafaf;
width:100%;
padding-top:5px;
padding-bottom:5px;
color:#FFFFFF;
text-transform:lowercase;	
font-family:tahoma;
font-size:13px;
letter-spacing:2px;
}
#footer img {
padding-right:5px;

}
#vdnotice {
text-align:right;
color:#cccccc;
padding-top:5px;
}

#vdnotice a {
color:#333333;
font-size:11px;
text-decoration:none;
}



/*------------------
FORM
------------------*/
.formLabel {
padding-bottom:8px;
padding-right:10px;
vertical-align:middle;
}

.formInput {
vertical-align:middle;
padding-bottom:8px;
}
.formInput input {
border:1px solid #000000;
font-family:tahoma;
font-size:11px;
}
.formInput select {
border:1px solid #000000;
font-family:tahoma;
font-size:11px;
}
.formInput textarea {
border:1px solid #000000;
font-family:tahoma;
font-size:11px;

}
.formReg {
padding-bottom:8px;
color:#bb1818;
font-family:tahoma;
font-size:11px;
padding-left:5px;
vertical-align:middle;
}
.formSubmit input {
font-family:tahoma;
font-size:11px;

}
.formError {
color:#bb1818;
font-family:tahoma;
font-size:11px;
}
/* EVENT */
#event {
float:left;
white-space:normal
}

/*---- FRONTPAGE ---*/
#fpSubscrib {
margin-bottom:5px;
padding:5px;
width:350px;



}
/* GALLERI */

#newsCategories {
float:left;
width:100px;
}

#newsCategories ul {
margin:0;
padding:0;
text-transform:uppercase;
font-weight:bold;
list-style-type:none;
padding-bottom:5px;
}
#newsCategories ul li {
margin:0;
padding:0;
text-transform:lowercase;
font-weight:100;
list-style-type:none;
}
#newsCategories ul li a {
text-decoration:none;
}

#newsCategories ul li .active {
color:#bb1818;
text-transform:uppercase;
}


#newsImages {
float:left;
border-left:1px solid #000000;
margin-left:10px;
padding-left:10px;

}
#newsImages img {
padding:0;
margin:0;
border:none;

}

#displayImage {
border:1px solid #777777;
padding:0px;
position:absolute;
visibility:hidden;
left:50%;
top:50%;
z-index:150;
background-color:#FFFFFF;
}
.galleriImage {
float:left;
border:1px solid #777777;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
padding-bottom:0;
padding:0px;
margin:0;
}
.galleriImageHover {
padding:0px;
border:1px solid #777777;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
}
.galleriImageHover img {
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
padding:0px;
}
.galleriCell {
padding:5px;

}
/*--------------------------
PAG
--------------*/
#pagnav {
text-align:left;
margin-top:7px;
padding-left:3px;
}
#pagnav a {
text-decoration:none;
}
#pagnav .active {
text-decoration:underline;
font-weight:bold;
color:#000000;
text-transform:uppercase;
}


/* STORES FADE */

#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 358px;	/* IE 5.x */
		width/* */:/**/352px;	/* Other browsers */
		width: /**/352px;
		
		/* CSS HACK */
		height: 256px;	/* IE 5.x */
		height/* */:/**/250px;	/* Other browsers */
		height: /**/250px;
		background-color:#FFFFFF;
		
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:350px;
		height:250px;	
		background-color:#FFFFFF;	
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}