/* CSS Document */
html{
width:100%;
height:100%;
margin:0px;
padding:0px;
}
body{
width:100%;
height:100%;
margin:0px;
padding:0px;
background-color:#65B8D4;
/*background-image:url(../../Image/bg_grad.jpg);
background-repeat:repeat-x;*/
}
#holder{
position:absolute;
top:50%;
left:50%;
width:790px;
height:600px;
margin-left:-395px;
margin-top:-300px;
background-color:#FFFFFF;
}
#innerPad{
position:absolute;
top:15px;
left:35px;
width:100%;
}

#corTL{
background-image:url(../../Image/corTL.gif);
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
width:18px;
height:18px;
}

#corBL{
background-image:url(../../Image/corBL.gif);
background-repeat:no-repeat;
position:absolute;
bottom:0px;
left:0px;
width:18px;
height:18px;
}

#corBR{
background-image:url(../../Image/corBR.gif);
background-repeat:no-repeat;
position:absolute;
bottom:0px;
right:0px;
width:18px;
height:18px;
}

#corTR{
background-image:url(../../Image/corTR.gif);
background-repeat:no-repeat;
position:absolute;
top:0px;
right:0px;
width:18px;
height:18px;
}

#holder #logo{
position:absolute;
top:0%;
left:0%;
z-index:10;
}
#holder #title{
position:absolute;
top:40px;
left:155px;
color:#65B8D4;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-weight:bold;
z-index:3;
width:auto;
}
#holder #bgpic{
position:absolute;
top:64px;
left:49px;
width:443px;
height:503px;
background-image:url(../../Image/bg.jpg);
background-repeat:no-repeat;
z-index:1;
}
#holder #bgcolour{
position:absolute;
top:107px;
left:252px;
width:460px;
height:460px;
background-color:#cccccc;
z-index:2;
filter: alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25
}
#holder #bgcolour #topcur{
position:absolute;
top:0%;
left:431px;
background-image:url(../../Image/cur.gif);
background-repeat:no-repeat;
width:29px;
height:29px;
z-index:30;
}
#holder #bgcolour #butcur{
position:absolute;
top:431px;
left:431px;
background-image:url(../../Image/curbut.gif);
background-repeat:no-repeat;
width:29px;
height:29px;
z-index:30;
}
#holder #nav{
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#222222;
text-align:left;
z-index:100;
position:absolute;
top:110px;
left:0px;
width:140px;
}
#holder #web{
position:absolute;
top:455px;
left:92px;
z-index:101;
}
#holder #copy{
position:absolute;
top:270px;
left:710px;
z-index:51;
}
#holder #log{
position:absolute;
top:550px;
left:710px;
z-index:52;
}
#holder #log a{
color:#FFFFFF;
}
.text{
position:absolute;
top:115px;
left:130px;
height:445px;
width:535px;
font-family:Arial, Helvetica, sans-serif;
color:#222222;
font-size:14px;
z-index:50;
overflow:auto;
padding:0px 10px 0px 10px;
scrollbar-face-color:#F5F5F5;
scrollbar-highlight-color:#222222;
scrollbar-3dlight-color:#F5F5F5;
scrollbar-shadow-color:#222222;
scrollbar-darkshadow-color:white;
scrollbar-arrow-color:#222222;
scrollbar-track-color:#F5F5F5;
}
a{
color:#222222;
}
a:hover{
color:#65B8D4;
}
dl, dt, dd {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 1em;
left: 1em;
width: 10em;
}

#menu dt {
cursor: pointer;
height: 20px;
line-height: 25px;
margin: 2px 0;
background-color:#FFFFFF;
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}

#menu dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 123px;
margin-left:-20px;
background-color:#FFFFFF;
filter: alpha(opacity=80);
-moz-opacity:0.80;
visibility:hidden;
}

#menu ul {
padding: 0px;
}
#menu li {
font-size: 85%;
height: 18px;
line-height: 18px;
list-style-type: none;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
list-style-type: none;
}

#menu dt a:hover {
border-right:5px #000000 solid;
height: 20px;
}
#menu li a:hover{
border-right:5px #666666 solid;
list-style-type: none;
}