body { 
margin:0;
padding:0;
background-color: #CCCCCC;
} 

html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

div#container {
margin:auto;
width:800px;
height:auto;
text-align:left;
clear:both;
}

#topSpace {
clear:both;
width:800px;
height:16px;
}

#headerbar {
clear:both;
width:800px;
height:58px;
}

#animation{
clear:both;
width:800px;
height:217px;
margin:0px;
}


#bodycontent {
clear:both;
width:800px;
height:310px;
margin:0px;
background-color: #FFFFFF;
}

#bodycontentB {
clear:both;
width:800px;
height:460px;
margin:0px;
background-color: #FFFFFF;
}

#bodycontentC {
clear:both;
width:800px;
height:660px;
margin:0px;
background-color: #FFFFFF;
}

#leftContent {
float:left;
width:145px;
min-height:264px;
margin:0px;
}

#centreContent {
position:relative;
float:left;
width:510px;
height:264px;
background-image: url("images/bac.gif");
background-position: 0% 0%;
background-repeat: no-repeat;
margin-top:18px;
}

#centreContentB {
position:relative;
float:left;
width:510px;
height:400px;
background-image: url("images/bac400.gif");
background-position: 0% 0%;
background-repeat: no-repeat;
margin-top:18px;
}

#centreContentC {
position:relative;
float:left;
width:510px;
height:600px;
background-image: url("images/bac600.gif");
background-position: 0% 0%;
background-repeat: no-repeat;
margin-top:18px;
}

#rightContent {
float:right;
width:145px;
min-height:264px;
margin:0px;
}


h1 {
margin:0px 0px 0px 0px;
color:#666666;
text-align:left;
font-size:16px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:16px;
overflow: auto;
}

h2 {
margin:0px 0px 0px 0px;
color:#666666;
text-align:left;
font-size:14px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:16px;
overflow: auto;
}

#textcon {
margin:18px 18px 18px 8px;
padding-right:10px;
padding-left:10px;
width:470px;
height:236px;
color:#666666;
text-align:left;
font-size:12px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:18px;
overflow: auto;
_margin:18px 9px 18px 4px;
}

#textconB {
margin:18px 18px 18px 8px;
padding-right:10px;
padding-left:10px;
width:470px;
height:360px;
color:#666666;
text-align:left;
font-size:12px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:18px;
overflow: auto;
_margin:18px 9px 18px 4px;
}

#textconC {
margin:8px 8px 8px 8px;
padding-right:5px;
padding-left:5px;
width:490px;
height:380px;
color:#666666;
text-align:left;
font-size:12px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:18px;
overflow: auto;
_margin:18px 4px 18px 4px;
}

#textconCC {
margin:18px 18px 18px 8px;
padding-right:10px;
padding-left:10px;
width:470px;
height:560px;
color:#666666;
text-align:left;
font-size:12px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:18px;
overflow: auto;
_margin:18px 9px 18px 4px;
}

#textconr {
padding:18px 9px 18px 9px;
color:#666666;
text-align:right;
font-size:12px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:18px;
overflow:auto;
_margin:18px 4px 18px 4px;
}





#small {
color:#000000;
text-align:left;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height: 14px;
}



A {
color:#0099FF;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:12px;
line-height:18px;
margin-top:0px;
text-align:left;
}

A:hover {
color:#666666;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:bold;
font-size:12px;
line-height:18px;
margin-top:0px;
text-align:left;
}


A.small {
color:#0099FF;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:11px;
line-height:14px;
margin-top:0px;
text-align:left;
}

A.small:hover {
color:#666666;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:bold;
font-size:11px;
line-height:14px;
margin-top:0px;
text-align:left;
}



A.smallg {
color:#666666;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:11px;
line-height:14px;
margin-top:0px;
text-align:left;
}

A.smallg:hover {
color:#000000;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:bold;
font-size:11px;
line-height:14px;
margin-top:0px;
text-align:left;
}


A.smallgg {
color:#666666;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:normal;
font-size:11px;
line-height:14px;
margin-top:0px;
text-align:left;
}

A.smallgg:hover {
color:#000000;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:normal;
font-size:11px;
line-height:14px;
margin-top:0px;
text-align:left;
}

#rule {
padding:1px;
background: url('images/dotted_rule.gif') repeat-x center;
width:auto;
margin-bottom:0px;
margin-top:0px;
}

#rule2 {
padding:1px;
background: url('images/dotted_rule.gif') repeat-x center;
width:auto;
margin-bottom:2px;
margin-top:2px;
}

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 14px;
margin-top: 7px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
}


.transOFF {width:100px; background-color:silver; border:1px solid #CCCCCC; }
.transON {width:100px; background-color:silver; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid #CCCCCC; }

.transBOFF {width:140px; background-color:silver; border:1px solid #CCCCCC; }
.transBON {width:140px; background-color:silver; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid #CCCCCC; }


.transCOFF {width:300px; background-color:silver; border:1px solid #CCCCCC; }
.transCON {width:300px; background-color:silver; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid #CCCCCC; }

.butOFF {width:16px; background-color:white; border:0px solid #CCCCCC; }
.butON {width:16px; background-color:white; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:0px solid #CCCCCC; }

.butaOFF {width:35px; background-color:white; border:0px solid #CCCCCC; }
.butaON {width:35px; background-color:white; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:0px solid #CCCCCC; }

div.img-dec {
	background: url('images/shadow.gif') no-repeat bottom right;
	clear: both;
	float: left;
	margin: 0px 0px 5px 5px;
	padding: 0px;
	position: relative;
}

div.img-dec img {
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #9A98AB;
	border-right: 1px solid #9A98AB;
	display: block;
	margin: -5px 5px 5px -5px;
	position: relative;
}

br.clear { clear: both; }

img {
	border-width: 0px;
}



a.popup:visited {
color: #666666;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:11px;
line-height:14px;
margin-top:0px;
text-align:right;
}

a.popup {
position:relative;
left:0px;
color:#0099FF;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:11px;
line-height:14px;
margin-top:0px;
text-align:right;
}

a.popup div {
display: none;
}

a.popup:hover {
color: #000000;
cursor:default;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:11px;
line-height:14px;
margin-top:0px;
text-align:right;
}

a.popup:hover .popbox {
background:#FFFFFF;
display:block;
position:absolute;
z-index:10000;
top:-1px;
right:34px;
padding:4px;
width:160px;
text-align:left;
font-size:10px;
font-weight:400;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:11px;
border: 1px solid #CCCCCC;
}


.text{display:none; width:320px; height:456px; border: solid 1px lightblue;}

#text15{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:20;overflow: auto;}
#text8{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:19;overflow: auto;}
#text9{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:18;overflow: auto;}
#text10{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:17;overflow: auto;}
#text11{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:16;overflow: auto;}
#text12{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:15;overflow: auto;}
#text13{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:14;overflow: auto;}
#text14{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:13;overflow: auto;}

#text0{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:12;overflow: auto;}
#text1{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:11;overflow: auto;}
#text2{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:10;overflow: auto;}
#text3{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:9;overflow: auto;}
#text4{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:8;overflow: auto;}
#text5{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:7;overflow: auto;}
#text6{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:6;overflow: auto;}
#text7{display:none; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:5;overflow: auto;}
#de{display:block; position:absolute; clear:both; width:490px; height:360px; background-color:white; z-index:1;overflow: auto;}


.transOFF {width:100px; background-color:white; }
.transON {width:100px; background-color:white;}