@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration: none;
}

:focus { outline: 0 }

body {
	color: #444;
	background: #fff url(images/bgBody.jpg) 50% 0% no-repeat;
	font-family: Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: justify;
}

/* For IE */
@font-face {
	font-family: 'Walkway';
	src: url('fonts/Walkway_UltraBold.eot');
	font-weight: bolder;
}

@font-face {
	font-family: 'Walkway';
	src: url('fonts/Walkway_UltraBold.ttf') format('truetype');
	font-weight: bolder;
}

p { margin-bottom: 18px }

strong { font-weight: bold }

em { font-style: italic }

a { color: #cf012c }

a:hover { border-bottom: 1px solid #cf012c }

.right {
	float: right;
	margin-left: 10px;
}

.left {
	float: left;
	margin-right: 10px;
}

address {
	padding: 0 15px;
	margin-bottom: 8px;
	font-style: italic;
}

ol, ul { list-style: none }

.wrapper { clear: both }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: "" }

blockquote, q { quotes: "" "" }

/* Real CSS Begins */

.container {
	width: 960px;
	margin: 0 auto;
}

/* HEADER */

#header { padding-top: 19px }

a#logo {
	background: url(images/logo.png) no-repeat;
	width: 471px;
	height: 108px;
	display: block;
	margin-bottom: 19px;
	text-indent: -9999px;
	border: none;
}

/* Navigation */

#navigationCont {
	background: url(images/bgNav.jpg) no-repeat;
	width: 960px;
	height: 40px;
}

ul#navigation {
	float: right;
	margin-right: 10px;
	position: relative;
}

ul#navigation li {
	display: inline;
	float: left;
}

ul#navigation li a {
	color: #fff;
	font: 22px "Walkway", "Walkway UltraBold", "Lucida Sans Unicode", sans-serif;
	line-height: 40px;
	display: block;
	text-align: center;
	margin-right: 10px;
	padding:0 15px;
}



/* Hover */

#header ul li a:hover {
	border: none; 
  background-color:#e01639;                                 
}



/* SubNAV */

.subNav {
	height: 40px;
	background-color: #78b7e1;
	padding-left: 10px;
	top: 40px;
	position: absolute;
	display: none;
	z-index: 6;
}

ul.cssOnly li:hover ul { display: block } /* If JS id disabled */

.abo { left: 80px }

.res { left: 130px }

ul.subNav li a {
	padding: 0 10px;
	background: url(images/subNav.png) repeat-x;
}

ul.subNav li a:hover { background-position: bottom left }


/* MAIN */

#main {
	width: 956px;
	min-height: 202px;
	border: 2px solid #e4e4e4;
	background: #f6f6f6;
	clear: both;
	float: left;
	overflow: hidden;
	position: relative;
}

#columnCont {
	float: left;
	width: 100%;
	position: relative;
	right: 286px;
	background: #fff url(images/bgMain.jpg) no-repeat;
	border-right: 1px solid #e6e6e6;
	clear: both;

}

.central {
	width: 610px;
	float: left;
	padding: 30px 0;
	float: left;
	position: relative;
	left: 316px;
	overflow: hidden;

}

.sidebar {
	float: right;
	width: 245px;
	margin-left: 30px;
	padding: 30px 20px;
	float: left;
	position: relative;
	left: 317px;
	overflow: hidden;

}

p.center {
	text-align: center;
	margin: 16px 0;
}

img {
	background-color: #fff;
	padding: 4px;
	border: 1px solid #d2d2d2;
}

img.noBorder {
	padding: 0;
	border: none;
}

img.front { margin-bottom: 15px }

h1 {
	font: 48px "Walkway", "Walkway UltraBold", "Century Gothic", sans-serif;
	text-align: left;
	color: #007ccf;
	border-bottom: 1px solid #007ccf;
	margin-bottom: 15px;
}

h2 {
	font: 30px "Walkway", "Walkway UltraBold", "Century Gothic", sans-serif;
	color: #007ccf;
	border-bottom: 1px solid #007ccf;
	margin-bottom: 10px;
}

.central h2 {
	font: 24px "Walkway", "Walkway UltraBold", "Century Gothic", sans-serif;
	color: #007ccf;
	margin: 15px 0 10px;
	border: none;
}

h3 {
	font: 18px "Trebuchet MS", sans-serif;
	line-height: 24px;
	text-align: left;
	color: #007ccf;
	margin: 5px 0;
}

div.newsCont h3 { margin: 0 0 10px }

ol.decimal {
	list-style: decimal;
	list-style-position: inside;
	margin: 0 20px 8px;
}

ol.headings {
	list-style: upper-roman;
	list-style-position: outside;
	margin: 0 40px 8px;
	font-size: 16px;
	line-height: 22px;
}

ul.bullets {
	list-style: disc;
	margin: 0 20px 8px 30px;
}

ol.decimal li, ul.bullets li {
	margin-bottom: 4px;
	font-style: italic;
}

ol.pubs {
	list-style: decimal;
	list-style-position: outside;
	margin-left: 20px;
}

ol.pubs li {
	margin-bottom: 16px;
}

ol.pubs li p { margin-bottom: 6px; }

ol.pubs li p span {
	color: #196da8;
}

/* Tables */

table {
	width: 100%;
	border: 0;
	margin: 5px 0;
	font-size: 12px;
}

table#msTypes {
	margin: 10px 0;
}

table td {
	padding: 4px 8px 4px 3px;
}

.topRow td {
	color: #fff;
	font-weight: bold;
	background-color: #78b7e1;
	font-size: 14px;
}

td#name {
	width: 140px;
}

td#ibiss {
	width: auto;
}

td#slavica {
	width: auto;
}

td#email {
	width: auto;
}

.shaded {
	background-color: #eee;
}

table.analogues { margin-bottom: 20px }

tr.captions { height: 25px }

table.analogues tr td {
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

/* Search */

#query {
	margin: 0 0 0 0;
	display: inline;
	width: 185px;
	padding: 4px 5px 0 5px;
	height: 18px;
	border: 1px solid #ccc;
}

#query:focus { border-color: #007ccf }

.text {
	padding: 0 5px;
}

#searchBox { position:relative }

#search {
	position: relative;
	color: #000;
	float: right;
	margin-top: 0;
}

#error {
	margin: 8px 0 0;
	display: none;
	background: url(images/warn.gif) no-repeat 6px 0;
	padding-left: 28px;
	height: 18px;
}

#spinner {
	border: none;
	padding: 0;
	position: absolute;
	top: 4px;
	right: 52px;
}

#success {
	background: url(images/tick.gif) no-repeat;
	width: 14px;
	height: 11px;
	margin: 7px 0 0 5px;
	float: left;
	display:none;
}

#results {
	width: 205px;
	padding: 10px 20px;
	background-color: #78b7e1;
	display:none;
	margin-top: 10px;
}

#resultList {
	margin:0 0 10px;
	padding:0;
}

#resultList li {
	list-style-type: none;
	margin-bottom: 5px;
}

#resultList li a { color: #fff }

#resultList li a:hover { border-color: #fff }

#noResults {
	margin: 8px 0 0;
	display: none;
	background: url(images/cross.gif) no-repeat 0 1px;
	padding-left: 18px;
	height: 18px;
}

.pagesText {
	font-size: 11px;
	line-height: 14px;
	color: #000;
	font-style: italic;
}


/* News */

h2#news { margin-top: 20px }

ul#news li { clear: both }

.more { text-align: right; margin-bottom: 18px; }

div.date {
	font-family: "Walkway", "Walkway UltraBold", "Century Gothic", sans-serif;
	width: 65px;
	float: left;
	color: #529bcc;
	text-align: center;
	background: url(images/bracket.png) no-repeat 52px 3px;
}

div.date p {
	font-size: 24px;
	width: 50px;
}

div.date p span {
	font-size: 30px;
	line-height: 42px;
}

div.excerpt {
	width: 176px;
	float: right;
}

div.newsCont {
	width: 540px;
	float: right;
}

div.excerpt > p:first-child { text-align: left }


/* Contact Form */

#form { margin-bottom: 20px }

.note {
	font-size: 12px;
	line-height: 13px;
	display: block;
	margin-bottom: 10px;
	color: #555;
}

#form p {
	padding: 0;
}

#form p span.image {
	padding-bottom: 3px;
}

.inputBox {
	display: block;
	margin-bottom: 5px;
}

img.contact {
	margin: 0 0 0 15px;
	float: right;	
}

#msgField {
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 334px;
}

label {
	width: 60px;
	display: block;
	float: left;
	line-height: 25px;
	text-align: right;
	margin-right: 10px;
	font-size: 15px;
}

.field {
	display: inline;
	width: 252px;
	padding: 3px 5px 0 5px;
	height: 22px;
	line-height: 25px;
	border: 1px solid #ccc;
}

.textField {
	width: 252px;
	height: 130px;
	border: 1px solid #ccc;
	padding: 3px 5px;
	float: right;
	margin-top: -15px;
}

.field:focus, .textField:focus {
	border-color: #007ccf;
}

.button_container {
	margin: 10px 0 0 70px;
	clear: left;
}

.button {
	width:65px;
	margin-right: 5px;
}

p.padded { padding: 0 15px }



/* FOOTER */

#footer {
	padding: 30px 0;
	clear: both;
}

#copyright {
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 2px 0;
}

/* Added */

.img_padding{
margin-right:15px;
}

.img_padding_alt{
margin-left:15px;
}

.float{
float:left;
}

.noborder{
border:none;
}