﻿* {
margin : 0;
padding : 0;
}
body {
	color : #000;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, sans-serif;
	font-size: 90%;
	background-color: #87cefa;
	background-image: url(img/downtown_sofia.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding: 0;
}
ul {
	margin: 20px 0px 20px 40px;
	text-align:justify;	
}
			/*WRAP*/
#wrapper {
	width : 800px;
	border : 5px solid #fff;
	background : #eee url(img/sidebar.gif) repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	color: #000000;
	opacity: 0.8;
}
			/*HEADER*/
#header {
	width : 600px;
	height : 250px;
	float : right;
	margin : 0;
	text-align: center;
	color: #080;
}
#banner {
	width : 100%;
	height : 43px;
	text-align: center;
	margin : 0;
	padding : 0;
	border-bottom : 1px solid #fff;
	color : #fff;
	background : #080;
}
#banner a {
margin : 5px;
color : #fff;
background : inherit;
}
#banner a:hover {
color : #000;
background : inherit;
}
			/*NAVIGATION*/
#navcontainer {
	width : 200px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	font-size: 110%;
}
#navcontainer ul {
padding-left : 0;
list-style-type : none;
margin: 0px;
}
#navcontainer a {
display : block;
padding : 3px;
width : 193px;
border-bottom : 1px solid #eee;
background : #50c878;
color : #fff;
}
#navcontainer a:link, #navlist a:visited {
	color : #fff;
	text-decoration : none;
}
#active a   {
	background-color: #080;
}
#navcontainer a:hover {
background : #080;
color : #000;
}
			/*SIDEBAR*/
#sidebar {
	float : left;
	width : 200px;
	padding : 0;
	margin : 0;
	/*border-top : 1px solid #fff;*/
	font-size : 100%;
	line-height : 1.8em;
	background : #d1d4d7;
	color : #333;
}
			/*CONTENT*/
#content {
	float : left;
	width : 570px;
	margin : 20px 0 0 20px;
	line-height : 1.8em;
}
			/*FOOTER*/
#footer {
	clear : both;
	width : 600px;
	margin-left : 200px;
	padding-left : 5px;
	text-align : center;
	border-top : 5px solid #080;
}
			/*TYPOGRAPHY*/
p {
	color : #000000;
	text-align: justify;
	text-indent: 15px;
}
#sidebar p{
	padding: 5px;	
}
h1 {
	margin : 0;
	padding : 20px;
	font-size : 170%;
	letter-spacing : 5px;
	color: #039;
}
h2 {
	margin : 0 0 0 15px;
	padding : 0;
	font-size : 100%;
	letter-spacing : 5px;
	text-transform : uppercase;
	text-align : left;
	color : #080;
}
h3 {
	margin : 10px 0 10px 15px;
	padding : 0 0 3px 3px;
	font-size : 120%;
	letter-spacing : 5px;
	color : #080;
}
blockquote {
	margin : 10px 20px 10px 15px;
	font-weight : bold;
	color : #039;
}
			/*CLASS*/
.img {
margin : 0 0 10px 0;
}
.myborder {
border : 1px solid #fff;
padding : 5px;
margin : 0 0 0 4px;
}
.myimg {
float : left;
border : 1px solid #eee;
padding : 5px;
margin : 5px 10px 10px 4px;
}
.mylogo {
margin-right : auto;
}
			/*LINKS*/
a, a:visited {
text-decoration : none;
color : #00008b;
background : inherit;
}
a:hover {
color : #f00;
background : inherit;
}
a img {
border : none;
}

.table {
	margin : 4px 10px;
	border-collapse : collapse;
	margin : 0 auto;
}

.table th {
	background : #080;
	padding : 2px 4px;
	border : 1px solid #039;
	text-align : center;
}

.table td {
	border : 1px solid #039;
	padding : 2px 4px;
}

.table td.center {
	text-align : center;
}
