@charset "UTF-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #000;
	margin:0;
	padding:0;
	text-align:center;
	color:#000;
	background: url(img/diags.gif) repeat;
}

img	{border:0;padding:0;margin:0;}

p	{
	font-size:0.75em;
	line-height:1.8em;
	margin:6px 12px 4px 12px;
}
p a:link {color: #666; text-decoration: none;}
p a:visited {color: #003; text-decoration: none;}
p a:hover {color: #069;text-decoration: underline;}

h1	{
	font-size:1.0em;
	line-height:1.8em;
	color:#000;
	margin:10px 12px 18px 12px;
}
h1 a:link {color: #003; text-decoration: none;}
h1 a:visited {color: #003; text-decoration: none;}
h1 a:hover {color: #069;text-decoration: underline;}

#thumbs h1	{
	font-size:1.0em;
	line-height:1.8em;
	color:#000;
	margin:4px 2px 4px 12px;
}

h2	{
	font-size:0.85em;
	color:#000;
	margin:3px 12px 4px 12px;
}
h2 a:link {color: #003; text-decoration: none;}
h2 a:visited {color: #003; text-decoration: none;}
h2 a:hover {color: #069;text-decoration: underline;}

h3	{
	font-size:0.75em;
	color:#000;
	margin:3px 2px 4px 2px;
}
h3 a:link {color: #666; text-decoration: none;}
h3 a:visited {color: #666; text-decoration: none;}
h3 a:hover {color: #069;text-decoration: underline;}

blockquote {
	padding:1px 0 0 60px;
	background: url(img/quot.gif) no-repeat;
	line-height:20px;
	font-style: italic;
}

/* structure */
#top	{
	width:968px;
	height:194px;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0;
	overflow: hidden;
	background:#fff url(img/bnr.jpg) no-repeat 0 0px;
}

#main	{
	width:968px;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:0;
	background-color: #fff;
	text-align:left;
}

.dande	{
	background-color: #f3feff;
	background-image: url(img/globe.jpg);
	background-repeat: no-repeat;
	background-position: -2px bottom;
}
.tree	{
	background-color: #f3feff;
	background-image: url(img/globe3.jpg);
	background-repeat: no-repeat;
	background-position: -2px bottom;
}

.salad	{
	background-color: #f3feff;
	background-image: url(img/salad.jpg);
	background-repeat: no-repeat;
	background-position: -2px bottom;
}

.shop	{
	background-color: #f3feff;
	background-image: url(img/shop.jpg);
	background-repeat: no-repeat;
	background-position: -2px bottom;
}

.data	{
	background-color: #f3feff;
	background-image: url(img/mouse.jpg);
	background-repeat: no-repeat;
	background-position: -2px bottom;
}

#left	{
	width:240px;
	padding:0;
	margin:8px 0 8px 6px;
	float:left;
}

#right	{
	width:660px;
	padding:0 0 0 10px;
	margin:8px 0 8px 2px;
	float:left;
	border-left:1px #dce7e7 solid;
}

#ftr {
	width:968px;
	height:48px;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:34px;
	text-align:left;
	font-size:90%;
	border-top:2px #6f9f00 solid;
	background: url(img/ftr-g.jpg) no-repeat;
}

#map {
	width:620px;
	height:370px;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:34px;
	border:2px #e4e5e9 solid;
}
#ftr p a:link {margin:2px 30px 2px 0;color: #fff; text-decoration: underline;}
#ftr p a:visited {color: #fff; text-decoration: none;}
#ftr p a:hover {color: #dce7e7;text-decoration: underline;}

.splitcol	{
	width:300px;
	margin:0 10px 0 0;
	float:left;
}

.factdiv	{
	background:#f2f3f6 url(img/grad.jpg) repeat-x 0 0px;
	padding:8px 0;
	margin:28px 0;
}

/* navigation */
#navbar	{
	padding:9px 0 0 0;
	margin:149px 0 0 0;
}

#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navbar li {
	display: inline;
}

#navbar a {
	display: block;
	float: left;
	width: 143px;
	font-weight: bold;
	padding:9px 9px 8px 9px;
	background: url(img/fade.jpg) 0px 0px no-repeat;
	text-decoration: none;
	text-align: center;
	color:#666;
	font-size:0.90em;
}
#navbar a:hover {
	text-decoration: none;
	color:#fff;
}

.indent	{
	margin:0px;
	padding:0px;
	line-height:1px;
}

.panl	{
	width:220px;
	background-image: url(img/panl.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	margin:0px 0 6px 6px;
	padding:18px 2px 4px 0px;
	color:#666;
}
.panl2	{
	width:220px;
	height:200px;
	background-image: url(img/panl.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
	margin:0px 0 6px 6px;
	padding:0;
	color:#666;
}

.panlpic	{
	text-align:center;
}
.action	{
	width:240px;
	margin:40px 0 6px 0;
	padding:8px 0 330px 0;
	font-weight: bold;
	
}

.action ul
{	
	font-weight: bold;
	margin:4px 0 10px 12px;
	padding: 0;
	list-style-type: none;	
}
.action ul ul
{	margin:0 0 0 29px;
	padding:0;
	
}

.action a	{
	font-size: 0.8em;
	display: block;
	color: #666;
	padding: 3px 0px 3px 8px;
	margin:0 0 3px 2px;
	text-decoration: none;
	background-color: #e4e5e9;
}

.action a:hover	{
	background-color: #f2f3f7;
}

.action li li a	{
	padding: 6px 1px 6px 4px;
	margin:2px 0 4px 8px;
	display: block;
	font-size: 0.7em;
	color: #666;
	text-decoration: none;
	line-height:12px;
	background-color: #e4e5e9;
}

.action p a	{
	color: #a8c5d1;
}

li a#here	{
	border-left: 4px solid #92d400;
}


ul.norm	{
	line-height:1.0em;
	margin:2px 0px 14px 20px;
	padding:4px 0 0 20px;
}

li.norm	{
	font-size:0.75em;
	margin:0px 0px 4px 0px;
	line-height: 160%;
	text-align:justify;
}
li.norm	a:link {
	color:#000;
	text-decoration: none;
	border-bottom:1px #000 dotted;
}
li.norm	a:visited {
	color:#000;
	text-decoration: none;
	border-bottom:1px #000 dotted;
}
li.norm	a:hover {
	color:#930;
	text-decoration: none;
	border-bottom:1px #930 dotted;
}

#jquery_newsticker {
	
	width:200px;
	height:160px;
	margin:0 0 0 12px;
	padding:0;
}

.ticker {
	list-style-type: none;
	font-size:0.8em;
	font-weight: normal;
	width:200px;
	margin:0;
	padding:0;
	display: inline;
}

.ticker a:link {font-style:oblique; color: #666; text-decoration: none;}
.ticker a:visited {font-style:oblique; color: #666; text-decoration: none;}
.ticker a:hover {font-style:oblique; color: #09c;text-decoration: none;}	

#google	{
	padding:0;
	margin:14px 0 0 10px;	
}

/* forms */
fieldset	{
	border:1px solid #6197bc;
	margin:10px 0 0 0;
}

legend	{
	font-size:0.7em;
	font-weight:bold;
	margin:4px 0 0 10px;
}
.xinput, textarea {
	display: block;
	width: 200px;
	float: left;
	margin:0 0 10px 0;
	padding:0;
	border:1px #6197bc solid;
}
label {
	display: block;
	width: 110px;
	float: left;
	margin:4px 0 10px 0px;
	padding:0;
}

label {
	text-align: left;
	width: 155px;
	padding:0 10px 0 0;
	margin:0;
}

.checkarea	{
	float:left;
	width:180px;
	height:45px;
	font-size:0.7em;
	padding:5px;
}

input	{
	border:1px #6197bc solid;
	padding:2px;
}

label.error	{
	float: none;
	color: red;
	font-weight:bold;
	padding-left: .5em; 
}

form	{
	margin:5px 80px 20px 14px;
	padding:10px;
	background-color: #f1f1f2;
}
.enqform	{
	background-color: #e4e5e9;
	margin:20px 10px 0 10px;
}
/* links with icons */
.pdf	{
	padding: 0 0 0 22px;
	margin:20px 4px 4px 12px;
	background: url(img/ico/page_b_acrobat.gif) no-repeat left top;
	font-size:0.75em;
	line-height:1.4em;
	text-align:left;
}

.play	{
	padding: 0 0 4px 22px;
	background: url(img/ico/play.gif) no-repeat left top;
}

.more	{
	padding: 0 0 0 22px;
	background: url(img/ico/more.gif) no-repeat left top;
}

.add	{
	padding: 0 0 0 22px;
	background: url(img/ico/add.gif) no-repeat left top;
}


/* misc */
.cb	{clear:both;}
.wh	{color:#fff;}
.red	{color:#C03;font-weight:bold}
.qt	{font-style: italic}
.ctrybrk	{
	padding:22px 0 0 0;
	line-height:24px;
}
.fact	{
	font-style: italic;
	color:#ff8601;
	margin:0 14px 0 0;
	font-size:130%;
}
.picpanel	{
	width:169px;
	height:200px;
	float:right;
	margin:0 30px 0 0;
	padding:8px 0 0 11px;
	background: url(img/picpanel.jpg) no-repeat left top;
}

#def	{
	width:90%;
	margin-right:auto;
	margin-left:auto;
	margin-top:4px;
	margin-bottom:0;
	background-color: #fff;
	text-align:left;
	padding:10px 0 20px 0;
}

.defbox	{
	
	width:200px;
	margin:6px 10px 10px 0;
}

#right .thickbox	{
	padding: 0 0 0 18px;
	background: url(img/ico/info.gif) no-repeat 0px -1px;
	font-weight: bold;
}

.or	{color:#fc6800;}

/* tooltip */
div.tooltip { 
	background: transparent url(img/tooltip/white_arrow.png) no-repeat scroll 0 0;
	height:153px;
	padding:30px 10px 5px 0;
	width:210px;
	display:none;
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size:0.85em;
	color:#000;
	margin:70px 5px 0 5px;;
	text-align:center;
}

.trigger	{
	float:right;
	width:100px;
	height:50px;
	display:block;
	background: url(img/clickfor.gif) no-repeat left top;
	font-size:0.75em;
	margin:0 20px 0 0;
	color:#ff0197;
}