@charset "utf-8";
/*
	This document is created by Jasper 'amygdela' van der Meer for Open Source WebDesign @ http://oswd.org.
	Modified by Georgi Stanojevski for www.freesoftware.org.mk
*/

html,body {
	height: 96%; 
}
body {
	margin-top: 2%; 
	margin-bottom: 2%; 
	background-color: #FFFFFF; 
	font-family: Verdana, Georgia, Geneva, "Trebuchet MS", Monaco, Calibri, sans-serif; /* Monaco = iMac, Calibri = Windows Vista */
	font-size: 120%; 
	color: #6d6d6d; 
	margin-right: 0;
}


#container { 
	width: 800px; 
	margin-left: auto;  
	margin-right: auto; 
	border: 1px solid #F4F4F4; 
}

#header { 
	width: auto; 
	height: auto; 
	text-align: right; 
	padding: 6% 4%; 
	background: url(sliki/diags.jpg) top left repeat-x; 
}
	#header h1 { 
		font-size: 130%; 
		color: #DD8200; 
		display: inline; 
		letter-spacing: 4px; 
	}
	#header h2 {
		position: relative; 
		display: inline; 
		vertical-align: center; 
		font-size: 70%; 
		font-weight: 100; 
		/*text-transform: uppercase; *//* ALL CAPS ON THIS LINE OF TEXT */
		color: #00ACF4; 
		letter-spacing: 1px; 
	}
	#header img {
		float: left;
	}
	
#core_container { 
	width: 100%; 
	background-color: #FFFFFF; 
}

#core_left { 
	width: 180px; 
	float: left; 
	padding: 12px; 
	_padding: 6px; 
	height: auto; 
	background-color: #FFFFFF;
}
	#core_left img { 
		border: 0; 
	}
	#core_left p {
		font-size: 70%; 
	}
	#core_left a, #core_left a:link, #core_left a:visited {
		color: #000000; 
		text-decoration: none; 
	}
	#core_left a:hover {
		color: #00ACF4; 
	}
	#core_left h3, #core_left h4 {
		position: relative; 
		display: inline; 
		vertical-align: center; 
		font-size: 90%; 
		font-weight: 500; 
		text-transform: uppercase; 
		color: #00ACF4; 
		letter-spacing: 1px; 
	}
	#core_left li { 
		font-size: 10px; 
	}
	.litxt { 
		padding-bottom: 10px;
		width: 95%;
		padding-left: 5%;
	}
	#core_left ul { 
		list-style: none; 
		padding-left: 0px; 
		margin-left: 0; 
	}
	
/* THIS NAVIGATIONBAR IS COURTESY OF MAXDESIGN > http://css.maxdesign.com.au/listamatic */

#navcontainer {
	text-align: left;
	padding-left: 20px;
	margin-top: 3px;
}

ul#navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#navlist li {
	display: inline;
	list-style-type: none;
}
#current {
	border-top: 1px dashed #DD8200;
}
#navlist a { 
	padding: 3px 10px; 
	font-size: 75%;
	font: Verdana, Arial, Helvetica, sans-serif;
}

#navlist a:link, #navlist a:visited {
	color: #007CB0;
	background-color: #FFFFFF;
	text-decoration: none;
}

#navlist a:hover {
	color: #fff;
	background-color: #DD8200;
	text-decoration: none;
}

#navlist a:active {
	color: #fff;
	background-color: #00ACF4;
	text-decoration: none;
}

	
#core_right { 
	width: 586px; 
	float: left; 
	margin: 0px; 
	padding: 0;
	background-color: #FFFFFF; 
}
	#core_right h5, #core_right h6 { 
		position: relative; 
		vertical-align: center; 
		font-size: 90%; 
		font-weight: 500; 
		text-transform: uppercase; 
		color: #00ACF4; 
		letter-spacing: 1px; 
	}
	#core_right p, #core_right h5, #core_right h6  {
		padding-left: 5%; 
		margin-bottom: 2%;
	}
	#core_right p { 
		font-size: 80%; 
		line-height: 20px; 
		/*text-align: justify;*/
		text-indent: 2em;
	}
	
	#core_right a {
		color: #00ACF4;
	}
	
	#core_right a:hover {
		text-decoration: none;
	}
	
.bottom_ul { 
	display: block;
	list-style: none; 
	padding-left: 20px; 
	width: 586px; 
	/*height: 12px;*/ /* 10px fontsize, 12px height. Seems enough. */
	margin: 0; 
	margin-bottom: 1em;
}
	.bottom_ul li { 
		padding: 0px 10px; 
		background-color:#FFFFFF; 
	}
	.bottom_ul a { 
		font-size: 70%; 
		display: block; 
		padding: 3px; 
		width: 420px; 
		color: #AAAAAA; 
	}
	.bottom_ul a:hover { 
		color: #00ACF4; 
		width: 560px; 
		background: #F8F8F8 url(sliki/arrow_right.jpg) 98% 50% no-repeat; 
	}

#footer { 
	clear: both; 
	width: 800px; 
	height: 20px; 
	text-align: right; 
	margin: 0;
	
}
	#footer p { 
	/*	text-transform: uppercase; *//* ALL CAPS ON THIS LINE OF TEXT */
		background: #FFFFFF url(sliki/diags.jpg)  0% 30% repeat-x; 
		font-size: 60%; 
		color: #CCCCCC;
		letter-spacing: 1px; 
	}
	#footer a { 
		text-decoration: none; 
		color: #CCCCCC; 
	}
	
#counter {
	visibility: hidden;
}	
/* Can't seem to fix something? Do not hesitate to email me on my Gmail account at amy2k5@gmail.com */