body {
	margin: 0;
	padding: 0;
	background-color: #eaeaea;
	text-align: center;

	font-family: Verdana, sans-serif;
	font-size:12px;
}

*:link, *:visited {
	text-decoration: none;
	color: maroon;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

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

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 770px;
}

#header {
	width: 770px;
	height: 116px;
}

#header #print-logo, #header #contacts-panel {
	display:none;
}

#content {
	width: 510px;
	float: left;
	margin: 10px 0 0 0;
}

#sidebar {
	width: 255px;
	float: right;
	margin: 10px 0px;
}

#footer {
	clear: both;
	color: #908c80;
}

/* CSS for the box starts here
================================================*/

/* Default styling. Used when JavaScript is unsupported */

.cbb {
	padding:0 10px;
	margin:5px 0;
	background:#fff;
	padding:8px;
}

#content .cbb {
}

#sidebar .cbb {
}

/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.cb {
	margin-bottom: 5px;
}

/* Rules for the top corners and border */

.bt {
	background:url('/_i/layout/box_white.png') no-repeat 100% 0;
	margin:0 0 0 10px;
	height:10px;
}

.bt div {
	height:10px;
	width:10px;
	position:relative;
	left:-10px;
	background:url('/_i/layout/box_white.png') no-repeat 0 0;
}

/* Rules for the bottom corners and border */

.bb {
	background:url('/_i/layout/box_white.png') no-repeat 100% 100%;
	margin:0 0 0 10px;
	height:10px;
}

.bb div {
	height:10px;
	width:10px;
	position:relative;
	left:-10px;
	background:url('/_i/layout/box_white.png') no-repeat 0 100%;
}

/* Insert the left border */

.i1 {
	padding:0 0 0 6px;
	background: url('/_i/layout/borders_white.gif') repeat-y 0 0;
}

/* Insert the right border */

.i2 {
	padding:0 6px 0 0;
	background:url('/_i/layout/borders_white.gif') repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */

.i3 {
	background: #fff;
	border: 1px solid #fff;
	border-width: 1px 0;
	padding: 0 5px;
}

/* CSS for the box ends here */

/* You can use different borders for different boxes on the same page. Just adjust the CSS. The following is an example that uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.pink .i1,
.pink .i2 {
	background-image:url('/_i/layout/borders_pink.gif');
}

.pink .bt,
.pink .bt div,
.pink .bb,
.pink .bb div {
	background-image:url('/_i/layout/box_pink.png');
}

.pink .i3 {
	background-color: #fcf5e2;
	border-color: #fcf5e2;
}

/* CSS for the box ends here
================================================*/

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

/* logo */

#header #logo {
	margin:0; padding:0;
	width:155px;
	height:92px;
	text-align:center;
	overflow:hidden;
}

#header #logo a {
	display:block;
	width:160px;
	height:124px;
	text-indent:-9000px;
	text-decoration:none;
}

#header a.lang_select:link,
#header a.lang_select:visited,
#header a.lang_select:hover {
	color:#eaeaea;
	font-weight:normal;
	text-decoration:none;
}

/* menu */

#menu {
	height: 24px;
	line-height:24px;
}

#menu ul {
	margin: 0; padding: 0;
}

#menu li {
	margin: 0; padding: 0;
	float: left;
	list-style:none;
	padding-left: 10px;
	background: transparent url('/_i/layout/menu_sep.gif') no-repeat 0 50%;
}

#menu a {
	color: white;
	font-weight:normal;
	padding-right: 10px;
	background: transparent url('/_i/layout/menu_sep.gif') no-repeat 100% 50%;
}

/* sidebar
===============================================*/

#sidebar {
	font-size: 90%;
}

/* news */

#news p {
	text-align: left;
	margin:0;
}

/* qualifications */

#qualifications {
	text-align:center;
}

/* address */

#sidebar address {
	display: block;
	margin:1em 0;
	text-align: center;
	font-size: 90%;
	font-style: normal;
	color: #7d7d7d;
}

#sidebar address strong {
	color: #758fc8;
}

#sidebar #fixaidea {
	margin-top: -3px;
	padding: 0 8px;
	text-align: right;
	color: rgb(136, 136, 136);
	font: normal 9px Tahoma, Verdana, sans-serif;
	line-height:1em;
}

#sidebar #fixaidea a {
	padding-right: 6px;
	background: url(/_i/layout/fi_arrow.gif) no-repeat 100% 50%;
	color: rgb(136, 136, 136);
	font: normal 9px Tahoma, Verdana, sans-serif;
}

/* sidebar
===============================================*/

#footer {
	font-size: 80%;
/*	border-top: 1px solid #908c80; */
	padding: 0 5px;
	line-height:1em;
}

#footer p {
	margin:0 0 0.5em 0;
}


/*
 * ------------------------------------------------------------------------------------------------
 * ARTICLE
 * ------------------------------------------------------------------------------------------------
 */

.article p {
	margin: 1em 0 0.5em 0;
	line-height: 1.3em;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	margin: 0 0 0.7em 0;
	font-family: Verdana, sans-serif;
	color: #33317a;
	font-weight: bolder;
	text-align:left;
	clear:both;
}

.article h1	{ font-size:17px; line-height:28px; }
.article h2	{ font-size:15px; line-height:23px; }
.article h3	{ font-size:13px; line-height:23px; }
.article h4	{ font-size:13px; color:black; }
.article h5	{ font-size:12px; font-style:italic; color:black; }
.article h6	{ font-size:12px; font-weight:normal; font-style:italic; color:black; }

.article img {
	margin:10px;
	border:1px solid #bbb;
	padding:3px;
}

.article img.nullmargin {
	margin:0
}

.article .lead {
	font-weight:bolder;
}

/* article table */

.article table {
	border-collapse:collapse;
	clear:both;
}

.article td, .article th {
	margin:0;
	border:0;
	padding:2px;
	font-size:11px;
}

.article tr.table-head td, .article tr.table-head th {
	font-weight:bolder;
	color:#33317a;
}

.article tr.table-odd-row {
	background-color:#ededed;
}

.article tr.table-even-row {
	background-color:white;
}

.article td.table-cell-bold {
	font-weight:bold;
	width: 50%;
	vertical-align: top;
}

.article ul {
	margin: 0.5em 30px;
	padding:0;
}

.article li {
	margin:0.1em 0; padding:0;
}


.article .news-date {
	display:block;
	position:relative;
	top:0.8em;
	margin: 0.7em 0 0em 0; border:0; padding:0;
	border-bottom: 1px dotted #908c80;
	color: #908c80;
}

.article .news-details {
	color: maroon;
	font-weight: bold;
	display: block;
	padding-left: 20px;
	margin: 0.2em 0 1em 0;
	background: transparent url('/_i/layout/details-arrow.gif') no-repeat 0 1px;
}



#registration_form label {
	display:block;
	width:150px;
	float:left;
	text-align:left;
	margin-top:3px;
}

#registration_form input, #registration_form textarea {
	font: normal 12px Tahoma, Verdana, sans-serif;
	display:block;
	width:300px;
	float:left;
	margin-bottom:3px;
}

#contact_form label {
	display:block;
	width:100px;
	float:left;
	text-align:left;
	margin-top:3px;
}

#contact_form input, #contact_form textarea {
	font: normal 12px Tahoma, Verdana, sans-serif;
	display:block;
	width:300px;
	float:left;
	margin-bottom:3px;
}

/* login */

#login form {
	margin:0;
}

#login table,
#login td {
	margin:0; border:0; padding:0;
}

#login form label {
	display:block;
}

#login form .widget {
	width:107px;
	font: normal 11px Tahoma, Verdana, sans-serif;
	padding: 0 1px;
	margin-top:2px;
	margin-right:4px;
}

#login form .button {
	margin:4px 0 0 0;
	width:70px;
}

