@charset "utf-8";
/* CSS Document */
* 					{ margin: 0; padding: 0; list-style-type: none; }
body				{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
p					{ margin: 0 0 12px 0; line-height: 24px; }
blockquote			{ margin: 0 0 0 20px; }
#container			{ width: 635px; margin: 0 auto 0 auto; padding: 30px; position: relative; }

h2					{ font-size: 20px; margin: 0 0 20px 0; color: #8CCA26; }

.IE6,
#language,
#topmenu,
.banner,
.visuhome,
.more,
#footer a,
#leftcol			{ display: none; }

#header				{ border-top: 1px solid #333; border-bottom: 1px solid #666; padding: 23px 0 23px 0; margin: 0 0 30px 0; }
#header h1 a		{ display: none; }
#rightcol a			{ color: #000; }
#footer				{ border-top: 1px solid #8CCA26; padding: 16px 0 20px 0; margin: 30px 0 0 0; font-size: 12px; color: #999; }

/* CSS Document 

*							{ margin: 0; padding: 0; list-style-type: none; }
p							{ margin: 0 0 12px 0; }
html,body					{ width: 100%; height: 100%; }
body						{ background: url(images/BG.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#container					{ background: #FFF url(images/BGcontent.gif) repeat-x left top; width: 940px; min-height: 100%; margin: 0 auto 0 auto; padding: 0 30px 0 30px; position: relative; }

#language					{ position: absolute; top: 0; right: 30px; text-align: right; font-size: 10px; color: #CCC; z-index: 50; width: 180px; }
#language li 				{ color: #000; }
#language .language			{ padding: 3px 0 0 0; }
#language .language	ul		{ padding: 4px 0 0 0; display: none; }
#language .language a		{ background: url(images/language.gif) no-repeat right 3px; padding: 2px 20px 5px 0; margin: 0 0 0 0; color: #CCC; text-decoration: none; width: 100%;}
#language .language li a.UK,
#language .language li a.FR { display: block; background: #FF0; padding: 3px 20px 3px 0; margin: 0; }
#language .language li a:hover.UK,
#language .language li a:hover.FR { background: #000; }
#language .FR,
#language .UK				{ }

h1 a						{ background: url(images/BGh1.gif) no-repeat left top; display: block; width: 325px; height: 44px; position: absolute; top: 60px; z-index: 2; }
h1 a:hover					{ background: url(images/BGh1.gif) no-repeat left -44px; }
h1 a span					{ display: none; }

#header						{ height: 101px; border-bottom: 1px solid #DDDDDD; position: relative; margin: 0 0 24px 0; }
.visuhome					{ margin: 0 0 24px 0; }
.banner						{ padding: 0 0 24px 0; }

#topmenu					{ height: 43px; position: absolute; top: 60px; right: 0; z-index: 1; }
#topmenu li					{ float: left; margin: 0 0 0 30px; }
#topmenu li	a				{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; text-decoration: none; color: #666; display: inline-block; height: 35px; padding: 7px 0 0 0; }
#topmenu li a:hover,
#topmenu li a.on			{ background: url(images/BGtopmenu-over.gif) repeat-x left bottom; font-weight: normal; color: #72A51F; }

#leftcol					{ width: 295px; float: left; margin: 0 30px 30px 0; padding: 10px 0 0 0; color: #999; }
#leftcol h2					{ font-family: Klavika Bold; font-size: 30px; text-transform: uppercase; color: #999; margin: 0 0 20px 0; }
#leftcol h3					{ font-size: 12px; color: #666; margin: 0 0 4px 0; }
#leftcol .news p			{ border-left: 1px solid #DDD; padding: 0 0 0 18px; margin: 0 0 6px 0; font-size: 11px; }
#leftcol .news p.more		{ border: 0; padding: 0; margin: 0 0 27px 0; font-size: 12px; }
#leftcol .leftmenu p		{ border-left: 1px solid #DDD; padding: 0 0 0 18px; margin: 0 0 6px 0; font-size: 11px; }
#leftcol .leftmenu p.more	{ border: 0; padding: 0 0 2px 0; margin: 0 0 27px 0; font-size: 12px; }
#leftcol .more a			{ background: url(images/more.gif) no-repeat left top; color: #666; padding: 0 0 2px 18px; display: inline-block; }
#leftcol .more a:hover		{ background: url(images/more.gif) no-repeat left -52px; color: #72A51F; text-decoration: none; }

.leftmenu.content ul			{ margin: 0 0 23px 0; }
.leftmenu.content ul li			{ margin: 0 0 8px 0; }
.leftmenu.content ul a 			{ background: url(images/more.gif) no-repeat left -1px; color: #999; text-decoration: none; padding: 0 0 0 20px; }
.leftmenu.content ul a.on		{ background: url(images/more.gif) no-repeat left -53px; font-weight: bold; }
.leftmenu.content ul a:hover	{ background: url(images/more.gif) no-repeat left -53px; text-decoration: underline; }
.leftmenu.content ul ul			{ margin: 4px 0 6px 0; border-left: 1px solid #DDDDDD; }
.leftmenu.content ul ul li		{ margin: 0; }
.leftmenu.content ul ul a 		{ background: none; padding: 0 0 0 20px; }
.leftmenu.content ul ul a:hover { background: none; }
.leftmenu.content ul ul a.on	{ background: none; color: #91C431; font-weight: bold; }

.news.content ul			{ margin: 0 0 23px 0; }
.news.content ul li			{ margin: 0 0 8px 0; }
.news.content ul a 			{ display: inline-block; background: url(images/more.gif) no-repeat left -1px; color: #999; text-decoration: none; padding: 0 0 0 20px; }
.news.content ul a:hover	{ background: url(images/more.gif) no-repeat left -53px; text-decoration: underline; }
.news.content ul a.on		{ background: url(images/more.gif) no-repeat left -53px; font-weight: bold; }
.news.content ul ul			{ margin: 0 0 6px 0; }
.news.content ul ul li		{ margin: 0; }
.news.content ul ul a 		{ background: none; padding: 0 0 0 20px; }
.news.content ul ul a:hover { background: none; }

#whtp.content ul			{ margin: 0 0 3px 0; }
#whtp.content ul li			{ margin: 0 0 8px 0; }
#whtp.content ul a 			{ background: url(images/dl.gif) no-repeat left -1px; color: #999; text-decoration: none; padding: 0 0 0 20px; }
#whtp.content ul a:hover	{ background: url(images/dl.gif) no-repeat left -53px; text-decoration: underline; }

#rightcol					{ width: 615px; float: left; margin: 0 0 30px 0; padding: 10px 0 0 0; color: #666; }
#rightcol h2				{ font-family: Klavika Bold; font-size: 30px; text-transform: uppercase; color: #91C431; margin: 0 0 17px 0;  }
#rightcol p					{ line-height: 22px; }
#rightcol ul				{ line-height: 22px; margin: 0 0 12px 0; }
#rightcol ul li 			{ background: url(images/bullet.gif) no-repeat left 8px; padding: 0 0 0 12px; }
#rightcol a					{ color: #72A51F; text-decoration: none; }
#rightcol a:hover			{ text-decoration: underline; }
#rightcol .more a			{ background: url(images/more.gif) no-repeat left -49px; color: #72A51F; padding: 0 0 0 18px; text-decoration: underline; display: inline-block; }
#rightcol .more a:hover		{ background: url(images/more.gif) no-repeat left 3px; text-decoration: none; }

#footer						{ clear: both; border-top: 1px solid #DDDDDD; font-size: 11px; color: #999; padding: 17px 0 20px 0; }
#footer	a					{ color: #666; text-decoration: none; }
#footer	a:hover				{ text-decoration: underline; }

.IE6						{ position: absolute; font-size: 11px; color: #09F; top: 2px; display: none; }
.IE6 a						{ color: #09F; text-decoration: underline; }
.IE6 a:hover				{ text-decoration: none; }