/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
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, 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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */

body{
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
}
body{
	background:#000 url(images/bodybg.jpg) repeat-x 0 0;
	padding:10px 0 20px 0;
}
#outer{
	width:975px;
	margin:auto;
	text-align:left;
}
#header{
	width:975px;
}
ul#nav{
	font-size:92%;
	padding:18px 115px 5px 0;
	text-align:right;
	position:relative;
	z-index:2
}
ul#nav li{
	display:inline;
	padding:0 13px 0 0;
	text-transform:uppercase;
	font-style: italic;	
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
ul#nav li a{
	color:#fff;
}
ul#nav li a:hover,
ul#nav li.current a{color:#8bbd25}

/* tagline code */
#tagline{
	width:975px;
	height:116px;
	margin:-40px 0 0 0;
	background:url(images/tagbg.jpg) no-repeat 0 0;
	position:relative;
	z-index:1
}
#tagline a,
#tagline a em{
	position:absolute;
	width:218px;
	height:68px;
	overflow:hidden;
	left:27px;
	top:39px;
}
#tagline a em{
	cursor:pointer;
	left:0;
	top:0;
	/*background:url(images/logo.jpg) no-repeat 0 0; use this as an alternative to image in the html*/
}
#tagline span,
#tagline span em{
	position:absolute;
	width:383px;
	height:51px;
	overflow:hidden;
	left:408px;
	top:51px;
}
#tagline span em{
	left:0;
	top:0;
	background:url(images/tagline.jpg) no-repeat 0 0; 
}
/* search box */
#search{
	width:975px;
	height:275px;
	background:url(images/search-bg2.jpg) no-repeat 0 0; 
	position:relative;
}
#search input{
	vertical-align:middle;
	position:absolute;
	top:216px;
	left:724px;
}
#search input.go{left:885px}
input.search-site{
	background:#171b16 url(images/inputbg.gif) no-repeat right top;
	border:none; 
	color:#494b49;
	width:149px;
	height:18px;
	padding:4px 5px 0;
	font-size:85%;
}
/* main content */
#main,#content{width:975px}
#main{
	background:url(images/3col-bg.jpg) repeat-y 0 0;
}
#content{
	background:url(images/3col-top.png) no-repeat 0 0;
	min-height:270px;
}
#col1{
	width:205px;
	margin:0 21px 0 25px;
	display:inline;/* cure IE6 double margin bug*/
	float:left;
	position:relative;
	z-index:3;
}
#maincol{
	/* width:444px; */
	width: 458px;
	margin:0 48px 0 0;
	float:left;
	position:relative;
	z-index:3;
}
#col2{
	width:162px;
	/* width:180px; */
	float:left;
	margin:0 50px 0 0;
	display:inline;/* cure IE6 double margin bug*/
	position:relative;
	z-index:3;
}
h2,h3{
	color:#fff;
	text-transform:uppercase;
	font-style: italic;	
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:131%;
	margin:6px 0 10px 0;
	letter-spacing:-.04em;
}
.news{
	width:205px;
	color:#252e1c;
}
.news p{
	font-size:85%;
	background:url(images/underline.gif) no-repeat center bottom;
	padding:0 7px 8px 0;
	line-height:1.4em
}
.news p.last{
	background:none;
	padding-bottom:1px;
	margin:0 0 .4em 0;
}
.news p img{
	margin-right:2px;
	vertical-align:middle;
	display:inline;
}
.news span{color:#fff}
p.readmore{
	font-weight:bold;
	text-align:right;
	margin:0 0 1.4em 0;
	background:none;
}
p.readmore a{
	text-decoration:none;
	color:#252e1c;
}
p.readmore a:hover{
	text-decoration:underline;
}
.photo{
	position:relative;
	left:-6px;
}
.photo h3{margin-bottom:8px}
.photo p {background:none}
.photo p.last{padding-left:5px}
.photo p.month {padding-right:0}
.photo p.month img{margin:0}

/* right column - gallery links */
ul.gallery{margin:1em 0 1em 0}
ul.gallery li {
	text-transform:uppercase;
	margin:0 0 1em 0;
	font-size:77%;
}
ul.gallery li,
ul.gallery li a{
	color:#252e1c;
	font-weight:bold;
}
ul.gallery li a span{color:#fff}
ul.gallery li a:hover{text-decoration:underline}

/* centre column content */
h2 {color:#120c0e;}
#maincol p{
	font-size:85%;
	margin:0 0 0.8em 0;
	line-height:1.6em;
	padding:0 5px 0 0;
}
#maincol a{
	color:#120c0e;
	font-weight:bold;
}
#maincol a:hover{
	color:#8bbd25;
	text-decoration:underline;
}

/* footer and copyright */
#footer{
	width:975px;
	padding:20px 0 0 0;
	background:url(images/3col-base.jpg) no-repeat 0 0;
	clear:both;
	position:relative;
	z-index:2;
}
.watermark{
	background:url(images/flame2.gif) no-repeat 0 0;

	position:absolute;
	width:186px;
	height:209px;
}
.w1{left:45px;top:-189px}
.w2{
	right:45px;
	top:-170px;
	height:176px;	
	background:url(images/flame3.gif) no-repeat 0 0;
}


/*   STEFAN  */

h6.nou {
      font-weight: bold;
      color:#3355BB;
      font-size:115%;
      padding-bottom: 5px;
  }

h6.nou_mic {
      font-weight: bold;
      color:#3355BB;
      font-size: 11px;
      padding-bottom: 5px;
  }
