html, body {text-align:left;
margin:0px;
width:100%;
float:left;
}
body {background-color:#DADDE3;
}
a, a:focus {outline:none;}
ul {list-style:none;}
#header{background: url(../images/headerbg.jpg) left bottom no-repeat;
text-align:left;
width:862px;
height:137px;
float:left;
background-color:white;
}
#header a {width:155px;
display:block;
height:86px;
padding: 9px 36px 0px 0px;
float:right;
}
#wrap{width:862px;
margin-left:auto;
margin-right:auto;
}
#container {background-color:#DADDE3;
float:left;
width:862px;
}
#nav {background: #222E9A url(../images/navbg.gif) left repeat-x;
text-align:left;
width:840px;
height:44px;
float:left;
padding-left:22px;
}
#nav a {
text-decoration:none;
display:block;
color:#F5F7FC;
float:left;
text-transform: uppercase;
font-size:13px;
font-family: "Lucida Sans Unicode", "Trebuchet MS", Tahoma;
}
#nav ul li {display:inline;
float:left;
background: url(../images/navln.gif) center left no-repeat;
padding: 14px 20px 0px 23px;
height:30px;}
#nav ul .first {background:none;}
#nav ul li a:hover {color:#B8B8FF;
}
#nav ul li .active {color:#B8B8FF;
}
#main {width:862px;
float:left;
font-family:Tahoma;
background: #DADDE3 url(../images/mainbg.gif) repeat-y;
}
#main .leftsd {background-color:#C8CBD4;
width:208px;
float:left;
padding: 53px 0px 0px 0px;
}
.leftsd ul {background: #DADDE3 url(../images/leftsdbg.jpg) bottom left no-repeat;
border: solid #BDC0CA;
border-width:1px 0px 0px 0px;
list-style:none;
padding-bottom: 427px;
width:208px;
float:left;
}
.leftsd li { list-style:none;
border: solid #BDC0CA;
border-width:0px 0px 1px 0px;
width:208px;
height:26px;
float:left;
}
.leftsd li a {background: url(../images/leftsdmn.jpg) left bottom no-repeat;
float:left;
font-size:11px;
color:#525252;
height:11px;
height:20px;
width:171px;
text-decoration:none;
font-weight:bold;
padding: 6px 0px 0px 37px;
}
.leftsd li a:hover {color:#495ECE;
background: url(../images/leftsdmnhov.jpg) left bottom no-repeat;}
.leftsd li .active {color:#495ECE;
background: url(../images/leftsdmnhov.jpg) left bottom no-repeat;}
#main .lable {background-color:#DFE2E8;
height:53px;
width:621px;
float:left;
padding-left:32px;
border: solid #BDC0CA;
border-left-color:white;
border-width:0px 0px 1px 1px;
}
.lable p {background: url(../images/arrowhigh.gif) left bottom no-repeat;
color:#495ECE;
padding: 18px 0px 0px 14px;
font-size:13px;
float:left;
height:13px;
font-weight:bold;
}
#main .cont {background-color:#EEEFF2;
float:left;
width:628px;
/*width:610px;*/
border: solid white;
padding: 22px 0px 20px 25px;
/*padding:20px;*/
border-width:0px 0px 0px 1px;
min-height:450px;
_height:450px;
}
#main .stuff {float:left;
width:216px;
padding-right:30px;}
#main .cont .stuff a {float:left;
background: white url(../images/zoom.gif) center no-repeat;
height:28px;
width:28px;
border: 1px solid #4A5FCE;
}
#main .cont .stuff a:hover {border: 1px solid #2461F7;
background-color:#CFDDFF;}
#main .cont .stuff p a {background: url(../images/arrowstuff.gif) left bottom no-repeat;
float:right;
background-color:#EEEFF2;
width:99px;
font-size:11px;
border:0px;
color:#495ECE;
height:12px;
text-decoration:none;
padding: 6px 0px 0px 12px;
}
#main .cont .stuff p a:hover {background: url(../images/arrowstuffhigh.gif) left bottom no-repeat;
color:#6D86FF;
border:0px;}
.cont .stuff img {float:left;
padding: 0px 30px 9px 0px;
}
.cont .stuff .first {padding-left:0px;}
.cont .stuff ul {padding: 0px 0px 22px 0px;
width:230px;
height:68px;
}
.cont .stuff li {background:none;
float:left;
padding: 0px 0px 0px 7px;
width:70px;
height:70px;
background-color:#EEEFF3;
}
.cont .stuff ul li img {padding: 0px 0px 0px 0px;}
#main .cont .stuff ul a, #main .cont .stuff ul a:hover {background:#445cca; width:68px;
height:68px;
border:1px solid #CACAD2;
}
#main .cont .stuff ul li .active {background:#445cca; width:68px;
height:68px;
border:1px solid #CACAD2;}
#main .cont .stuff ul li a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
#main .cont .stuff ul li a.active img {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.cont ul {list-style:none;
width:381px;
float:left;
padding: 15px 0px 35px 0px;
}
.cont li {background: url(../images/point.gif) top left no-repeat;
color:#525252;
font-size:12px;
padding: 0px 0px 13px 23px;
list-style:none;
width:336px;
float:left;
}
.cont .contb {float:right;
width:380px;
}
.cont td,th {border:0px; text-align:center; padding-right:10px; width:163px; text-align:left; vertical-align:top;}
.cont table{float:left;
color:#525252;
font-size:12px;
/* border:2px solid white;*/
width:346px;
line-height:17px;
border-collapse:collapse;}
#main .cont .headtab {color:white;
font-size:11px;
font-weight:bold;
background-color:#BCBEC3;
padding-left:22px;
}
#main .cont .whited {background-color:#ffffff;
}
#main .cont .greyed {background-color:#E4E5E8;
}
#main .cont .lefted {padding-left:22px;
width:151px;
}
#footer {width:652px;
background-color:#DADDE3;
height:36px;
float:right;
padding-left:200px;
font-size:11px;
font-family:Tahoma;
}
#footer p {color:#8A8C8E;
font-size:10px;
float:right;
padding-top:6px;
}
#footer a {background: url(../images/footln.gif) left bottom no-repeat;
color:#8A8C8E;
font-size:10px;
float:left;
padding: 6px 9px 0px 9px;
text-decoration:none;
}
#footer .first {background:none; padding-left:0px;}
#footer a:hover {color:#67696A;}
#header .lang {padding: 24px 0px 0px 2px;
float:left;
}
#header .lang a {font-size:11px;
text-transform:uppercase;
font-family:Tahoma;
width:11px;
height:11px;
padding: 0px 0px 0px 18px;
text-decoration:none;
color:#B9BBBD;
float:left;
}
#header .lang a:hover {color:#8A8C8E;}
#header .lang .active {color:#8A8C8E;}