body {
color: #666666;

background-color: #000000;
margin: 4px;
padding: 4px;

font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
text-decoration: none;
text-align: left;}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {color: #808000;
background-color: #000000;
text-decoration: none;}

a {
color: #666666;
	text-decoration: none;
}

h1 {font-size: 1.4em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h2 {font-size: 1.3em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h3 {font-size: 1.2em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h4 {font-size: 1.1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h5 {font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
text-align: left;}



div#start{
background-color: #000000;
}

div#lefttop{

	padding: 2%;
	background-color: #000000;
	margin-bottom: 2px;
}

div#top {padding: 2%;
text-align: center;
background-color: #000000;
margin-bottom: 2px
/*border-bottom: solid #999999 thin*/
}

div#footer {padding: 2%;
text-align: center;
clear: both;
background-color: #000000;
color: #aaa79b}

div#main {padding: 2%;
text-align: justify;
margin-left: 150px;
background-color: #000000;
color: #969489;
margin-bottom: 2px}

div#navbar {
/*padding: 8%;*/
float: left;
text-align: left;
font:Century Gothic;
font-size: medium;
font-weight: bold;
color: #CCCCCC;

vertical-align: top}

#navbar a:link, #navbar a:visited {color: #808080;
background-color: #000000;
text-decoration: none;
text-align: justify;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;

}

/** TODO for textlinks we should have a non-black background color */
#navbar a:hover, #navbar a.current {color:#000000;
background-color: #000000;

text-decoration: none}

div#flag {

text-decoration: none;
background-color: #000000;
}
#flag a:hover #flag a.current #flag a:visited #flag a:link
{
	color: #000000;
	text-decoration: none;

}

div#ped {
}
#ped td
{
	background-color: #333333;
	text-align:center;
	vertical-align: middle;
	text-decoration:none;
	padding:0;
	margin:0;
	}
#ped a:hover
{
	background-color: #333333;
}

.tabspace {
	width: 6px;
	height: 18px;
}



.tabmargin {
	width: 36px;
}


/* for gallery: */
#toparea {
/* 	 border: dashed yellow;*/
/*	width: 660px;*/
	height: 19px;
	background-image:url(album/top.jpg);
}
#tabarea {
	background-image:url(album/btnrow_bktile.jpg);
}

#leftarea {
	width: 56px;   /*2 pixel smaller then image */
	height: 432px;
	background-image:url(album/left.jpg);
}

#thumbnailarea {
/* 	 border: dashed red;*/
	width: 568px; /* add the 2 pixel that miss from leftarea */
	height: 432px;
	background-image:url(album/bktile.jpg);
}

#imagearea {
/* 	border: dashed green;*/
	width: 568px;/* add the 2 pixel that miss from leftarea */
	height: 432px;
	background-image:url(album/bktile.jpg);
}

#rightarea {
	width: 34px; /*2 pixel smaller then image */
	height: 432px;
	background-image:url(album/right.jpg);
}

#bottomarea {
/*	width: 660px;*/
/* specify no width */
	height: 40px;
	background-image:url(album/bottom.jpg);
}


/** for tamerlan page*/
#titlelist {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #999999;
	
}

#list2 {

    text-align:center;
    font-size: 1.1em;
	 font-weight: bold;
	 color: #999900;
	 
}