@charset "utf-8";
/* CSS Document */



/*body style*/
body {
text-align:center;
margin:0px auto;
}



/*main page frame*/
div.WebContainer{
width:1004px;
margin:0px auto;
margin-top:3px;
text-align:left;
background-color:ffffff;
border:solid 1px #000;
min-height:100%
}

/*topbar frame*/
div.topbar{
width:1004px;
height:330px;
clear:both;
background-color:ffffff;
z-index:18;
}

/*logo box*/
div.logobox{
width:115px;
height:300px;
clear:left;
float:left;
z-index:19;
margin-top:15px;
margin-left:0px;
}

/*translationandloginboxframe*/
div.translationandloginboxframe{
width:885px;
clear:right;
float:right;
z-index:19;
margin-top:15px;
}

/*translation menu*/
div.boxabovemainmenu{
width:886px;
height:175px; 
min-height:100%;
clear:right;
float:right;
z-index:20;
margin-top:0px;
padding-top:0px;
}

/*translation menu*/
div.translationmenu{
width:886px;
height:70px;
min-height:100%;
clear:right;
float:right;
z-index:20;
margin-top:0px;
text-align:left;
}

div.translationbox{
width:60px;
height:70px;
padding-right:15px;
float:right;
z-index:21;
}

div.loggedintextbox{
width:400px;
height:70px;
padding-right:100px;
float:right;
z-index:21;
text-align:right;
font-family:Franklin Gothic Book;
color:#CCCCCC;
font-size:1.1em;
}

a.logout:link{font-family:Franklin Gothic Book;color:#e0400e;font-size:1.1em; padding-left:20px;  }
a.logout:visited{font-family:Franklin Gothic Book;color:#e0400e;font-size:1.1em; padding-left:20px;  }
a.logout:hover{font-family:Franklin Gothic Book;color:#CCCCCC;font-size:1.1em; padding-left:20px; }
a.logout:active{font-family:Franklin Gothic Book;color:#e0400e;font-size:1.1em; padding-left:20px; }


a.translation:link{font-family:Century Gothic; font-size:0.8em;  background-color:#FFFFFF; color:#000000; text-decoration:none; text-align:center;}
a.translation:hover{font-family:Century Gothic; font-size:0.8em; color:#e0400e; text-align:center;}

/*-----------------------------------------------------------------------this set the style of english language button*/
a.englishbutton:link{display:block;  width:60px; height:70px; padding-top:0px; padding-right:0px; color:#000000; background-image:url('../images/britflag.gif'); font-family:Arial; font-size:0.7em;  text-align:center; text-decoration:none;}

a.englishbutton:visited{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/britflag.gif'); font-family:Arial; font-size:0.7em; color:#000000; text-align:center; text-decoration:none;}

a.englishbutton:hover{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/britflag.gif'); font-family:Arial; font-size:0.7em; color:#e0400e; text-align:center; text-decoration:none;}

a.englishbutton:active{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/britflag.gif'); font-family:Arial; font-size:0.7em; color:#000000; text-align:center; text-decoration:none;}

/*-----------------------------------------------------------------------this set the style of dutch language button*/
a.dutchbutton:link{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; color:#000000; background-image:url('../images/dutchflag.gif'); font-family:Arial; font-size:0.7em;  text-align:center; text-decoration:none;}

a.dutchbutton:visited{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/dutchflag.gif'); font-family:Arial; font-size:0.7em; color:#000000; text-align:center; text-decoration:none;}

a.dutchbutton:hover{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/dutchflag.gif'); font-family:Arial; font-size:0.7em; color:#e0400e; text-align:center; text-decoration:none;}

a.dutchbutton:active{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/dutchflag.gif'); font-family:Arial; font-size:0.7em; color:#000000; text-align:center; text-decoration:none;}

/*-----------------------------------------------------------------------this set the style of dutch language button*/
a.italianbutton:link{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; color:#000000; background-image:url('../images/italianflag.gif'); font-family:Arial; font-size:0.7em;  text-align:center; text-decoration:none;}

a.italianbutton:visited{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/italianflag.gif'); font-family:Arial; font-size:0.7em; color:#000000; text-align:center; text-decoration:none;}

a.italianbutton:hover{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/italianflag.gif'); font-family:Arial; font-size:0.7em; color:#e0400e; text-align:center; text-decoration:none;}

a.italianbutton:active{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/italianflag.gif'); font-family:Arial; font-size:0.7em; color:#000000; text-align:center; text-decoration:none;}

/*-----------------------------------------------------------------------this set the style of finnish language button*/
a.finnishbutton:link{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; color:#000000; background-image:url('../images/finnishflag.gif'); font-family:Arial; font-size:0.7em;  text-align:center; text-decoration:none;}

a.finnishbutton:visited{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/finnishflag.gif'); font-family:Arial; font-size:0.7em; color:#000000; text-align:center; text-decoration:none;}

a.finnishbutton:hover{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/finnishflag.gif'); font-family:Arial; font-size:0.7em; color:#e0400e; text-align:center; text-decoration:none;}

a.finnishbutton:active{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/finnishflag.gif'); font-family:Arial; font-size:0.7em; color:#000000; text-align:center; text-decoration:none;}


/*-----------------------------------------------------------------------this set the style of hungarian language button*/
a.hungarianbutton:link{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; color:#000000; background-image:url('../images/hungarianflag.gif'); font-family:Arial; font-size:0.7em;  text-align:center; text-decoration:none;}

a.hungarianbutton:visited{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/hungarianflag.gif'); font-family:Arial; font-size:0.7em; color:#000000; text-align:center; text-decoration:none;}

a.hungarianbutton:hover{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/hungarianflag.gif'); font-family:Arial; font-size:0.7em; color:#e0400e; text-align:center; text-decoration:none;}

a.hungarianbutton:active{display:block;  width:60px; height:70px; padding-left:0px; padding-right:0px; background-image:url('../images/hungarianflag.gif'); font-family:Arial; font-size:0.7em; color:#000000; text-align:center; text-decoration:none;}





div.mainmenu{
width:886px;
height:20px;
clear:right;
float:right;
display:block;
z-index:20;
padding-top:6px;
padding-bottom:6px;
padding-right:0px;
text-align:right;
text-decoration:none;
border-bottom:solid 1px #e0400e;
background-color:#000000}



a.mainmenu:link{font-family:Franklin Gothic Book; font-size:1em; color:#ffffff; font-weight:normal;  padding-left:25px; padding-right:25px; text-decoration:none;padding-top:6px;padding-bottom:6px;}
a.mainmenu:visited{font-family:Franklin Gothic Book; font-size:1em; color:#ffffff; font-weight:normal;  padding-left:25px; padding-right:25px; text-decoration:none;padding-top:6px; padding-bottom:6px;}
a.mainmenu:hover{font-family:Franklin Gothic Book; font-size:1em; color:#000000; font-weight:normal;  padding-left:25px; padding-right:25px; text-decoration:none; background-color:#cccccc;padding-top:6px; padding-bottom:6px;}
a.mainmenu:active{font-family:Franklin Gothic Book; font-size:1em; color:#ffffff; font-weight:normal;  padding-left:25px; padding-right:25px; text-decoration:none;padding-top:6px;padding-bottom:6pxs;}

a.home:link{font-family:Franklin Gothic Book; font-size:1em; color:#ffffff; font-weight:normal;  padding-left:16px; padding-right:15px; text-decoration:none;padding-top:6px;padding-bottom:6px;}
a.home:visited{font-family:Franklin Gothic Book; font-size:1em; color:#ffffff; font-weight:normal;  padding-left:16px; padding-right:15px; text-decoration:none;padding-top:6px; padding-bottom:6px;}
a.home:hover{font-family:Franklin Gothic Book; font-size:1em; color:#000000; font-weight:normal;  padding-left:16px; padding-right:15px; text-decoration:none; background-color:#cccccc;padding-top:6px; padding-bottom:6px;}
a.home:active{font-family:Franklin Gothic Book; font-size:1em; color:#ffffff; font-weight:normal;  padding-left:16px; padding-right:15px; text-decoration:none;padding-top:6px;padding-bottom:6pxs;}


/*----------------------------------------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------------------------------*/
/*this frames the page content */
div.pagecontent{
/*float:right;*/
clear:both;
min-height:100%;
z-index:18;
margin-top:15px;
margin-bottom:0px;
margin-right:0px;
width:1004px;
display:block;
}

/*this frames the title and main graphic  */
div.leftsubsection{
float:left;
clear:left;
min-height:100%;
z-index:19;
margin-top:15px;
margin-left:15px;
margin-right:12px;
width:70px;
padding-left:0px;
padding-right:0px;
display:block;
}

div.rightsubsection{
float:right;
clear:right;
min-height:100%;
z-index:19;
margin-top:30px;
margin-left:30px;
margin-right:0px;
width:885px;
padding-left:0px;
padding-right:0px;
display:block;
}

div.rightsubsectionwider{
float:right;
clear:right;
min-height:100%;
z-index:19;
width:1004px;
display:block;
}

div.title{
width:250px;
float:right;
display:block;
z-index:21;
padding-top:0px;
text-align:left;
}



div.text{
width:425px;
float:right;
display:block;
margin-left:15px;
padding-top:0px;
z-index:21;
}

div.halfbox{
width:48%;
float:left;
display:block;
}

div.thirdbox{
width:32%;
float:left;
padding-right:5px;
display:block;
}

div.text2{
width:600px;
float:right;
display:block;
margin-left:15px;
padding-top:0px;
padding-right:20px;
z-index:21;
text-align:left;
}

div.text3{
width:670px;
float:right;
display:block;
z-index:21;
text-align:left;
}

div.commentbox{
width:500px;
float:left;
display:block;
margin-left:0px;
padding-top:0px;
z-index:22;
font-family:Franklin Gothic Book;
font-size:0.9em;
}

div.login{
width:175px;
float:right;
display:block;
margin-right:20px;
padding-top:0px;
text-align:right;
z-index:21;
font-family:Century Gothic;
font-size:0.8em;
}

a.orangetitles:link{display:block; color:#e0400e;  padding-left:15px; padding-right:5px;  font-family:Century Gothic; font-weight:bold;background-color:#ffffff; }
a.orangetitles:visited{display:block; color:#e0400e ; padding-left:15px; padding-right:5px;  font-family:Century Gothic; font-weight:bold;background-color:#ffffff; }
a.orangetitles:hover{display:block; color:#000000;  padding-left:15px; padding-right:5px; font-family:Century Gothic; font-weight:bold; background-color:#ffffff; }
a.orangetitles:active{display:block; color:#e0400e ; padding-left:15px; padding-right:5px;  font-family:Century Gothic; font-weight:bold;background-color:#ffffff; }



div.searchmenus{
width:170px;
float:right;
clear:left;
margin-right:55px;
display:block;
z-index:21;

}
/*-----------------------------drop-down box for search by theme websites----------------------------------------------*/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	font: 1em Arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px;
	width: 160px;
	background: #ffffff;
	color: #000000;
	text-align: right;
	text-decoration: none}

#sddm li a:hover
{	background: #ffffff}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border: 1px solid #000000}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: right;
		text-decoration: none;
		background: #ffffff;
		color: #000000;
		font: 1em Arial}

	#sddm div a:hover
	{	background: #cccccc;
		color: #000000}
		
		/*-----------------------------drop-down box for search by location websites---------------------------*/

#tddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#tddm li
{	margin-bottom: 20px;
	width: 160px;
	padding-bottom: 20px;
	list-style: none;
	float: right;
	font: 0.9em Arial;
	}

#tddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px;
	width: 160px;
	background: #ffffff;
	color: #000000;
	text-align: right;
	text-decoration: none;
	border: 1px solid #000000}

#tddm li a:hover
{	background: #ffffff}

#tddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border: 1px solid #000000}

	#tddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: right;
		text-decoration: none;
		background: #ffffff;
		color: #000000;
		font: 1em Arial}

	#tddm div a:hover
	{	background: #cccccc;
		color: #000000}
/*-------------------------------------------------------------------------------------------------------------------*/
/*this frames the footer*/
div.bottombar{
width:1004px;
height:175px;
clear:both;
z-index:18;
border-top:solid 0px #000;
padding-top:50px;
}

/*bottom bar logo box*/
div.bottombarlogos{
float:left;
clear:left;
z-index:19;
margin-top:60px;
margin-right:0px;
margin-left:30px;
width:810px;
display:block;
}

/*bottom bar address box*/
div.bottombaraddressbox{
float:left;
clear:left;
z-index:20;
margin-top:5px;
margin-right:0px;
width:810px;
display:block;
}

/*-------------------------------------------------------------------------------------------------------------------*/

p{font-family:Franklin Gothic Book; font-size:0.9em; text-align:left;}
p.right{font-family:Franklin Gothic Book; font-size:0.9em; text-align:right; font-weight:bold}
p.center{font-family:Franklin Gothic Book; font-size:0.9em; text-align:center; font-weight:bold}


p.title{font-family:Franklin Gothic Book; font-size:1em; color:#e0400e; font-weight:bold;}
h2{font-family:Franklin Gothic Book; font-size:1em; color:#e0400e; font-weight:bold;}
p.titleright{font-family:Franklin Gothic Book; font-size:1.2em; color:#000000;  text-align:right}
p.titlecenter{font-family:Franklin Gothic Book; font-size:1.2em; color:#000000;  text-align:center}
p.titleleft{font-family:Franklin Gothic Book; font-size:1.2em; color:#000000;  text-align:left; font-weight:bold;}
h1{font-family:Franklin Gothic Book; font-size:1.2em; color:#000000;  text-align:left; font-weight:bold;}
p.subtitleleft{font-family:Franklin Gothic Book; font-size:1em; color:#000000;  text-align:left; font-weight:bold;}


p.bottombaraddress{font-size:0.7em}

hr{color:#e0400e; }
ul{font-size:0.9em; font-family:Franklin Gothic Book; text-align:left;}

/*------------------------------------------------------------------------------------------------------------------*/
a{color:#e0400e; text-decoration:none; font-family:Franklin Gothic Book}


/*--------------------------ACCESSABILITY---------------------------------------------------------------------*/

div.AccessibilityBox
{
float:right;
clear:right;
text-align:left;
color:#000000;
z-index:19;	
width:130px;
margin-top:15px;
margin-right:12px;
margin-bottom:15px;
border:solid 1px #000;
}
	
	
div.accessibilitytitle
{
color:#000000;
width:130px;
height:15px;
min-height:15px;
background-color:#ffffff;
border-bottom:solid 2px #fff;
padding-top:2px;
text-indent:5px;
font-family:Arial;
font-size:0.8em;
text-decoration:underline;
}
	
div.accessibilitybutton
{
width:130px;
height:15px;
min-height:15px;
background-color:#ffffff;
padding-top:1px;
padding-bottom:1px;
text-indent:5px;
}
	
DIV.FontIncrease
{
	/*	font-size:0.9em;  changed body to .8*/
	height:15px;
	background-color: #ffffff;	
	width:130px;
	border-bottom:solid 2px #fff;
	padding-top:2px;
	text-indent:5px;
	}
	
DIV.FontDecrease
{
	/*	font-size:0.9em;  changed body to .8*/
	display:none;
	overflow:hidden;
	height:0px;
	}
	
	A.BlackLinks:link,A.BlackLinks:visited,A.BlackLinks:active 
{
	/*	font-size:0.9em;  changed body to .8*/
	color:#000;
	text-decoration:none;
	font-family:Arial;
	font-size:0.72em;
	background-color:#FFFFFF;
		}


A.BlackLinks:hover {
	/*	font-size:0.9em;  changed body to .8*/
	color:#e0400e;
	text-decoration:none;
	font-family:Arial;
	font-size:0.72em;
	background-color:#000000;
		
}

/*this sets the text style of the sitemap links*/
a.sitemap:link{display:block; width:130px;font-family:Arial; text-decoration:none;color:#000000;font-size:0.72em; background-color:#ffffff;padding-right:0px;padding-left:0px; padding-top:1px; padding-bottom:2px; }
a.sitemap:visited{display:block; width:130px;font-family:Arial; text-decoration:none; color:#000000; font-size:0.72em; background-color:#ffffff;padding-right:0px; padding-left:0px; padding-top:1px; padding-bottom:2px; }
a.sitemap:hover{display:block; width:130px;font-family:Arial; text-decoration:none;  color:#ffffff; font-size:0.72em; background-color:#000000;padding-right:0px; padding-left:0px; padding-top:1px; padding-bottom:2px; }
a.sitemap:active{display:block; width:130px;font-family:Arial; text-decoration:none; color:#ffffff; font-size:0.72em; background-color:#000000;padding-right:0px; padding-left:0px; padding-top:1px; padding-bottom:2px; }