/* 
	project:  small corporation
	author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }* 
body { 
	font: 14px Calibri;
	line-height: 1,6em;
	background: #CCCCCC;
	color: #1c1c1c; 
}

a {	color: #363AED;	background: inherit; text-decoration: none; }
a:hover { color: #D90000; background: inherit; text-decoration: underline; }
p { margin: 0 0 15px 0; }
h1 { margin: 20px 0 0; }
h1 a { background: inherit; }
img { border: 0; }
h2 { font: 26px Calibri; color: #363AED; margin: 0 0 12px; }
h3 { font: Calibri; font-size: 16px; color: #D90000; }
h3 a { font: Calibri; font-size: 16px; color: #B33B00; }
h4 { font: Calibri; font-size: 20px; color: #D90000; }
h4 a { font: Calibri; font-size: 20px; color: #D90000; }
h5 { font: Calibri; font-size: 14px; color: #595959; text-align: left; }

#main h3 a { font-size: 16px; color: #363AED; font-weight: normal; text-transform: uppercase; }

#content { width: 940px; margin: 0 auto; background: #ffffff; padding: 0px 20px 0 20px; border-top: 5px solid #eee; }

#top{ float: right; text-align: right;  }
#top a { color: #D90000; margin: 0 0 0 13px; background: #fffff url(../images/toparrow.png) no-repeat center left; padding: 0 0 0 12px; }

#logo { float: left; color: #ffffff; line-height: 25px; }
#menu { background: #1c1c1c; height: 30px; padding: 7px 0 0 0; clear: both;  margin: 0 0 18px; }
	#menu li { font-size: 1.1em; display: inline; text-transform: uppercase; }
	#menu li a { margin: 0 25px 0 10px; color: #ffffff; font-weight: bolder; }
	#menu li a:hover { color: #F5F5FF; }

#left {  background: #8586A1; clear: left; float: left; width: 255px; padding: 10px 15px; margin: 0 0 20px; }
	#left img { margin: 0 0 8px; }
	#left li { list-style: none; }
	#left li a {  color: #ffffff; font-weight: bold; background: url(../images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; }

#main { float: left; width: 655px; margin: 0 0 20px; }
	#main img { float: left; border: 3px solid #eee; padding: 1px; margin: 0 15px 5px 0; }
	#line { clear: both; padding: 3px; margin: 0 0 15px; background: #fff url(../images/smalldot.gif) repeat-x; }
	#ad { background: #ffffff; font: 14px Calibri; color: #000000; float: right; text-align: center; width: 250px; border-style:solid; border-color:#000000; border-width:3px; height: 200px; margin: 0 0 15px; padding: 3px; }
	#shortnews { background: #E6E6E6; float: right; width: 250px; }
	.news { border-bottom: 1px solid #eee; padding: 10px 5px 2px 5px; margin: 0 0 10px;}
	
#right { background: #ffffff; margin: 0 15px 20px 0; padding: 0 0 0 15px; float: right; width: 620px; text-align: justify; }
.border { clear: both; border-left: 4px solid #ccc; padding: 0 0 0 15px; }

#rl { float: left; width: 305px; margin: 0 3px 0px 0; }
#rr { float: right; width: 305px; margin: 18px 5px 0px 0;}
#rd { float: right; width: 623px; clear: both;}
	#rl li, #rr li { list-style: none; border-bottom: 1px solid #000000; padding: 3px; margin: 0; }
	#rl li a, #rr li a { background: #fff url(../images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; color: #363AED; font-weight: bold;  }

#footer { clear: both; padding: 10px; margin: 0 0 15px; font-size: .9em; color: #D90000; background: #A6A6A6; }
	.links a { font-weight: bold; color: #787A8F; background: #fff; margin: 0 10px 0 0; background: url(../images/dot.png) no-repeat center left; padding: 0 0 0 10px; }
	.sponsor { color: red; background: #eee; }
	#footer li { list-style: none; }
	#fl { width: 600px; }
	#fr { float: right; }

/* The two fonts below control the blue and red coloured word 'ENGLAS' that you have on most of your pages */
.englas-blue {
	/* This is the font size and type of 'ENG' and 'S' */
	font: 14px Calibri;
	/* This is the colour of 'ENG' and 'S' */
	color: #363AED;
	/* This puts a very tiny space between the letters of 'ENG' and 'S' to define them form the rest fo the text */
	letter-spacing: 1px;
}

.englas-red {
	/* This is the font size and type of 'LA' */
	font: 14px Calibri;
	/* This is the colour of 'LA' */
	color: #D90000;
	/* This puts a very tiny space between the letters of 'LA' to define them form the rest fo the text */
	letter-spacing: 1px;
}

ul
{
list-style-type: disc;
padding: 0;
margin: 1em;
}

li
{
padding-left: 1em;
}
