/*style of the code goes here */


/* ======================== main ============================= */

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

#container { 
width: 1015px;
height: auto; 
margin: 0px auto;
padding: 0;
border : 0;  
background-color: #CCCCCC;

} 

#main {
width: 100%;
height: 100%;
background-color: #CCCCCC;
padding-bottom: 20px;

}

/* ======================== header ============================= */

#header {
width: 100%;
height: auto;
background-color: white;
}

#header .languages {

padding-left: 850px;
background-color: #CCCCCC;

height: 25px;
}

#header .languages a {
font-family: arial;
font-size: 12px;
font-weight: bold;
color: black;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;

}

#header .languages a:hover {
text-decoration: underline;
}

#header .logo {
padding-top: 10px;
padding-left: 5px;
}

#header .promo {
padding-left: 255px;
margin-top: -110px;
}

#header .slogan {
padding-left: 835px;
margin-top: -115px;
}

#header .nav {
margin-top: 10px !important; /* fir for opera and firefox */
margin-top: 2px ;
width: 100%;
height: auto;
background-color: #003399;
}

#header .nav img {
vertical-align: middle;

margin-right: 5px;
}

#header .nav ul {
padding-top: 10px;
padding-bottom: 10px;
}

#header .nav li {
list-style-type: none;
display: inline;
padding-right: 30px;
margin-left: 30px;
}

#header .nav a {
color: #CCCCCC;
font-size: 13px;
font-family: arial;
text-decoration: none;

}

#header .nav a:hover {
text-decoration: underline;
color: white;

}

#header .nav a:active {
text-decoration: underline;
color: white;
}


/* ======================== body ============================= */


#body {
width: auto;
height: auto;
float: left;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
background-color: #CCCCCC;

}

#body .buttons li{
list-style-type: none;
background-color: white;
}

#body .buttons img {
margin-bottom: 10px;
}

#body .buttons img.pic {
margin-left: 30px;

}


#body .menu {
margin-top: 10px;
padding-bottom: 30px;
}

#body .menu li {
list-style-type: none;
font-family: Arial;
font-size: 16px;
font-weight: bold;
list-style-type: none;
padding-bottom: 10px;
background-color: white;
border-bottom: 1px solid grey;
padding-left: 20px;
padding-top: 5px;

}

#body .menu a {
color: #003399;
text-decoration: none;
}

#body .menu a:hover {
text-decoration: underline;
}



/* ======================== sider ============================= */

#sider {
width: auto;
height: auto;
margin-bottom: 100px;
background-color: #CCCCCC;
margin-top: -100px !important;
margin-top: 1px;

}


#sider .center  {
margin-top: 10px;
margin-left: -5px !important;
margin-left: -5px;
float: left;
padding-top: 10px ;
padding-left: 10px;
padding-right: 10px;
font-family: arial;
font-size: 12px;
color: #333333;
text-align: justify;
width: 473px;
height: auto;

padding-bottom: 20px;
margin-right: 10px;

background-color: white;
}

#sider .center .title {
color: black;
font-size: 18px;
}

#sider .center a{
color: #003399;
text-decoration: none;
} 

#sider .center a:hover {
text-decoration: underline;
}

#sider .center a:visited {
color: #660099;
text-decoration: underline;
}



#sider .right .links {

font-family: Arial;
padding-top: 10px;

}

#sider .right .links li {
list-style-type: none;
}

#sider .right .links img {
margin-bottom: 10px;
}

#sider .right th {
background-color: #3399CC;
font-size: 16px;
color: white;

}

#sider .right th img {
vertical-align: middle;

margin: 5px;
}

#sider .right td {
background-color: white;
border-bottom: 1px solid grey;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 12px;
color: #333333;

}

#sider .right .guide a {
font-size: 14px;
color: #003399;
text-decoration: none;
}

#sider .right .guide a:hover {
text-decoration: underline;
}


#sider .right td img {
padding-right: 5px;

}


#sider .right .partner img {
margin-top: 5px;
margin-right: 20px !important;
margin-right: 40px ;
float: right; 
}

#sider .right {
float: right;
height: auto;
width: 235px;


}



/* ======================== footer ============================= */


#footer {
clear:both;
/*margin-top: 10px;*/
border-top: 5px solid #333333;
background-color: white;
margin-bottom: -20px;
}

#footer .content {
padding-top: 10px;
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #333333;
}

#footer .content a {
font-weight: normal;
color: #003399;
text-decoration: none;
}

#footer .content a:hover {
text-decoration: underline;
}

#footer .contacts {
padding-top:10px;
font-family: arial;
font-size: 12px;
color: #333333;
}

#footer .contacts li {
list-style-type: none;
display: inline;
padding-right: 200px;
}

#footer .contacts img {
vertical-align: middle;
padding-right: 10px;
}