/* CSS Document */

body
{
margin:0;
padding:0;
background:#eeeeee;
font:normal 13px Arial, Helvetica, sans-serif;
color:#616161;
}
img
{
margin:0;
padding:0;
border:none;
}
a
{
text-decoration:none;
outline: none;
}

h1, h2, h3
{
margin:0;
padding:0;
}
h1
{
background:#aeaeae;
padding-left:15px;
font:normal 16px/30px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
h2
{
background:#8eb8fe;
padding-left:15px;
font:normal 16px/30px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.left
{
float:left;
}
.right
{
float:right;
}

#container
{
width:800px;
margin:25px auto 0px auto;
text-align:center;
}

/* header part*/
#header
{
width:800px;
float:left;
background:#5087bd;
height:105px;
text-align:left;
}
#header .logo
{
float:left;
margin-top:31px;
margin-left:15px;
}
#header .login
{
width:105px;
float:right;
margin-top:15px;
margin-right:15px;
display:inline;
text-align:right;
}
.login-left
{
width:75px;
float:left;
font:normal 12px/25px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.login-right
{
width:105px;
float:left;
}
.input-login
{
width:100px;
height:16px;
border:1px solid #CCCCCC;
margin-bottom:5px;
font:normal 11px Arial, Helvetica, sans-serif;
color:#666666;
}
/* header part*/


/* navigation part*/
#navcontainer
{
width:800px;
float:left;
background:#000000;
text-align:left;
}
#navcontainer ul
{
width:207px;
float:right;
margin:0;
padding:0;
}
#navcontainer ul li
{
list-style-type:none;
display: inline;
padding:0px 3px;
font:normal 12px/30px Arial, Helvetica, sans-serif;
color:#FFFFFF;
background:none;
}
#navcontainer ul li a
{
color:#FFFFFF;
text-decoration:none;
}
#navcontainer ul li a:hover
{
text-decoration:underline;
}
/* navigation part*/

/* body part*/
#body
{
width:800px;
float:left;
background:#FFFFFF;
text-align:left;
padding:10px 0px;
}
#body-left
{
width:180px;
float:left;
background:#dbd9d9;
}

#body-left .navlist
{
width:165px;
float:left;
padding-left:15px;
padding-top:18px;
padding-bottom:25px;
}
#body-left .navlist ul
{
margin:0;
padding:0;
}
#body-left .navlist ul li
{
width:140px;
float:left;
padding-left:20px;
background: url(../images/icon-plus.gif) left 12px no-repeat;
display:block;
list-style-type:none;
font:normal 12px/30px Arial, Helvetica, sans-serif;
}
#body-left .navlist ul li a
{
color:#545454;
text-decoration:none;
}
#body-left .navlist ul li a:hover
{
color:#FFFFFF;
}
#body-left .navlist ul li ul
{
margin:0;
padding:0;
}
#body-left .navlist ul li ul li
{
padding-left:20px;
width:120px;
list-style-type:none;
display:block;
background: url(../images/bullet.gif) left 6px no-repeat;
text-align:left;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
#body-left .navlist ul li ul li a
{
color:#545454;
text-decoration:none;
}
#body-left .navlist ul li ul li a:hover
{
color:#FFFFFF;
}
#body-left .navlist ul li ul li ul
{
margin:0;
padding:0;
}
#body-left .navlist ul li ul li ul li
{
padding-left:20px;
width:100px;
list-style-type:none;
display:block;
background:url(../images/bullet_black.gif) left center no-repeat;
text-align:left;
font:normal 12px/20px Arial, Helvetica, sans-serif;
}
#body-left .navlist ul li ul li ul li a
{
color:#545454;
text-decoration:none;
}
#body-left .navlist navlist ul li ul li ul li a:hover
{
color:#FFFFFF;
}
#content-part
{
width:420px;
float:left;
margin-left:10px;
display:inline;
}
#body-middle
{
width:388px;
float:left;
padding:10px 15px;
border:1px solid #9dc2ff;
margin-top:10px;
margin-bottom:10px;
}
#body-middle a
{
color:#4f4f4f;
text-decoration:none;
}
#body-middle h1
{
background:#dededf;
padding-left:10px;
font:normal 14px/30px Arial, Helvetica, sans-serif;
color:#4f4f4f;
}
#body-middle h2
{
font:normal 14px/30px Arial, Helvetica, sans-serif;
color:#4f4f4f;
background:none;
padding:0;
font-weight:bold;
}
#body-middle h3
{
font:normal 13px/22px Arial, Helvetica, sans-serif;
color:#4f4f4f;
background:none;
padding:0;
margin:0;
font-weight:bold;
}
#body-middle p
{
margin:3px 0px;
}
#body-middle ul
{
margin:0px;
padding:0px;
text-align:left;
}
#body-middle ol
{
margin:0;
padding:0;
list-style-position: outside;
}
#body-middle ol li
{
font:normal 13px/18px Arial, Helvetica, sans-serif;
color:#616161;
background:none;
margin-left:20px;
}
#body-middle ul li
{
width:360px;
padding-left:25px;
float:left;
display:block;
list-style-type:none;
background:url(../images/bullet_go.gif) left 3px no-repeat;
font:normal 13px/22px Arial, Helvetica, sans-serif;
color:#616161;
text-align:left;
}
#body-middle .img-left
{
float:left;
margin-right:20px;
}
#body-middle .img-right
{
float:right;
margin-left:20px;
}
#body-right
{
width:180px;
float:right;
background:#d8e7fe;
padding-bottom:25px;
}
#body-right p
{
margin:0px;
} 
.clear
{
clear:both;
}

/* body part*/

/* footer part*/
#footer
{
width:785px;
float:left;
height:45px;
padding-right:15px;
font:normal 11px/45px Arial, Helvetica, sans-serif;
color:#edecec;
text-align:right;
background:#000000;
margin-top:10px;
}
/* footer part*/