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

body
{
background-image: url(/images/bg.jpg);
background-repeat:repeat-x;
background-color:#7deaff;
text-align:center;
margin-top:0px;
}

p
{
margin:0px
}
#topics
{
background-color:#fff6e6;
background-image: url(/images/bg_topics.jpg);
}

#field
{
background-color:#208d13;
background-image: url(/images/bg_field.jpg);
}
	#frame {
		width:818px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:center;
		}
	
	#contentheaderimg {
		text-align:left;
		width:818px;
		height:229px;
		padding:0px;
		margin-bottom:44px;
		background:transparent;
		vertical-align:top;
		}
	




#maincontentwrapper
{
width:818px;
padding:9px;
}


#maincontent
{
width:800px;
text-align:left;
margin-top:64px;
height:100%;

}


	.w_top {background: url(/images/w_top.gif) 0 0 no-repeat; height:14px;  }
    .w_bot {background: url(/images/w_bot.gif) 0 100% no-repeat; height:14px;  }
    .clear {font-size: 1px; height: 1px} 
	
.contentspace
{
background:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#006699;
height:100%;
margin:0px;
padding:0px 15px 0px 15px;

}
.contentspacesub
{
color:#000;
font-size:10pt;
}


.contentspace a:link 
{
text-decoration:none;
border-bottom: 1px dotted #ffa207;
color:inherit;
font-style:italic;
}.contentspace  a:visited
{
text-decoration:none;
border-bottom: 1px dotted #ffa207;
color:inherit;
font-style:italic;
}
#fieldphoto
{
width:1013px;
height:320px;
background:url(/images/fieldphoto.jpg) no-repeat;
position:absolute;
top:44px;
left: 0;
z-index:-1;
display:block;

}


#fieldcontent
{
width:800px;
text-align:left;
margin-top:64px;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#fff;

}
#contactbuttons a:link
{
width:100%;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight:strong;
border-bottom: 1px dotted #ffa207;
text-decoration:none;
position:relative;
top:20px;
}




/*mini blue box on home page */
.bl_bl {background: url(/images/bluelight_bl.gif) 0 100% #8dd6f6 no-repeat;height:100%; width: 270px; float:right; margin:5px 10px 15px 10px; font-size:9px; color:#000; }
.bl_br {background: url(/images/bluelight_br.gif) 100% 100% no-repeat; height:100%; width: 270px;}
.bl_tl {background: url(/images/bluelight_tl.gif) 0 0 no-repeat; }
.bl_tr {background: url(/images/bluelight_tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 





/* MENU */

#menuheader {
		background: url(/images/menubg.jpg) repeat-x;
		vertical-align:top;
		height:44px;
		width:818px;
		float:left;
		}
			
		
.bl {background: url(/images/bm_bl.jpg) 0 100% no-repeat;}
.br {background: url(/images/bm_br.jpg) 100% 100% no-repeat; height:44px;}
.tl {background: url(/images/bm_tl.jpg) 0 0 no-repeat; height:100%;}
.tr {background: url(/images/bm_tr.jpg) 100% 0 no-repeat; height:100%; padding:10px}
.clear {font-size: 1px; height: 1px} 
	
		
#topicsmenuheader
{
	background: url(/images/menu_bg_topics.jpg) repeat-x;
	vertical-align:top;
	height:44px;
	width:818px;
	float:left;
}	
.bl_topics {background: url(/images/bm_bl_topics.jpg) 0 100% no-repeat;}
.br_topics {background: url(/images/bm_br_topics.jpg) 100% 100% no-repeat; height:44px;}


#takepartmenuheader
{
	background: url(/images/orm_bg.jpg) repeat-x;
	vertical-align:top;
	height:44px;
	width:818px;
	float:left;
}
.orm_bl {background: url(/images/orm_bl.jpg) 0 100% no-repeat;}
.orm_br {background: url(/images/orm_br.jpg) 100% 100% no-repeat; height:44px;}
.orm_tl {background: url(/images/orm_tl.jpg) 0 0 no-repeat; height:100%;}
.orm_tr {background: url(/images/orm_tr.jpg) 100% 0 no-repeat; height:100%; padding:10px}
.clear {font-size: 1px; height: 1px} 
			
			
	
	
		
		
#navcontainer
{
margin: -10px 0px 0px -20px;
padding: 0;

font: 11px Verdana, sans-serif;
width: 100%;
list-style-type: none;
background: transparent;
float:left;
}

#navlist li
{
float: left;
margin: -5px 10px 0px 0px;
padding: 0;
width: auto;
display: block;
}

#navlist li a, #navlist li a:link
{
background: transparent;
color: #fff;
font-weight:bold;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
}

#navlist li a:hover
{
margin-top:1px;
margin-left:0px;
color: #fff;
border-bottom: 2px solid #ffa207;
cursor: pointer;
background: transparent;
}

#navlist li a#current, #navlist li a#current:link
{
color: #ffa207;
cursor: default;
font-weight: bold;
border-bottom: 0px solid #999;
}

#navlist li a#current:hover
{
margin: 0 0 0 0 ;
border-bottom: 2px solid #ffa207;
background: transparent;
}

#navlist #small
{
font-size:8pt;
font-weight: normal;
color:#ccc;

}
#navlist #small2
{
font-size:8pt;
font-weight: normal;
color:#fff;

}

/* END MENU */


.style1 {
	font-size: 12px;
	font-weight: bold;
}


table#partnertable td {
    #border: 1px solid red;
    vertical-align:top;
    padding:5px;
}

div.partner {
   clear:left;
   margin-top:50px;
}

div.partner_logo {
    #float:left;
    margin-bottom:10px;
}


div#links_to_social_networkings {
    text-align:center;
    padding:5px;
    #background-color:grey;
    margin-bottom:12px;
}

div#links_to_social_networkings a {
    font-weight:bold;
}

td#tour_messages {
    width:350px;
    padding:5px;
    vertical-align:top;
}

td#info_messages {
    width:350px;
    padding:5px;
    vertical-align:top;
}

div.message {
    margin-bottom:10px;
}





#langname {
  z-index: 0;
  width: 25px;
  height: 25px;
  position: relative;
  padding: 0px 5px 0px 0px;
letter-spacing: 0.05em;

}


#langname img {
  z-index: 1;
}
#langname span {
  display: none;
}
#langname:hover span {
  display: block;
  position: absolute;
  left: -50%;
  top: 20px;
  z-index: 2;
  padding: 0px 5px 0px 0px;
  color: #ffa207;
  font-weight: bold;
  font-size: 0.8em;
}


#flags
{
float:right;
margin: -7px 10px 0px 0px ;
border: 0px solid #000;
sdisplay:inline;
stext-align:left;

}


#flagcontainer
{
	text-align:left;
	position:relative;
	top:3px;
	right:0px;
	width:80px;
	height:40px;
	border:1px;
}

#flagcontainer2
{
	float:right;
	
	position:relative;
	top:-30px;
	right:0px;
	width:30px;
	height:40px;
	border:1px;
}
/*flag rollover menu code */

.menu {width:30px; height:28px; position:relative; z-index:100;border-right:0px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {widthe:50px; w\idth:50px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:30px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;widthe-:100px;position:relative; }
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:30px; height:30px; border:0px solid #000; border-width:0px; background:none; padding-left:8px; padding-top:6px; line-height:19px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:119px; w\idth:118px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:119px;border-top:0px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:119px; top:-1px; width:119px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-119px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:none; color:#fff; height:auto; line-height:1px; padding:5px 10px; width:100px;border-width:0px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:120px;w\idth:100px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#ccc;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:none;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


.tourwhat
{
	font-size:10px;
	
}