body {
 font-family: Verdana, Tahoma, sans-serif, Helvetica;
 font-size: 90%;
 background-color: #666;
 
 width: 900px;
 margin-top:0;
 margin-left: 80px;
 border-right: 1px #aaaaaa solid;
 border-left: 1px #aaa solid;
}


	
h1 {
 font-family: Verdana, Tahoma, sans-serif, Helvetica;
 letter-spacing: -0.5px;
}

h1 img{
 vertical-align: top;
 padding-right: 0.3em;	
}

h2 {
 font-family: Tahoma, Verdana, sans-serif, Helvetica;
 font-style: normal;
 letter-spacing: -0.5px;
}

h3 {
 font-family: Tahoma, Verdana, sans-serif, Helvetica;
 color: #333333;
 text-align: left;
 font-style: normal;
 letter-spacing: -0.5px;
}

h3 img{
 vertical-align: middle;
 padding-right: 0.3em
}


a img {
 border: none;
}


#header{
	color: #aaa;
	background-color: #888;
	height: 36px;
}

#header a{
	color: #fff;
	text-decoration: none;
	padding: 0 0.35em 0 0.15em;
	font-size: smaller;
}

#header a.nolang{
	text-decoration: line-through;
}

#headlinks {
	width: 170px;
	float: left;
}

#headright {
	float: right;
	width: 729px;
	height: 36px;
    background: url(../img/minibawhite.png) right center no-repeat;
border-left: 1px #aaaaaa solid;
}


#logo { 
clear: both;
height: 180px;
}

/* The container ensures consistency of the navi and content  heights*/
#container {
	background-color: #ddd;
	background: url("../img/borderR.gif") left top repeat;
}

/* ================================== NAVIGATOR ========================== */
#navigator {
float: left;
width: 170px;

background-color: #ddd;
font-family: Verdana, Tahoma, sans-serif, Helvetica;
letter-spacing: -0.5px;
padding-top: 24px;
padding-left: 0px;
background: url("../img/borderR.gif") left top repeat;
}

/* ======== MENU ======= */
a.menuitem, p.menuitem {
line-height: 40px;
margin: 0px 0px 0px 0px;
padding: 0.2em 0em 0.2em 3.5em;
display: block;

color: white;
text-decoration: none;
font-weight: bold;
border-top: dashed 1px #333;
}

#menu1 a{ background: url("../img/icons/personal.png") no-repeat 4px 50%;}
#menu2 a{ background: url("../img/icons/photo.png") no-repeat 4px 50%;}
#menu3 a{ background: url("../img/icons/contacts4.png") no-repeat 4px 50%;}
#menu4 a{ background: url("../img/icons/blog.png") no-repeat 4px 50%; border-bottom: dashed 1px #333;}
#menu5 a{ background: url("../img/icons/hobby.png") no-repeat 4px 50%; }

#menu1 a:hover	{ background-color: #A5BF8C;}
#menu2 a:hover	{ background-color: #7DC5DF;}
#menu3 a:hover	{ background-color: #F98E93;}
#menu4 a:hover	{ background-color: #EFB586;}
#menu5 a:hover	{ background-color: #D9B5DF;}

#menu1s a{ background: url("../img/icons/personal.png") no-repeat 4px 50%; color: #33A02c;}
#menu2s a{ background: url("../img/icons/photo.png") no-repeat 4px 50%; color: #0678B3;}
#menu3s a{ background: url("../img/icons/contacts4.png") no-repeat 4px 50%; color: #D50032;}
#menu4s a{ background: url("../img/icons/blog.png") no-repeat 4px 50%; color: #ff7f00;}
#menu5s a{ background: url("../img/icons/hobby.png") no-repeat 4px 50%; color: #853b9f;}

/* ======== SUBMENU ======= */

a.submenu {
background: url("../img/arrow2.gif") no-repeat left center;
height: 25px;
line-height: 25px;
margin: 0px 28px;
padding: 0.2em 0em 0.2em 22px;
color:rgb(110, 113, 82);

text-decoration: none;
font-weight: bold;
}

#submenu1 a:hover { color: #33A02c;}
#submenu1s a { color: #33A02c;}

/* ===================================== the central text ========================== */
#content {
float: right;
width: 689px;
padding: 10px 20px 10px 20px;

text-align: justify;
border-left: 1px #aaaaaa solid;
background-color: #EFEFEF;
}


#content a{
	color: #08398F;
	text-decoration:none;
	border-bottom:1px dashed #111;
}

#content a:hover {
	color:#00ABE5;;	
	border-bottom:1px solid #00ABE5;
}


/* =================================== the footer =====================================*/

#footer
{
clear: both;
border-top: 1px #aaaaaa solid;
font-style: italic;
font-size: 60%;
background-color: #FFF;
}


/* =========== END OF THE GENERAL PART =============== */