body {

	margin: 0px;

	padding:0px;

	background: #000000 url('../images/top-bg.jpg') no-repeat scroll center top;

}



/* Tahoma,Verdana,Arial,Helvetica,sans-serif; */ 

body, td, th {

	font-family: Verdana,Arial,Helvetica,sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	line-height: 18px; /* 160% */

}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {

	margin:0.5em 0;

}

h1, h4, h5, h6 {

	color: #fff;

	font-weight: normal;

	margin-top: 10px;font-family: 'Yanone Kaffeesatz', arial, serif;



}

h1, .componentheading {

	font-size: 28px;

	color: #fff;

	margin-top: 0;font-family: 'Yanone Kaffeesatz', arial, serif;

}

h2, .contentheading {

	font-size: 24px;

	color: #fff;font-family: 'Yanone Kaffeesatz', arial, serif;

}

h3 {

	font-size: 18px;

	color: #fff;font-family: 'Yanone Kaffeesatz', arial, serif;

}

h4 {

	font-size: 16px;

	color: #fff;font-family: 'Yanone Kaffeesatz', arial, serif;

}

/* OLD FONT - CUFON */

/*

h1, h4, h5, h6 {

	color: #fff;

	font-weight: normal;

	margin-top: 10px;

}

h1 {

	font-size: 28px;

	color: #fff;

	margin-top: 0;

}

h2 {

	font-size: 24px;

	color: #fff;

}

h3 {

	font-size: 18px;

	color: #fff;

}

h4 {

	font-size: 16px;

	color: #fff;

}

*/

/** END OF OLD FONT */

img a, img {

	border:0 none;

	padding:0;

}

a {

	color: #A9A9A9;

	text-decoration: none;

}

a:hover {

	color: #999;

	text-decoration: underline;

}

.container {

	width: 950px;

	margin: 0 auto;

	border-top: 1px solid #fff;

	clear: left;

}

#contentarea {

	width: 946px;

	clear: left;

	margin-top: 0;

	float: left;

/*	padding-bottom: 30px; */

	padding-top: 25px;

	background: #151515;

	border-left: 2px solid #fff;

	border-right: 2px solid #fff;

	display: inline;

}

#top {

	width: 950px;

	height: 90px;

	margin: 43px auto 0;

	background: url("../images/topgrad3.jpg") no-repeat; /* scroll center center; */

}

#top-cover {

	width: 950px;

	margin: 0 auto;

	float: left;

	display: inline;

	height: 90px;

}

#logo {

	width: 260px;

	float: left;

	margin-top: 25px;

	margin-left: 18px;

	display: inline;

}

.languages {

	position: absolute;

	margin-top: 72px;

	margin-left: 17px;

	padding: 0;

	width: 120px;

}

#header {

	width: 950px;

	float: left;

	display: inline-block;

	margin-bottom: 20px;

}

#content {

	width: 630px;

	float: left;

	padding: 0 25px 25px 25px;

	display: inline;

}

#content2 {

	width: 896px;

	float: left;

	padding: 0 25px 0 25px; /* padding: 25px 25px 0 25px; */

	display: inline;

}

#right {

	width: 240px;

	float: right;

	padding-bottom: 25px;

	margin-top: 0;

	color: #fff;

	margin-right:25px;

	display: inline;

}

#right .moduletable {

	margin-bottom: 20px;

}

#bottom {

	width: 946px;

	clear: left;

	float: left;

	color: #666;

	background:#151515;

	padding:0 0 20px;

	border-left: 2px solid #fff;

	border-right: 2px solid #fff;

	display: inline;

}

#right h3 {

	margin: 0px;

/*	font-weight: bold; */

	color: #fff;

	font-size: 18px;

	color: #fff;font-family: 'Yanone Kaffeesatz', arial, serif;

/*	font-size: 24px;

	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, Sans-serif; */

/*	border-bottom:5px solid #242424; */

	padding:0 0 5px 0;

}

#bottom h3 {

	margin: 0px;

	font-weight: bold;

	text-transform: uppercase;

	color: #fff;

	font-size: 24px;

/*	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, Sans-serif; */

/*	border-bottom:5px solid #242424; */

	padding:0 0 5px 0;

}

#user1 {

	width: 170px;

	float: left;

	margin-left: 25px;

	color: #fff;

	display: inline;

}

#user1 .moduletable {

	margin-bottom: 5px;

	padding-bottom: 5px;

}

/* #user1 p {

	margin: 0;

	padding: 0;

	margin-left: 10px;

} */

/* #user1 a {

	color: #FF9900;

} */

#user2 {

	width: 170px;

	float: left;

	margin-left: 15px;

	color: #fff;

	display: inline;

}

#user2 li {

	margin: 0;

	padding: 0;

	list-style: none;

	list-style-image: none;

	text-transform: none;

	line-height: 18px;

}

/* #user2 a {

	color: #666;

	margin-left: 2px;

	font-size: 11px;

} */

#user3 {

	width: 170px;

	float: left;

	margin-right: 15px;

  margin-left: 15px;

	color: #fff;

	display: inline;

}

#user4 {

	width: 170px;

	float: left;

	margin-right: 5px;

	display: inline;

	color: #fff;

}

#user4 img {

	clear: both !important;

}

#user5 {

	width: 170px;

	float: right;

	margin-right: 10px;

	display: inline;

	color: #fff;

}

	

#footer {

	clear: left;

	float: left;

	width: 946px;

	text-align: left;

	font-size: 9px;

	padding-top: 10px;

	color: #fff;

	background: #151515;

	border-left: 2px solid #fff;

	border-right: 2px solid #fff;

	border-top: 1px solid #fff;

}

#footer a {

	color: #666;

}

#footer p {

	padding-left: 10px;

	padding-right: 10px;

}

#footer .moduletable {

	width: 880px;

	margin: 0 auto;

	margin-top: 3px;

}



#footer_menu {

	float:right;

	margin:0.5em 0;

	padding-left:10px;

	padding-right:10px;

}



#footer_menu .moduletable {width: auto; margin: 0;}



#footer_menu ul{display: inline; list-style-type: none; margin: 0;}



#footer_menu li{display: inline; list-style-type: none; padding-right: 5px; padding-left: 5px;}

#footer_menu a:link{color: #fff; text-decoration: none;}

#footer_menu a:visited{color: #fff; text-decoration: none;}

#footer_menu a:hover{text-decoration: underline;}

#footer_menu a:active{text-decoration: underline;}



#bg-bot {

	background: url('../images/bot-round.jpg') no-repeat;

	width: 950px;

	height: 20px;

	float: left;

}



h2.contentheading, h2.componentheading {

	margin-bottom: 20px;

	margin-top: 10px;

}

.clear {

	clear: both;

}



/* COMMON TAGS */



.tool-tip { 

	float:left; 

	background:#ffc; 

	border:1px solid #D4D5AA; 

	padding:5px; 

	max-width:200px; 

	text-align:left;

	color: #333;



}

.tool-title { 

	padding:0; 

	margin:0; 

	font-size:12px; 

	font-weight:bold; 

	margin-top:-15px; 

	padding-top:15px; 

	padding-bottom:5px; 

	text-align:left; 

	background: url(../../system/images/selector-arrow.png) no-repeat;

}

.tool-text { 

	font-size:11px; 

	margin:0; 

	text-align:left;

}

.modifydate {

	color: #C0C0C0;

}

.author {

	color: #C0C0C0;

}

.createdate {

	color: #C0C0C0;

}

.contenttoc {

	margin: 5px;

}

.readmore {

	color: #666666;

	text-transform: lowercase;

}

.item p {

	color: #fff;

}



/* ul {

list-style:none outside none;

margin:0;

padding:0;

}



li {

background:url("../images/strelica.gif") no-repeat scroll 0 7px transparent;

font-family:Verdana,Arial,Helvetica,sans-serif;

font-size:11px;

padding-left:15px;

text-decoration:none;

} */



ul {

	margin: 2px;

	padding: 6px;

	padding-left: 15px;

}

li {

	padding-left: 1px;

	line-height: 150%;

}

ul.arrow1 li, ul.arrow2 li {

	padding-left: 5px;

	padding-bottom: 2px;

	padding-top: 2px;

}

.inputbox {

	background:#FFF; 

	border:1px solid #ccc;

	margin-top: 5px;

}

.inputbox:hover, .inputbox:focus {

	background:#e0e0e0;

}

.button, .validate {

	background:#666; 

	color:#fff; 

	text-transform:lowercase; 

	font-weight:bold; 

	font-size:10px; 

	border: 0;

	padding-bottom: 2px;

}

.buttons {

	float:right;

	width:85px;

}

.buttons .buttonheading {

	float:left;

}

.buttons img {

	border: 0;

}

fieldset {

	border: none;

}

textarea, input {

	border: solid 1px #ccc;

	color: #666;

}

/* Poll Module Styles */



.poll-radio {

	padding:0;

	float:left;

	clear:left;

	text-align:left;

}

.poll-option {

	float:left;

	padding-bottom:6px;

	padding-top: 3px;

	width:85%;

	margin-left: 2px;

}

.poll h3 {

	border:none;

}

.author, .createdate, .modifydate, .buttons {

	display:none

}

#topmenu {

	float: right;

	width: 650px;

	height: 61px;

	margin-top:25px;

	margin-right: 15px;

	display: inline;

}

#topmenu ul {

	list-style: none;

	margin: 0;

	padding: 0;

	float: right;

}

#topmenu li {

	list-style: none;

	float: left;

	font-weight: normal;

/*	font-size: 24px; */

	font-size: 24px;

	letter-spacing: 1px;

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 5px;

	line-height: 130%;

	text-transform: uppercase;

	font-family: 'Yanone Kaffeesatz', arial, serif;

}

#topmenu li a {

	display: block;

	padding: 0;

	font-weight: normal;

	text-decoration: none;

	color: #fff;

}

#topmenu li:hover, #topmenu li.hover {

	position: static;

}

#topmenu li a:hover, #topmenu li.active a, #topmenu ul li a:hover, #topmenu ul li.active a {

	color: #fff;

	background-position: center;

}

html>body #topmenu li a {

	width: auto;

}#topmenu {

	float: right;

	width: 650px;

	height: 61px;

	margin-top:25px;

	margin-right: 15px;

	display: inline;

}

#topmenu ul {

	list-style: none;

	margin: 0;

	padding: 0;

	float: right;

}

#topmenu li {

	list-style: none;

	float: left;

	font-weight: normal;

/*	font-size: 24px; */

	font-size: 24px;

	letter-spacing: 1px;

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 5px;

	line-height: 130%;

	text-transform: uppercase;

	font-family: 'Yanone Kaffeesatz', arial, serif;

}

#topmenu li a {

	display: block;

	padding: 0;

	font-weight: normal;

	text-decoration: none;

	color: #fff;

}

#topmenu li:hover, #topmenu li.hover {

	position: static;

}

#topmenu li a:hover, #topmenu li.active a, #topmenu ul li a:hover, #topmenu ul li.active a {

	color: #fff;

	background-position: center;

}

html>body #topmenu li a {

	width: auto;

}



#topmenu li ul {

       	position: absolute;

       	width: 170px;

       	left: -999em;

        line-height: 26px;

        z-index: 500;

        margin-left: -10px;

        display: none;

}



#topmenu li ul li {

display: none;

/*background: transparent;

border-bottom:3px solid #FFFFFF;

padding:0;

margin-left: 10px;

margin-top: 5px;

width:170px; */

}



/* 

#topmenu li ul li.active,

#topmenu li ul li:hover {

	border-bottom: 3px solid #666;

}





#topmenu li:hover ul ul, #topmenu  li.sfhover ul ul {

 	left: -999em;

}

 

#topmenu  li:hover ul, #topmenu li li:hover ul, #topmenu li.sfhover ul, #topmenu  li li.sfhover ul {

 	left: auto;

}



#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {

	left: -999em;

}



#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul {

	left: auto;

}



#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li:hover ul ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul, #topmenu li.sfhover ul ul ul ul {

	left: -999em;

}



#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul, #topmenu li li li li.sfhover ul {

	left: auto;

} */

.spotlight {

background:none repeat scroll 0 0 #151515;

border-left:2px solid #FFFFFF;

border-right:2px solid #FFFFFF;

clear:both;

float:left;

padding:0 25px 25px;

width:896px;

}



/* ERROR MESSAGES */



input.system-openid{background:url(http://openid.net/login-bg.gif) no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px}



.system-unpublished{background:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}



#system-message{margin-bottom:10px; padding:0}

#system-message dt{font-weight:bold}

#system-message dd{margin:0; font-weight:bold; background-image:none}

#system-message dd ul{color:#c02; margin-bottom:10px; list-style:none; padding:10px; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}



#system-message dt.message{display:none}

#system-message dd.message{}

#system-message dd.message ul li{background-image:none}



#system-message dt.error{display:none}

#system-message dd.error ul{color:#c00; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}

#system-message dd.error ul li{background-image:none}



#system-message dt.notice{display:none}

#system-message dd.notice ul{color:#c00; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}

#system-message dd.notice ul li{background-image:none}



#system-debug{color:#ccc; background-color:#fff; padding:10px; margin:10px}

#system-debug div{font-size:11px}



.invalid{border-color:#f00}

label.invalid{color:#f00}



/***** GALLERY LAYOUT (SOBI2) ******/

#ref_container {width: 100%; float: left;}

#ref_container p {font-size: 11px; margin:0.5em 0;}



.ref_images {float: right; display: inline; width: 530px; margin-top: 10px;}

.ref_main_image {width: 530px; float: left;}

.ref_main_image img {background:#333; /* border:1px solid #E7E7E7; */ padding: 2px; float: left; }

.ref_gallery {clear: left; margin-top: 10px; float: left;}

.ref_gallery img {background:#333; /* border:1px solid #E7E7E7; */ padding: 2px; margin: 0 6px 5px 0;}

.ref_gallery a:hover img {background: #555;}

.ref_desc {float: left;/* margin: 0 0 0 10px; margin: 0 10px; */ width: 40%;}

.ref_title {font-size: 16px; color: #fff; text-decoration: none; margin: 0;} /* 0 0 10px; */

.ref_date {font-size: 11px;	font-style: italic;	color: #555555;	margin-left: 0; margin-bottom: 15px;}

.ref_sub_title {color: #fff;	font-weight: bold; font-size: 12px;	margin-bottom: 5px;}
