
body {
	margin: 0;
	background-color: #F4F4F4;
	font: 75% Tahoma;
	color: #767676; 
}

a img {
	border: none;
}

/* ----- Header ----- */

.container {
	margin: 0 auto;
	width: 775px;
	background: #fff;
}

.header {
	height: 99px;
	background-image: url(/images/design/bg-head.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.logotip {
	float: left;
	display: inline;
	width: 213px;
	margin: 27px 0 0 35px;
}

#bg-top {
	float: left;
	width: 210px;
	height: 99px;
	vertical-align: bottom;
	background-image: url(/images/design/bg-top.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin: 0 0 0 32px;
}

.head-menu {
	float: left;
	margin: 25px 0 0 75px;
	padding: 0;
	list-style: none;
}

.head-menu li {
	display: inline;
	margin: 0 4px;
}

.bg-box {
	width: 100%;
	overflow: hidden;
}

.navigator {
	float: left;
	width: 205px;
	height: 201px;
	background-image: url(/images/design/left-bg.jpg);
	background-repeat: no-repeat;
}

.navigator ul {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
}

.navigator li {
	background-image: url(/images/design/l-arrow.jpg);
	background-repeat: no-repeat;
	background-position: left; 
	padding: 3px 0;
	margin: 0 0 0 50px;
}

.navigator a {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #DDF0F4;
	text-decoration: none;
	padding: 0 0 0 20px;
}

.navigator a:hover {
	color: #DDF0F4;
	text-decoration: underline;
}

#box1 {
	float: left;
	width: 570px;
	height: 64px;
	background-image: url(/images/design/bg-box1.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#box2 {
	float: left;
	width: 570px;
	height: 65px;
	background-image: url(/images/design/bg-box2.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

#box3 {
	float: left;
	width: 570px;
	height: 72px;
	background-image: url(/images/design/bg-box3.jpg);
	background-position: top;
	background-repeat: no-repeat;
}

/* ----- Left Box ----- */

.center {
	width: 100%;
	overflow: hidden;
}

.left-box {
	float: left;
	width: 225px;
	padding: 15px 0 15px 15px;
}

.left-box h1,h2 {
	background-image: url(/images/design/bg-left.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #388593;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 8px 32px;
}

.left-box span {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #767676;
}

.img-link {
	text-align: center;
	margin: 20px 0;
}

.news {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

.news li {
	background-image: url(/images/design/arrow.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 0 0 15px;
	margin: 10px 0;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #767676;
	vertical-align: top;
	text-align: justify;
}

.news span {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #388593;
}

.news a {
	font-family: Tahoma;
	font-size: 11px;
	color: #CD313A;
	text-decoration: none;
}

.news a:hover {
	color: #CD313A;
	text-decoration: underline;
}

/* ----- Content Box ----- */

.content-box {
	float: right;
	width: 505px;
	padding: 15px 10px 15px 15px;
}

.content-box h3,h4,h5,h6 {
	background-image: url(/images/design/line.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #388593;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 8px 15px;
}


.content-box span {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #767676;
}

.content-box ul {
	line-height: 16px;
}

.text {
	text-indent: 15px;
	font-family: Tahoma;
	font-size: 12px;
	color: #767676;
	line-height: 16px;
	text-align: justify;
}

.page-cont {
	font-family: Tahoma;
	font-size: 12px;
	color: #767676;
	line-height: 16px;
	text-align: justify;
}

.labels {list-style: square;}

.labels a {
	font-family: Tahoma;
	font-size: 12px;
	color: #388593;
	text-decoration: none;
}

.labels a:hover {
	color: #388593;
	text-decoration: underline;
}

.feedback {
	list-style: none;
	padding: 0;
	margin: 5px 0;
}

.feedback li {
        font-family: Tahoma;
	font-size: 12px;
	color: #767676;
	line-height: 16px;
	text-align: justify; 
	padding: 10px 0;
}

.feedback span {
	display: block;
	font-family: Tahoma;
	font-size: 11px;
	color: #388593;
        font-weight: bold;
	line-height: 16px;
	text-align: right;
}

/* ----- Footer ----- */

.footer {
	background-image: url(/images/design/bg-footer.jpg);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	padding: 0 0 5px 0;
}

.bottom-menu {
	margin: 0;
	padding: 15px 0;
	list-style: none;
}

.bottom-menu li {display: inline;}
.bottom-menu img {vertical-align: middle; padding: 0 5px;}

.bottom-menu a {
	font-family: Tahoma;
	font-size: 11px;
	color: #388593;
	text-decoration: none;
}

.bottom-menu a:hover {
	color: #388593;
	text-decoration: underline;
}

.copy {
	font-family: Tahoma;
	font-size: 11px;
	color: #767676;
	font-size: 11px;
	text-align: center;
}