/* 
 *  Table Of Sections
 *
 *  1. Reset
 *  2. Basic Elements
 *  3. Generic Classes
 *  4. Basic Layout
 *  5. Header
 *  6. Content
 *  7. Sidebar
 *  8. Footer
 *  9. Navigation
 * 10. Forms
 * 11. Modules
 * 12. Print styles
 *
 */

@media screen, projection {

	/* Reset  - do NOT modify!
	-------------------------------------*/
	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,
	b, u, i, center,
	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-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q {	quotes: none; }

	:active { outline: 0; }
	
	a:link, a:visited, a:hover, a:active { outline: none; }

	/* remember to highlight inserts somehow! */
	ins { text-decoration: none; }
	del { text-decoration: line-through; }

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




	/* Basic Elements
	-------------------------------------*/
	html, body { height: 100%; }

	body {
		font-family: Tahoma, verdana, arial, sans-serif;
		font-size: 62.5%; /* 1em = 10px */
		line-height: 1.5em;
		color: #333333;
		background: white url(../images/backgrounds/bgnd-menu.gif) 0px 165px repeat-x;
	}
	
	h1, h2, h3, h4 {
		font-family: "Lucida Grande", verdana, arial, sans-serif;
	}




	/* Generic Classes
	-------------------------------------*/

	/* --- News list --- */

	.cnt-list .date { color: #666; }

	.cnt-list .title { padding-left: .3em; }

	.cnt-list .subtitle {
		display: block;
		width: 100%;
		padding-left: 1em;
		font-size: .9em;
	}


	/* --- Link list --- */

	.link-list a:link, .link-list a:visited, .link-list a:hover, .link-list a:active { color: #B90000 }


	/* --- Grouped link list --- */

	.grouped-link-list {	
		margin-left: 22px;
	}
	
	.grouped-link-list li {
		float: left;
		clear: both;
		width: 80%;	
	}
	
	.grouped-link-list li strong {	
		 color: #B35800;
		 font-weight: normal;
	}
	
	.grouped-link-list li ul {	
		margin-left: 0px;
		padding-bottom: 5px;
	}	

	.grouped-link-list a:link, .grouped-link-list a:visited, .grouped-link-list a:hover, .grouped-link-list a:active,
	.grouped-link-list li.alt a:link, .grouped-link-list li.alt a:visited, .grouped-link-list li.alt a:hover, 
	.grouped-link-list li.alt a:active { 
		color: white;
		text-decoration: none;
		float: left;
	}
	
	.grouped-link-list a:hover, .grouped-link-list li.alt a:hover {
		text-decoration: underline;
	}
	
	.grouped-link-list li.alt a:link, .grouped-link-list li.alt a:visited, 
	.grouped-link-list li.alt a:hover, .grouped-link-list li.alt a:active {
		color: white;
	}
	
	.grouped-link-list a:hover, .grouped-link-list li.alt a:hover {
		text-decoration: underline;
	}	

	.grouped-link-list {	
		font-size: 1.15em;
		line-height: 1.5em;
		float: left;
		clear: both;
		width: 100%;
	}

	.grouped-link-list a.external {
		margin-left: -13px;
		padding-left: 13px;
		background: url('../images/backgrounds/icons/external-link.gif') 0 5px no-repeat;
	}


	/* --- Attachments list --- */

	.attachments-list .extension {
		color: #666;
	}


	/* --- Photo list --- */
	
	.photo-list {
		padding-top: 8px;
	}

	.photo-list dt {
		clear: both;
		float: right;
		width: 456px;
		margin-bottom: 10px;
	}

	#text-content-container .photo-list dt a {
		text-decoration: none;
		color: #B35800;
		font-size: 1.3em;
		line-height: 1.1em;
	}
	
	#text-content-container .photo-list dt a:hover {
		text-decoration: underline;
	}

	.photo-list dd.picture {
		float: left;
		width: 132px;
	}
	
	.photo-list dd.picture img {
		border: 1px solid #afafaf;
		margin-top: 1px;
	}

	.photo-list dd.summary {
		float: right;
		width: 456px;
	}
	
	.photo-list dd.summary a.more:link, .photo-list dd.summary a.more:visited, 
	.photo-list dd.summary a.more:hover, .photo-list dd.summary a.more:active {
		position: relative;
		top: 10px;
		color: #333333;
		text-decoration: underline;
	}
	
	.photo-list dd.summary a.more:hover {
		text-decoration: none;
	}

	.photo-list dd.clearer { margin-bottom: 15px; }

	#photo-list-lead-image {
		float: left;
		margin: 9px 13px 3px 0;
		border: 1px solid #afafaf;
	}


	/* --- Links --- */

	a.type-1:link, a.type-1:visited, a.type-1:hover, a.type-1:active { color: #5A89A0 }

	a.type-2:link, a.type-2:visited, a.type-2:hover, a.type-2:active {
		text-decoration: none;
		color: #333
	}

	a.type-3:link, a.type-3:visited, a.type-3:hover, a.type-3:active {
		text-decoration: none;
		color: #666
	}

	a.type-2:hover,
	a.type-3:hover {
		text-decoration: underline;
		color: #5A89A0
	}


	/* --- Messages --- */

	.error {
		display: block;
		color: #B90000;
		font-weight: bold;
		margin: 1em 0
	}

	.notice {
		display: block;
		color: #00A600;
		font-weight: bold;
		margin: 1em 0
	}


	/* --- photo frame & content photos --- */

	.photo-frame {
		padding: .3em;
		margin-bottom: .7em;
		background-color: white;
		-moz-box-shadow: 1px 1px 4px #AAAAAA;
		-webkit-box-shadow: 1px 1px 4px #AAAAAA;
	}

	.photo-frame-left {
		float: left;
		margin-right: .7em;
	}

	.photo-frame-right {
		float: right;
		margin-left: .7em;
	}

	#text-content-container .photo-frame p {
		padding: 0.7em 0 0.5em 0;
		font-size: .85em;
		font-weight: normal;
		line-height: 115%;
		overflow: hidden;
		color: #606060;
	}


	.photo-frame .content-photo { padding: 0; }

	.content-photo {
		border: 1px solid #AFAFAF;
		margin-top: 0.3em;
	}

	/* --- Other --- */

	img.left {
		float: left;
		margin-right: 13px;
	}

	img.right {
		float: right;
		margin-left: 13px;
	}

	/* use to clear floats */
	.clearer {
		clear: both;
		display: block;
		height: 1px;
		margin-bottom: -1px;
		font-size: 1px;
		line-height: 1px
	}

	.hidden { display: none }



	/* Basic Layout
	-------------------------------------*/
	#container {
		position: relative;
		width: 969px;
		margin: 0 auto;
		padding: 0;
	}

	#content, #content-entry {
		position: relative;
		width: 641px;
		float: left;
		margin-right: 28px;
		margin-top: 22px;
		margin-bottom: 30px;
	}
	
	#content {
		border: 1px solid #D8D8D8;
		min-height: 800px;
		width: 589px;
		margin-top: 49px;
		padding: 19px 30px 46px 20px;
	}

	#sidebar {
		position: relative;
		float: left;
		width: 242px;
		min-height: 600px;
		margin-top: 22px;
		border: 1px solid #d7d7d7;
		padding: 27px 27px 1px 29px;
		margin-bottom: 30px;
	}
	
	/* sidebar
	-----------------------------------*/
	
	.sidebar-col {
		padding: 16px 11px 10px 14px;
		width: 210px;
		border: 3px solid #d96b00;
		margin-bottom: 25px;
		min-height: 95px;
		float: left;
	}
	
	.sidebar-col h2 {
		font-size: 1.6em;
		font-weight: normal;
		color: #231f20;
		margin-bottom: 9px;
		line-height: 1em;
	}
	
	.sidebar-col p {
		font-size: 1.3em;
		padding-bottom: 10px;
	}	
	
	.sidebar-col img {
		margin-bottom: 7px;
	}	
	
	.sidebar-col p a:link, .sidebar-col p a:visited, .sidebar-col p a:hover, .sidebar-col p a:active {
		text-decoration: underline;
		color: #333;
	}
	
	.sidebar-col p a:hover { text-decoration: none; }	
	
	.sidebar-col a.more:link, .sidebar-col a.more:visited, .sidebar-col a.more:hover, .sidebar-col a.more:active {
		font-size: 1.3em;
		text-decoration: underline;
		color: #231f20;
		clear: both;
		float: left;
	}		
	
	.sidebar-col a.more:hover {
		text-decoration: none;
	}
	
	.sidebar-col a.alt {
		position: relative;
		top: 6px;
		margin-bottom: 2px;
	}
	
	#sidebar-col2 {
		background: #ffd0a3 url('../images/backgrounds/bgnd-sidebar-logo-1.png') 198px 4px no-repeat;
	}

	#sidebar-col3 {
		border-color: #694100;
		background: #d96b00 url('../images/backgrounds/bgnd-sidebar-logo-2.png') 197px 7px no-repeat;
	}
	
	#sidebar-col4 {
		background: #ffffff url('../images/backgrounds/bgnd-sidebar-logo-3.png') 198px 5px no-repeat;
		border-color: #b2b2b2;
		padding-bottom: 16px;
	}

	#sidebar-col1 p {
		color: #a45100;
		margin-top: -3px;
		padding-bottom: 5px;
	}
	
	#sidebar-col2 p {
		color: #5d2e00;
	}
	
	#sidebar-col3 p {
		color: white;
	}	
	
	#sidebar-col4 p {
		color: #585858;
		padding-bottom: 13px;
	}	
	
	#sidebar-col3 h2 {
		color: white;
	}
	
	#sidebar-col4 h2 a:link, #sidebar-col4 h2 a:visited, #sidebar-col4 h2 a:hover, #sidebar-col4 h2 a:active {
		color: #d96b00;
		text-decoration:none;
	}
	
	#sidebar-col2 h2, #sidebar-col3 h2, #sidebar-col4 h2 {
		width: 190px;
		margin-top: -4px;
		margin-bottom: 11px;
	}
	
	#sidebar-col4 h2 { width: 184px; }


	/* Header
	-------------------------------------*/
	#header {
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		height: 165px;
		background: url('../images/backgrounds/bgnd-header.gif') 384px 0 no-repeat;
	}

	#header h1, #header em {
		position: absolute;
		left: 2px;
		top: 33px;
	}

	#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active,
	#header em a:link, #header em a:visited, #header em a:hover, #header em a:active {
		display: block;
		width: 175px;
		height: 120px;
		background: url('../images/logo.png') 0 0 no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}

	#header h1 a:hover,
	#header em a:hover {
		color: #A60000;
	}

	#search { 
		margin-top: 69px;
		float: right;
	}

	#search-mini-form p { 
		float: left; 
		padding: 0;
		margin:0;
	}

	#search-mini-form input.input-submit-search, #search-mini-form input.input-submit-search:hover {
		margin: 0;
		font-size: 1.3em;
		line-height: 1.1em;
		background: url('../images/sprites/sprites-search.gif') 0 0 no-repeat;
		padding: 3px 5px 5px 19px;
		color: white;
		cursor: pointer;
		border: none;
		font-family: Tahoma, Lucida Grande, Verdana;
		height: 26px;
	}
	
	#search-mini-form input.input-submit-search:hover {
		color: #8d5900;
		background-position: 0 -26px;
	}

	#input-search-mini { 
		color: #797979;
		padding: 4px 11px 4px 9px;
		width: 151px;
		font-family: Tahoma, Lucida Grande, Verdana;
		border-top: 1px solid #8d8d8d;
		border-bottom: 1px solid #8d8d8d;
		border-left: 1px solid #8d8d8d;
		border-right: none;
	}




	/* Content
	-------------------------------------*/
	
	#content h1 {
		font-size: 1.8em;
		line-height: 1.1em;
		font-weight: normal;
		margin-top: 0px;
		color: #B35800;
		margin-bottom: 6px;
	}
	
	#content h1.alt { margin-bottom: 2em; }	
	
	#content h2 {
		margin: 10px 0px;
	}
	
	#content h2, #content h2 a {
		font-size: 1.2em;
		line-height: 1.1em;
		font-weight: normal;
		margin-top: 0px;
		text-decoration: none;
	}	
	
	#content h2 a:link, #content h2 a:visited, #content h2 a:hover, #content h2 a:active {
		font-size: 1.1em;
		color: #B35800;
	}
	
	#content h2 a:hover {
		text-decoration: underline;
	}
	
	#content h3 {
		font-size: 1.2em;
		line-height: 1.1em;
		font-weight: normal;
		margin-top: 0px;
		color: #B35800;
		margin-top: 1.6em;
		margin-bottom: 0.3em;
	}
	
	#content h3.alt {
		display: inline;
	}	
	
	#content h4 {
		font-size: 1em;
		line-height: 1.1em;
		font-weight: normal;
		margin-top: 0px;
		color: #333333;
		margin-top: 1.1em;
		margin-bottom: 0.2em;
		font-weight: bold;
		text-transform: uppercase;
	}	

	#text-content-container {
		margin-bottom: .7em;
		font-size: 1.3em;
	}
	
	#text-content-container a:link, #text-content-container a:visited, #text-content-container a:hover, #text-content-container a:active {
		color: #333333;
		text-decoration: underline;
	}
	
	#text-content-container a:hover {
		text-decoration: none;
	}

	#text-content-container p {
		line-height: 1.2em;
		font-family: Tahoma, Verdana, Arial;
	}
	
	
	/* seminars
	-------------------------------------*/
	.seminars {
		padding: 10px 19px 28px 20px;
		border: 1px solid #d8d8d8;
		font-size: 1.3em;
		margin-bottom: 21px;
	}
	
	.seminars ul li {
		padding-bottom: 13px;
		margin-bottom: 11px;
		border-bottom: 1px solid #d8d8d8;
		list-style-type: none;
	}
	
	.seminars ul li.last {
		border-bottom: none;
		margin-bottom: 0px;
	}

	.seminars h2 {
		padding-left: 28px;
		font-size: 1.1em;
		text-transform: uppercase;
		padding-top: 4px;
		padding-bottom: 7px;
		margin-bottom: 16px;
	}

	.seminars span.date {
		color: black;
	}

	.seminars h2#actual { background: url('../images/backgrounds/bgnd-seminars-actual-logo.png') left top no-repeat; }
	
	.seminars p.break-line, #news-box p.break-line {
		position: relative;
		border-bottom: 1px solid #D8D8D8;
		margin: 0;
		padding: 0;
		margin-top: 18px;
		margin-bottom: 0px;
	}
	
	#news-box p.break-line {
		margin-top: 15px;
		margin-bottom: 3px;
	}
	
	
	.seminars ul li h3 {
		margin-top: -0.1em;
		margin-bottom: 10px;
	}
	
	.seminars ul li h3 a:link, .seminars ul li h3 a:visited, .seminars ul li h3 a:hover, .seminars ul li h3 a:active {
		color: #b35800;
		font-size: 1.4em;
		line-height: 1em;
		font-weight: normal;
		text-decoration: none;
		font-family: "Lucida Grande", Verdana, Tahoma, Arial;
	}	
	
	.seminars ul li h3 a:hover {
		text-decoration: underline;
	}
	
	.seminars ul li p{
		font-family: Tahoma, Verdana, Arial;
	}
	
	.seminars ul li p.date {
		padding-top: 11px;
	}
	
	.seminars a.more:link, .seminars a.more:visited, .seminars a.more:hover, .seminars a.more:active {
		position: relative;
		top: 5px;
		padding-left: 21px;
		background: url('../images/backgrounds/bgnd-folder-icon.png') left top no-repeat;
		color: #333333;
		text-decoration: underline;
		text-transform: lowercase;
	}	
	
	.seminars a.more:hover { text-decoration: none; }
	
	
	/*seminars list by area
	-------------------------------------*/
	#text-content-container ul.seminar-list {
		padding-left: 0px !important;
	}
	
	ul#catalogue-list {
		margin-left: 0px;
		display: block;
	}
	
	#text-content-container ul.seminar-list li {
		padding: 12px 0px;
		border-bottom: 1px solid #d8d8d8;
		list-style-type: none;
	}
	
	#content .seminar-list li h3 {
		font-size: 1.2em;
		margin-top: 0px;
	}
	
	#text-content-container ul.seminar-list li a span.date {
		font-size: 1em;
	}
	
	ul#catalogue-list li { padding: 0px 0px 1.1em 0px; }	
	
	#text-content-container ul.seminar-list li a:link, #text-content-container ul.seminar-list li a:visited, #text-content-container ul.seminar-list li a:hover , #text-content-container ul.seminar-list li a:active {
		text-decoration: none;
		color: #FF8611;
	}
	
	#text-content-container ul.seminar-list li a:hover {
		color: #B35800;
	}

	/* box
	-------------------------------------*/
	
	.box {
		width: 264px;
		min-height: 140px;
		border: 1px solid #d8d8d8;
		font-size: 1.3em;
		float: left;
		padding: 14px 22px 19px 21px;
	}
	
	#news-box { padding-bottom: 23px; }
	
	#sign-box {
		margin-right: 24px;
		width: 263px;
	}
	
	.box h2 {
		padding-left: 29px;
		font-size: 1.1em;
		text-transform: uppercase;
		padding-top: 3px;
		padding-bottom: 7px;
		margin-bottom: 10px;	
	}
	
	.box p { 
		font-family: Tahoma, Verdana, Arial; 
		padding-top: 1px;
		padding-bottom: 1px;
	}
	
	#sign-box h2 { 
		background: url('../images/backgrounds/bgnd-sign-logo.png') 1px top no-repeat; 
		margin-bottom: 5px;
	}
	
	#news-box h2 { background: url('../images/backgrounds/bgnd-news-logo.png') left top no-repeat; }
	
	.box ul.news-list li a:link, .box ul.news-list li a:visited, .box ul.news-list li a:hover, .box ul.news-list li a:active { 
		text-decoration: none;
		color: #333333;
		font-size: 1.1em;
		font-family: "Lucida Grande", Verdana, Tahoma, Arial;
	}
	
	.box ul.news-list li a:hover {
		/*text-decoration: underline;*/
		color: #B35800;
	}
	
	.box ul.news-list li {
		padding-bottom: 14px;
		margin-bottom: 11px;
		border-bottom: 1px solid #d8d8d8;
	}
	
	.box ul.news-list strong {
		font-size: 0.9em;
	}
	
	.box ul.news-list li.last {
		border-bottom: none;
		margin-bottom: 0px;
	}
	
	.box a.more:link, .box a.more:visited, .box a.more:hover, .box a.more:active {
		position: relative;
		top: 2px;
		padding-left: 20px;
		background: url('../images/backgrounds/bgnd-folder-icon.png') left top no-repeat;
		color: #333333;
		text-decoration: underline;
		font-size: 1em;
		text-transform: lowercase;
	}
	
	.box a.more:hover {
		text-decoration: none;
	}
	
	

	/* external link */
	#text-content-container a.external {
		padding-right: 12px;
		background: url('../images/backgrounds/icons/external-link.gif') 100% 65% no-repeat;
	}

	/* --- video --- */

	span.video-placeholder {
		clear: both;
		padding: .7em 0px .7em 0px;
		display: block;
	}


	/* --- unsorted list --- */

	#text-content-container ul { 
		padding-bottom: 1em; 
		padding-left: 15px;
	}

	#text-content-container ul li {
		margin-bottom: .5em;
		list-style-type: circle;
		list-style-position: outside;
	}


	/* --- numbered list --- */

	#text-content-container ol {}

	#text-content-container ol li {
		margin-bottom: .3em;
		list-style-type: decimal;
		list-style-position: inside;
	}


	/* --- Attachments list --- */

	#text-content-container ul.attachments-list li { list-style-type: none; }


	/* --- tables --- */

	#text-content-container table th {
		padding: .3em .5em;
		border: 1px solid #999;
		font-weight: bold;
		text-align: left;
	}

	#text-content-container table td {
		padding: .3em .5em;
		border: 1px solid #999;
		vertical-align: middle;
	}

	#text-content-container table caption {
		margin-bottom: .3em;
		text-align: left;
		font-weight: bold;
	}


	/* --- Icons in content --- */

	#text-content-container a.lipdf {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/pdf.gif) 0% 50% no-repeat;
	}

	#text-content-container a.lidoc {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/doc.gif) 0% 50% no-repeat;
	}

	#text-content-container a.lixls,
	#text-content-container a.lixlsx {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/xls.gif) 0% 50% no-repeat;
	}

	#text-content-container a.lippt {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/ppt.gif) 0% 50% no-repeat;
	}

	#text-content-container a.lizip {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/zip.gif) 0% 50% no-repeat;
	}

	#text-content-container a.liai {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/ai.gif) 0% 50% no-repeat;
	}

	#text-content-container a.liexe {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/exe.gif) 0% 50% no-repeat;
	}

	#text-content-container a.liimage {
		padding: .2em 0 .1em 19px;
		background: transparent url(../images/file.gif) 0% 50% no-repeat;
	}


	/* --- Search results --- */

	#search-main-form { margin-bottom: 1em }
	
	.search-results-row {
		padding-bottom: 10px;
	}

	#text-content-container .search-results-row a:link, #text-content-container .search-results-row a:visited, #text-content-container .search-results-row a:hover, #text-content-container .search-results-row a:active {
		font-size: 1.1em;
		font-weight: bold;
		color: black;
	}

	#text-content-container .search-results-row a:visited { color: #666 }

	.search-results-url {
		display: block;
		width: 100%;
		font-style: italic;
		font-size: .9em;
		word-break: break-all;
		color: green;
	}


	/* --- Photogallery --- */

	#photo-gallery-container { 
		float: left;
		width: 100%;
		margin: 1em 0;
	}

	.photo-gallery-item {
		float: left;
		width: 118px;
		padding: 9px;
		margin-right: 10px;
		margin-bottom: 10px;
		-moz-box-shadow: 1px 1px 4px #AAAAAA;
		-webkit-box-shadow: 1px 1px 4px #AAAAAA;
		text-align: center;
	}

	.photo-gallery-item img.photo-gallery { margin: 0 auto }

	#text-content-container .photo-gallery-item p {
		margin-top: .7em;
		text-align: center;
		line-height: 1.2em;
		font-size: .95em;
		overflow: hidden;
	}

	.photo-gallery-item p strong { 
		display: block;
		line-height: 1.3em;
	}


	/* --- News --- */

	#text-content-container .date { padding-bottom: 0 }

	#text-content-container .date em {
		font-style: normal;
		font-weight: bold;
	}

	#text-content-container .category { padding-bottom: 0 }

	#text-content-container .category em {
		font-style: normal;
		font-weight: bold;
	}

	#text-content-container .abstract {
		padding: 6px 0px 14px 0px;
		font-style: italic;
		color: #555;
	}



	/* --- FAQ --- */

	#faq label,
	#faq .form-error,
	#faq .racun {
		font-size: 1.15em;
	}


	/* --- Quick links --- */

	#quicklinks ul.grouped-link-list { 
		font-size: 1.2em; 
	}




	/* Footer
	-------------------------------------*/
	#footer-area { 
		clear: both; 
		width: 100%;
		min-height: 181px;
		background: #2e2e2e url(../images/backgrounds/bgnd-footer.gif) left top repeat-x;
		padding-top: 21px;
		float: left;
	}
	
	#footer {
		position: relative;
		width: 969px;
		margin: 0 auto;
		font-size: 1.1em;
		font-family: Tahoma, Verdana, Arial;
		
	}
	
	#col1 {
		width: 308px;
		margin-left: 0px;
	}
	
	#col2 {
		width: 311px;
		margin-left: 22px;
	}	
	
	#col3 {
		width: 300px;
		margin-left: 28px;
	}		
	
	.footer-col {
		float: left;
	}
	
	.footer-col h2 {
		font-size:1.7em;
		color: white;
		border-bottom: 1px solid #5b5b59;
		padding-bottom: 6px;
		padding-left: 18px;
		font-weight: normal;
		margin-bottom: 5px;
		font-family: "Lucida Grande", Verdana, Tahoma, Arial;
	}
	
	#col2 h2 { padding-left: 22px; }
	#col3 h2 { padding-left: 28px; }
	
	
	/* --- System menu --- */

	#sysmenu {
		padding-top: 1px;
		font-size: 1.15em;
		margin-left: 28px;
	}

	#sysmenu li {
		padding-left: 18px;
		margin-bottom: 0.3em;
		line-height: 1.2em;
	}

	#sysmenu .sys-print {
		background: url('../images/backgrounds/icons/sys-print.gif') no-repeat 1px 3px;
	}

	#sysmenu .sys-contact {
		background: url('../images/backgrounds/icons/sys-contact.gif') no-repeat 0 5px;
	}

	#sysmenu .sys-sitemap {
		background: url('../images/backgrounds/icons/sys-sitemap.gif') no-repeat 1px 2px;
	}

	#sysmenu .sys-credits {
		background: url('../images/backgrounds/icons/sys-credits.gif') no-repeat 1px 4px;
	}

	#sysmenu .sys-fav {
		background: url('../images/backgrounds/icons/sys-fav.gif') no-repeat 0 4px;
	}

	#sysmenu .sys-homepage {
		background: url('../images/backgrounds/icons/sys-homepage.gif') no-repeat 0 4px;
	}

	#sysmenu a:link, #sysmenu a:visited, #sysmenu a:hover, #sysmenu a:active {
		color: white;
		text-decoration: none;
		text-transform: lowercase;
	}

	#sysmenu a:hover {
		text-decoration: underline;
	}


	/* --- System menu --- */
	#print-thingie {
		position: absolute;
		top: -2.3em;
		right: 0px;
		padding-right: 23px;
		padding-top: 2px;
		background: url('../images/backgrounds/print-icon.png') no-repeat center right;
		color: #b35800;
		font-size: 0.9em;
		cursor: pointer;
	}
	
	#print-thingie:hover {
		text-decoration: underline;
	}	
	




	/* Navigation
	-------------------------------------*/

	/* --- Breadcrumbs --- */

	#breadcrumbs {
		position: absolute;
		top: -2.2em;
		left: 1px;
		font-size: 0.9em;
		text-transform: lowercase;
		color: #c7c9c9;
		color: #b35800;
	}

	#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover, #breadcrumbs a:active {
		color: #b35800;
		text-decoration: none;
	}
	
	#breadcrumbs a:hover {
		text-decoration: underline;
	}

	#breadcrumbs .home {
		padding-left: 20px;
		padding-bottom: 2px;
		background: url('../images/backgrounds/breadcrumbs-home.png') no-repeat left 1px;
	}


	/* --- Sitemap --- */

	ul#sitemap { list-style-type: none; }

	#sitemap ul {
		margin-left: 1em;
		padding-bottom: 0;
		list-style-type: none;
	}
	
	#sitemap span.menu-level1 {
		font-weight: bold;
		display: block;
		padding: 5px 0px;
	}


	/* --- Main Menu --- */
	
	#menu-area {
		position: relative;
		width: 969px;
		height: 52px;
		float: left;
		left: 0;
		text-align: center;
	}

	#main-menu {
		position: relative;
		text-align: center;
		width: 470px;
		left: 0px;
		top:0;
		margin: 0 auto;
		z-index: 4;
	}


	/* Level 1 */

	#main-menu li.menu-level1 {
		float: left;
		position: relative;
		height: 52px;
		background: url(../images/backgrounds/bgnd-menu-separator.gif) left top no-repeat;
		margin-right: -1px;
	}

	#main-menu a.menu-level1:link, #main-menu a.menu-level1:visited, #main-menu a.menu-level1:active, #main-menu a.menu-level1:hover {	
		position: relative;
		float: left;
		color: white;
		text-decoration: none;
		display: block;
		height: 52px;
		margin: 0 auto;
		background: url(../images/backgrounds/bgnd-menu-separator.gif) right top no-repeat;
	}
	
	#main-menu li.menu-level1:hover a.menu-level1 {
		margin-top: -15px;
		height: 67px;
		background: #ffffff url(../images/backgrounds/bgnd-menu-l1.png) left top repeat-x;
		color: #bb7600;
	}
	
	#seminarji { width: 12.4em; }
	#akademija { width: 15.5em; width: 161px; }
	#pogosta { width: 13.2em; }
	#novice { width: 11em; }
	#o-nas { width: 10.2em; }

	#main-menu li.menu-level1-open a.menu-level1:link, 
	#main-menu li.menu-level1-open a.menu-level1:visited, 
	#main-menu li.menu-level1-open a.menu-level1:hover, 
	#main-menu li.menu-level1-open a.menu-level1:active {
		color: #ff8611;
		background: #231f20 url(../images/backgrounds/bgnd-menu-separator.gif) left top no-repeat;
	}
	
	#main-menu li.menu-level1-open {
		background: url(../images/backgrounds/bgnd-menu-separator.gif) right top no-repeat;

	}
	
	#main-menu li.menu-level1-open a#o-nas {
		background: url(../images/backgrounds/bgnd-menu-separator.gif) right top no-repeat;
	}
	
	#main-menu li.menu-level1-open:hover a.menu-level1, #main-menu li.menu-level1-open:hover a#o-nas {
		background: #ffffff url(../images/backgrounds/bgnd-menu-l1.png) left bottom repeat-x;
		color: #bb7600;
	}

	#main-menu span.menu-level1 {
		position: absolute;
		display: block;
		padding-bottom: 10px;
		padding-top: 22px;
		padding-left: 27px;
		padding-right: 27px;		
		font-size: 1.4em;
		text-transform: uppercase;
		line-height: 1.1em;
		bottom: 0;
		vertical-align: bottom;
		background: none;
		left: 0;
		cursor: pointer;
		font-family: "Lucida Grande", verdana, arial, sans-serif;
		text-align: left;
	}


	/* Level 2 */
	#main-menu li.menu-level1:hover ul.menu-level2 {
		display: block;
	}
	
	#main-menu ul.menu-level2 {
		display: none;
		position: absolute;
		clear: both;
		margin-top: 52px;
		width: 267px;
		padding: 7px 29px 7px 29px;
		background: url(../images/backgrounds/bgnd-menu-l2.png) left bottom no-repeat;
		left: -3px;
	}

	#main-menu li.menu-level2 {	
		clear: both; 
		border-top: 1px solid #dcdcdc;
	}
	
	#main-menu li.first {	
		border-top: none;
	}

	#main-menu a.menu-level2:link, #main-menu a.menu-level2:visited, #main-menu a.menu-level2:hover, #main-menu a.menu-level2:active {
		float: left;
		color: #000000;
		text-decoration: none;
		font-size: 1.3em;
		font-family: "Lucida Grande", verdana, arial, sans-serif;
	}

	#main-menu li.menu-level2-open a.menu-level2:link, 
	#main-menu li.menu-level2-open a.menu-level2:visited, 
	#main-menu li.menu-level2-open a.menu-level2:hover, 
	#main-menu li.menu-level2-open a.menu-level2:active {
		color: #bb7600;
	}

	#main-menu li.menu-level2 a.menu-level2:hover { 
		color: #bb7600;
	}

	#main-menu span.menu-level2 {
		display: block;
		padding: 6px 0px 8px 0px;
	}
	
	
	/* signup form
	----------------------------------------*/
	
	#sign-up-area {
		position: relative;
		width: 264px;
		float: left;
		text-align: left;
		z-index: 4;
		margin-top: 26px;
	}

	ul#sign-up-select {
		position: absolute;
		border: none;
		overflow-x: hidden;
		overflow-y: auto;
		float: left;
		width: 262px;
		width: 629px;
		margin-top: 22px;
		display: none;
		background: #FFD0A3;
		border: 1px solid #3f3f3f;
	}

	ul#sign-up-select li {
		width: 615px;
		border: none;
		padding: 4px 7px 4px 7px;
	}
	
	ul#sign-up-select li:hover {
		background: #D96B00;
	}
	
	ul#sign-up-select li.title, ul#sign-up-select li.title:hover, ul#sign-up-select li.title-alt, ul#sign-up-select li.title-alt:hover {
		background: #B2B2B2;
		border-bottom: 1px solid #333333;
		padding: 2px 7px 2px 7px;
	}	
	
	ul#sign-up-select li.title, ul#sign-up-select li.title:hover {
		border-top: 1px solid #333333;
	}

	ul#sign-up-select li a {
		text-decoration: none;
		display: block;
		text-align: left;
		font-size: 0.9em;
		line-height: 1em;
		color: #333333;	
	}
	
	ul#sign-up-select li a strong{
		font-size: 0.9em;
	}	

	#sign-up-area span#sign-up-input {
		background-color: #ffffff;
		float:left;
		width: 227px;
		cursor: pointer;
		font-family: tahoma, arial;
		font-size: 1.1em;
		padding: 3px 4px 3px 10px;
		border: 1px solid #3f3f3f;
		border-right: 0;
	}

	#sign-up-area span#sign-up-button {
		background: url(../images/sprites/sign-up-arrow.gif) no-repeat top left;
		cursor: pointer;
		float: right;
		height: 23px;
		width: 22px;
	}

	#sign-up-area span#sign-up-button:hover { background-position: left bottom; }
	

	/* Forms
	-------------------------------------*/

	#text-content-container form {
		width: 99%;
		margin-bottom: 2em;
		padding: 0.2em 0;
	}
	
	#form-head {
		background: #e9e9e9;
		border: 2px solid #B2B2B2;
		padding: 10px;
		margin-top: 20px;
		float: left;
	}
	
	#form-head p.form-sub-title {
		font-size: 1.3em;
		text-align: center;
		padding: 7px;
		border-bottom: 2px solid #B2B2B2;
	}
	
	#pre-form {
		float: left;
		background: #FFD0A3;
		padding: 0.7em;
		border: 2px solid #D96B00;
		margin-bottom: 20px;
		width: 568px;
	}
	
	#pre-form #sign-up-area {
		width: 565px;
	}
	
	#pre-form ul#sign-up-select {
		width: 563px;
		padding-left: 0;
	}
	
	#text-content-container #pre-form ul#sign-up-select li {
		padding: 4px 7px;
		width: 549px;
		list-style-type: none;
		margin-bottom: 0;
	}
	
	#text-content-container #pre-form ul#sign-up-select li a:link, #text-content-container #pre-form ul#sign-up-select li a:visited,
	#text-content-container #pre-form ul#sign-up-select li a:hover, #text-content-container #pre-form ul#sign-up-select li a:active {
		text-decoration: none;
	}
	
	#pre-form #sign-up-area span#sign-up-input {
		width: 528px;
	}
	
	#seminar-form input {
		margin: 3px 0px 3px 0px;
	}
	
	button {
		cursor: pointer;
	}

	input.input-text {
		padding: .3em;
		border: 1px solid #AAA;
		font-size: 100%;
		background-color: #EEE;
	}

	#text-content-container input.input-text {
		padding: .4em;
		border: 1px solid #AAA;
		font-size: 1em;
		background-color: white;
	}

	input.input-submit {
		margin-top: 1em;
		padding: .2em .5em;
		border-width: 1px;
		border-style: solid;
		border-color: #383536 #231f20 #231f20 #231f20;
		font-size: 100%;
		background-color: #231f20;
		color: white;
		cursor: pointer;
	}

	input.input-submit:hover {
		border-color: #694100;
		background-color: #D96B00;
	}

	#text-content-container input.input-submit { font-size: 1em; }

	textarea {
		height: 10em;
		padding: .3em;
		border: 1px solid #AAA;
		background-color: white;
	}

	select {
		padding: .1em 0 .1em 0.8em;
		border: 1px solid #AAA;
		background-color: white;	
		cursor: pointer;
	}
	
	label {
		margin: 2px 0px;
	}
	
	option { padding: 0px 0.8em; }

	.input-security {
		width: 5em !important;
		margin: 0 0 0 3px;
	}

	.racun {}

	form span.mandatory { color: #B90000 }


	/* Vertical form */

	.vertical-form {}

	.vertical-form dt {
		margin-top: 1em;
		margin-bottom: .3em;
	}


	/* Horizontal form */

	.horizontal-form { float: left }

	.horizontal-form dt {
		clear: left;
		float: left;
		width: 25%;
		padding-top: .5em;
		margin-top: .6em;
		margin-bottom: .2em;
		margin-right: 2%;
		text-align: right;
	}

	.horizontal-form dt label { text-align: right }

	.horizontal-form dd {
		float: left;
		width: 72.9%;
		margin-top: .6em;
		margin-bottom: .2em;
	}

	fieldset.checkboxes label {
		float: left;
		display: block;
	}

	form dt.alt, 
	form dd.alt {
		text-align: left
	}

	.horizontal-form dt.alt, 
	.horizontal-form dd.alt {
		width: 72.9%;
		padding-top: 0;
		padding-left: 27%;
		margin-right: 0;
	}


	.form-notice {
		margin: 1em 0;
		padding: .3em 1em;
		border: 1px solid #007700;
		color: #007700;
		background-color: #F0FFF0;
	}

	.form-error {
		margin: 1em 0;
		padding: .3em 0;
		border: 1px solid #B35800;
		color: #B35800;
		background-color: white;
	}

	.form-error li {
		padding: .3em 1em;
		font-weight: bold;
		line-height: 1.2;
	}




	/* Modules
	-------------------------------------*/



	/* --- faq --- */

	#faq-form-toggle {
		text-decoration: underline;
		color: #B90000;
		cursor: pointer;
	}

	.faq-list {
		clear: left;
	}

	.faq-list dt {
		font-weight: bold;
		margin-bottom: .5em;
	}

	.faq-list dd { margin-bottom: 1.1em }

	#faq-list h3 {
		cursor: pointer;
		/*background: url(../images/backgrounds/bgnd_list_open.png) 100% 0% no-repeat;*/
	}

	#faq-list h3.open {
		/*background-image: url(../images/backgrounds/bgnd_list_close.png);*/
	}

	#faq-form input.input-text { width: 252px }

	#faq-form textarea { width: 253px }

	#faq-form select { width: 264px }

	#faq-form label {
		display: block;
		margin-top: .5em;
	}

	#faq-form .mandatory {
		color: #B35800;
		font-weight: normal;
	}

	#faq a:link, #faq a:visited, #faq a:hover, #faq a:active { color: #B35800; }


	
	/* --- bussiness card --- */

	.business-card {
		padding-top: 1px;
		font-size: 1.1em;
		line-height: 1.4em;
		padding-left: 18px;
		float: left;
		color: white;
		font-family: Tahoma, Verdana, Arial;
	}
	

	p.email a:link, p.email a:visited, p.email a:hover, p.email a:active { 
		color: white; 
		text-decoration: none;
	}
	
	p.email a:hover { 
		text-decoration: underline;
	}

	.business-card p.org { font-weight: bold; }

	.business-card .tel,
	.business-card .tel2 {
		padding: 1px 0 2px 18px;
		background: url('../images/tel.gif') no-repeat 2px 1px;
	}

	.business-card .fax {
		padding: 1px 0 2px 18px;
		background: url('../images/fax.gif') no-repeat 2px 4px;
	}

	.business-card p.email {
		margin-top: 2px;
		padding: 1px 0 2px 18px;
		background: url('../images/email.gif') no-repeat 0 7px;
	}
	
}

/* Print styles
-------------------------------------*/

@media print {

	body {
		font-size: .9em;
		font-family: "Times New Roman", serif;
		background-color: white;
		color: black;
	}

	h1, h2, h3, h4 { 
		font-family: "Times New Roman", serif; 
		margin-bottom: 0.2em;
		margin-top: 0.3em; 
	}

	h1, #header em { 
		font-size: 2em; 
		margin-bottom: 1em;
	}

	h2 { 
		font-size: 1.4em; 
		margin-bottom: 1em;
	}

	h3 { font-size: 1.2em; }

	h4 { font-size: 1.1em; }

	a img { border: none; }

	#text-content-container a:link:after,
	#text-content-container a:visited:after {
		content: " (" attr(href) ") ";
		font-size: 90%;
		color: #333333 !important;
	}
	
	a:link, a:hover, a:visited, a:active {
		color: #333333 !important;
		text-decoration: none !important; 
	}
	
	#search, #sign-up-area, #menu-area, #breadcrumbs, #print-thingie, #catalogue, #sidebar, #footer-area {
		display: none;
	}
	
}

/* DO NOT PUT ANYTHING DOWN HERE! FIND THE APPROPRIATE SECTION ABOVE! THIS IS THE LAST WARNING! */