@import "template.css";

/******************PAGE PROPORTIONS*********************/
/*Width of the page */
#container {width: 967px; padding-left: 12px; padding-right: 12px;}

/*Header height*/
#header {height: 173px; width: 766px; }

/*Column's width*/
#left {width: 200px; padding-bottom: 10px; text-align: left;}
#page {width: 757px; padding: 3px 0px 10px 9px;}
/*#right {width: 150px;}*/

/*Height of the footer */
#footer {width: 967px; margin-left: 12px; margin-right: 12px; height:55px;}
#content {padding-bottom: 55px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/
* {

}

body {
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#container {
  text-align: justify;
	background-image: url(../images/bg_wrap.gif);
	background-repeat: repeat;
}


/*----------------------header-----------------------------------------*/
#header {
  float: left;
}

#header .lang {
	width: 110px;
	float: left;
	margin-left: 10px;
	padding-top: 5px;
}

#header .links {
	width: 350px;
	float: right;
	padding-right: 20px;
	padding: 3px;
}

#header .links a{
	color: #6D93A7;
	text-decoration: none;
  font-size: 10px;
}

#header .links a:hover {
	color: #7cb1fa;
}



/*--------------------left panel----------------------------------------*/
#left {
  background-color: #FFFFFF;
}

#left .logo {
  display: block;
  width: 200px;
  height: 220px;
  background-image: url(../images/logo.gif);
}
/*left menu */
#left li a {
	display: block;
	padding: 5px;
	color: #17184e;
	background-color: rgb(222,244,255);
	border: 1px solid #9BD9FE;
	text-decoration: none;
	margin-bottom: 1px;
	margin-left: 1px;
}
#left li a:hover {
	color: #c20522;
	text-decoration: none;
	background-color: rgb(191,235,255);	
}

#left li li a {
	display: block;
	padding: 3px 5px 3px 20px;
	background-color: rgb(165,213,236);
	background-image: url(../images/arrow_1off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #696969;
	text-decoration: none;
	border: 1px solid #6BB1E5;
}
#left li li a:hover {
	color: rgb(12, 54, 95);
	text-decoration: none;
	background-color: rgb(153,201,233);
	background-image: url(../images/arrow_1on.gif);
}
#left li li li a {
	display: block;
	padding: 2px 5px 2px 35px;
	background-color: rgb(107,177,229);
	background-image: url(../images/arrow_2off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: rgb(255,255,255);
	text-decoration: none;
	border: 1px solid #276C9F;
	font-size: 0.9em;
}
#left li li li a:hover {
	color: rgb(207, 231, 255);
	background-color: rgb(77, 143, 207);
	background-image: url(../images/arrow_2on.gif);
	text-decoration: none;
}


/*----------------------------Footer----------------------------------*/
#footer {
  background-image: url(../images/bg_footer.gif);
  background-repeat: repeat;
}

#foot {
  text-align: center;
 	color: #555555;
  padding: 7px 10px 0px 10px;
  font-size: 13px;
}

#foot a {
	color: #555555;
	text-decoration: none;
}

#foot a:hover {
	color: #C20522;
	text-decoration: none;
}

#foot .creat {
  text-align: right;
	color: #C20522;
  font-size: 11px;
}

#foot .creat a{
	color: #C20522;
	text-decoration: none;
  font-size: 11px;
}

#foot .creat a:hover {
	color: #555555;
	text-decoration: none;
}
/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #18184E /*#0026ff*/;
	font-weight: normal;
}

h2 {
	color: #555555;
	font-size: 21px;
	font-family:"Times New Roman", Times, serif;
	font-weight: normal;
}

h3 {
	color: #C20522;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
h4 {
	color: #18184E;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 0 15px;
	margin: 0;
}
a {
	color: #C20522;
	text-decoration: none;
}

a:hover {
	color: #0026FF;
	text-decoration: none;
}


/*developer*/
/* body {background: #FFF5E6;} */
/* #container {background: silver;} */
/*#header {background: #efa4ae;}*/
/*#footer {background: #bf9347;}*/
/*#content {background: #afdbff;}*/
/*#topmenu {background: #0033cc;}*/
/*#left {background: #811f72;}*/
/*#page {background: #97468b;}*/
/*#right {background: #bd4ec0;} */