/******************************************************************
 *		Zveza Romov Slovenije - CSS File 
 *		@media		screen
 *		@author		iXemplum Group
 *		@URL		www.ixemplum.com
 *		@date		February 2008
 ******************************************************************/

/**************************************************
 *		General
 **************************************************/
* {
 	margin: 0;
	padding: 0;
	}

img {
	border: 0;
	}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000000;
	background-color: #2C2C2C;
	text-align: center;
	}

a {
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}

h1 {
	clear: left;
	float: left;
	width: 478px;
	font-size: 16px;
	padding-left: 20px;
	text-transform: uppercase;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
	}

h2 {
  clear: left;
  float: left;
  width: 478px;
	font-size: 13px;
	color: #7A2900;
	padding: 10px 0;
	}

h6 {
	font-size: 11px;
	padding-bottom: 23px;
	text-transform: uppercase;
	}

.clear {
  clear: both;
  }
 
/* --------------- Lister --------------- */
.lister {
	float: left;
	width: 200px;
	height: 17px;
	color: #7E2B01;
	}

.lister a {
	color: #7E2B01;
	padding: 0 1px;
	font-size: 12px;
	}

.lister a em {
	font-style: normal;
	padding: 3px;
	color: #FFFFFF;
	background-color: #7E2B01;
	}

/**************************************************
 *		General Structure
 **************************************************/
#container {
	width: 980px;
	margin: 0 auto;
	}
	
#bgMiddle {
	clear: left;
	float: left;
	width: 980px;
	background-image: url(images/rosette.jpg);
	background-repeat: no-repeat;
	background-position: 0px 561px;
	}
	
#bgLeft {
	float: left;
	width: 980px;
	background-image: url(images/bg_left.jpg);
	background-repeat: no-repeat;
	}

#bgRight {
	float: left;
	width: 980px;
	background-image: url(images/bg_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

/**************************************************
 *		Header
 **************************************************/
#header {
	float: left;
	width: 980px;
	height: 228px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	}

#header .headerContent {
	float: left;
	width: 700px;
	margin-top: 53px;
	padding-left: 93px;
	}

#header .logo {
	float: left;
	width: 257px;
	height: 121px;
	}

#header .navigation {
	float: left;
	width: 360px;
	height: 121px;
	}

#header .navigation .leftNav {
	float: left;
	width: 180px;
	}

#header .navigation .leftNav .link1 {
	float: left;
	padding-left: 19px;
	}

#header .navigation .leftNav .link2 {
	clear: left;
	float: left;
	padding-top: 1px;
	}

#header .navigation .leftNav .link3 {
	clear: left;
	float: left;
	padding-top: 1px;
	padding-left: 51px;
	}

#header .navigation .leftNav .link4 {
	clear: left;
	float: left;
	padding-top: 1px;
	padding-left: 37px;
	}

#header .navigation .leftNav .link5 {
	clear: left;
	float: left;
	padding-top: 1px;
	padding-left: 65px;
	}

#header .navigation .leftNav .link6 {
	clear: left;
	float: left;
	padding-top: 1px;
	padding-left: 72px;
	}

#header .navigation .rightNav {
	float: left;
	width: 180px;
	}

#header .navigation .rightNav .link1 {
	float: left;
	margin-top: 96px;
	}

/**************************************************
 *		Left Column
 **************************************************/
#leftColumn {
	float: left;
	width: 219px;
	text-align: left;
	}

/* --------------- Left Menu --------------- */	
#leftColumn .menu {
	float: left;
	width: 165px;
	height: 273px;
	padding-top: 34px;
	padding-left: 40px;
	}

#leftColumn .menu .menuTitle {
	float: left;
	width: 149px;
	padding-left: 16px;
	}

#leftColumn .menu .menuTitle img {
	float: left;
	}

#leftColumn .menu .menuLink {
	clear: left;
	float: left;
	width: 149px;
	margin-top: 13px;
	padding-left: 16px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}

#leftColumn .menu .menuLink a, .menu .subLink a {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}

#leftColumn .menu .menuLinkActive {
	clear: left;
	float: left;
	width: 149px;
	margin-top: 11px;
	padding-left: 16px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}

#leftColumn .menu .menuLinkActive a, .menu .subLinkActive a {
	font-size: 14px;
	font-weight: bold;
	color: #622708;
	}

#leftColumn .menu .subLink {
	clear: left;
	float: left;
	width: 133px;
	margin-top: 13px;
	padding-left: 32px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 16px center;
	}

#leftColumn .menu .subLinkActive {
	clear: left;
	float: left;
	width: 133px;
	margin-top: 11px;
	padding-left: 32px;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 16px center;
	}

/* --------------- Contact --------------- */	
#leftColumn .contact {
	clear: left;
	float: left;
	width: 150px;
	padding-top: 72px;
	padding-left: 68px;
	}
	
#leftColumn .contact p {
	padding-bottom: 4px;
	}

#leftColumn .contact a {
	color: #000000;
	}

/**************************************************
 *		Main Column
 **************************************************/
#mainColumn {
	float: left;
	width: 550px;
	text-align: left;
	}

#subMain {
	float: left;
	width: 550px;
	background-image: url(images/pattern.gif);
	background-repeat: repeat-y;
	background-position: center;
	}

#inMain {
	float: left;
	width: 550px;
	background-image: url(images/bg_middle.jpg);
	background-repeat: no-repeat;
	}

#mainColumn ul {
	padding-left: 15px;
	padding-bottom: 10px;
	}

#mainColumn ol {
	padding-left: 30px;
	padding-bottom: 10px;
	}

#mainColumn .mainContent {
	float: left;
	width: 478px;
  min-height: 550px;
	padding-left: 27px;
	}

#mainColumn .mainTitle {
	float: left;
	width: 478px;
	height: 30px;
	padding-bottom: 23px;
	}

/* --------------- News --------------- */
#mainColumn .news {
	clear: left;
	float: left;
	width: 478px;
	padding-top: 15px;
	padding-bottom: 22px;
	background-image: url(images/line_long.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align: justify;
	}

#mainColumn .news a {
	font-weight: bold;
	color: #965330;
	}

#mainColumn .news .dateBox {
	float: left;
	width: 40px;
	height: 39px;
	padding-top: 8px;
	background-image: url(images/date.gif);
	background-repeat: no-repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #978B56;
	}

#mainColumn .news .dateBox strong {	
	font-size: 14px;
	}

#mainColumn .news .dateBox em {
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	}

#mainColumn .news .longText, 
#mainColumn .content .news .longText {
	float: left;
	width: 430px;
	padding-left: 8px;
	line-height: 1.5;
	}

#mainColumn .news .shortText {
	float: left;
	width: 319px;
	padding-left: 8px;
	padding-right: 10px;
	line-height: 1.5;
	}

#mainColumn .news .newsImage {
	float: right;
	width: 98px;
	height: 98px;
	padding-top: 3px;
	padding-left: 3px;
	background-image: url(images/img_news.gif);
	background-repeat: no-repeat;
	}

#mainColumn .news .longText .titleLink {
	width: 350px;
	padding-bottom: 7px;
	}

#mainColumn .news .shortText .titleLink {
	width: 315px;
	padding-bottom: 7px;
	}

#mainColumn .news .titleLink a {
	color: #7E2B01;
	font-size: 14px;
	line-height: normal;
	text-transform: uppercase;
	}

/* --------------- Main Footer --------------- */
#mainColumn .mainFooter {
	clear: left;
	float: left;
	width: 430px;
	padding-left: 48px;
	padding-top: 10px;
	}

#mainColumn .archive {
	float: right;
	width: 80px;
	height: 18px;
	}

/* --------------- Content --------------- */
#mainColumn .content {
	clear: left;
	float: left;
	width: 478px;
	padding-top: 15px;
	text-align: justify;
	}

#mainColumn .content a {
	color: #622708;
	text-decoration: underline;
	}

#mainColumn .content a:hover {
	color: #622708;
	text-decoration: none;
	}
	
#mainColumn .content .imageBlock {
	clear: left;
	float: left;
	width: 201px;
	}

#mainColumn .content .imageBlock .contentImage {
	float: left;
	width: 198px;
	height: 132px;
	padding-top: 3px;
	padding-left: 3px;
	background-image: url(images/img_content.gif);
	background-repeat: no-repeat;
	}

#mainColumn .content .imageBlock .caption {
	clear: left;
	float: left;
	width: 201px;
	padding-top: 5px;
	color: #616161;
	}

#mainColumn .content .shortText {
	float: left;
	width: 267px;
	padding-left: 10px;
	line-height: 1.5;
	}

#mainColumn .content .shortText p {
	padding-bottom: 10px;
	}

#mainColumn .content .longText {
	clear: left;
	float: left;
	width: 478px;
	line-height: 1.5;
	}

#mainColumn .content .longText p {
	padding-bottom: 20px;
	}

/* --------------- Photo Gallery --------------- */
#mainColumn .photo {
	clear: left;
	float: left;
	width: 499px;
	/*padding-left: 25px;*/
  padding-top: 10px;
	}
	
#mainColumn .photo .photoTitle {
	float: left;
	width: 499px;
	padding-top: 42px;
	background-image: url(images/foto_1.gif);
	background-repeat: no-repeat;
	}
	
#mainColumn .bgPhoto1 {
	clear: left;
	float: left;
	width: 499px;
	background-color: #ECECE1;
	background-image: url(images/foto_2.gif);
	background-repeat: no-repeat;
	background-position: left;
	}
	
#mainColumn .bgPhoto2 {
	float: left;
	width: 499px;
	background-image: url(images/foto_3.gif);
	background-repeat: repeat-y;
	background-position: right;
	}
	
#mainColumn .photoContent {
	float: left;
	padding-left: 21px;
	}

#mainColumn .photoImage {
	float: left;
	width: 113px;
	height: 78px;
	padding-right: 4px;
	padding-bottom: 7px;
	background-image: url(images/foto_bg.gif);
	background-repeat: no-repeat;
	}
	
#mainColumn .photoImage img {
	float: left;
	padding-top: 3px;
	padding-left: 3px;
	}

#mainColumn .photoEnd {
	clear: left;
	float: left;
	width: 499px;
	height: 14px;
	padding-left: 25px;
	background-image: url(images/foto_4.gif);
	background-repeat: no-repeat;
	}

/* --------------- Footer --------------- */
#footer {
	clear: left;
	float: left;
	width: 550px;
	padding-top: 80px;
	padding-bottom: 25px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #A4A196;
	}
	
#footer a, a:hover {
	color: #A4A196;
	}	

/**************************************************
 *		Right Column
 **************************************************/
#rightColumn {
	float: left;
	width: 195px;
	padding-top: 68px;
	padding-left: 5px;
	text-align: left;
	color: #5B5958;
	}

#rightColumn .events {
	clear: left;
	float: left;
	width: 185px;
	padding-bottom: 10px;
	margin-bottom: 7px;
	background-image: url(images/line_short.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 1.3;
	}

#rightColumn .events .date {
	font-weight: bold;
	color: #656362;
	}
	
#rightColumn .events .eventTitle a {
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
	color: #7E2B01;
	}

#rightColumn .events a {
	font-weight: bold;
	color: #965330;
	}



/**************************************************
 *		Error Page
 **************************************************/
#errorDiv {
	width: 100%;
	text-align: center;
	padding-top: 191px;
	background-image: url(images/error.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFFFFF;
	}
	
#errorDiv a {
	color: #DE5B33;
	}
	
#errorDiv .errorMessage {
	padding-top: 30px;
	}

#errorDiv .warrning {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 15px;
	}