body,input,textarea { background-color: #bbbbbb; }
body,p,pre,td,span,a,ol,ul,tr,form,input,textarea { text-decoration:none; 
   font-family: arial, helvetica, verdana, variable; 
   font-size: 10pt; color: #000000; }    
td.sub { text-decoration:none;
	font-family: arial, helvetica, verdana, variable;
	font-size: 12pt; color: #000000; background: #eeeeee }
tr.sub { text-decoration:none;
    font-family: arial, helvetica, verdana, variable;
    font-size: 12pt; color: #000000; background: #eeeeee }
td.smallsub { text-decoration:none;
    font-family: arial, helvetica, verdana, variable;
    font-size: 10pt; color: #000000; background: #eeeeee }
body { border-left: 5px; border-right: 5px; 
       border-top: 0px; border-bottom: 5px; 
       margin: 5px; margin-top:15px;
	}

img.diary { 
	border: 1px; 
	margin-left: 20px; margin-right: 20px;
	float: right;
}

a { color: #2288bb; }
a:visited { color: #003366; }
a:active  { color: #888888; }
a:hover   { color: #ffff66; }

/*table { 
	border: 0; 
	cell-spacing: 0; 
	cell-padding: 0;
	text-align: center;
	width=100%; }
*/
table #msgboard { 
	border: 0; 
	cell-spacing: 0; 
	cell-padding: 0;
	text-align: left;
	width=100%; }

h1 { font-family: arial, helvetica, verdana, variable;
   font-size: 14pt; color: #000000; font-weight: bold; }
h2 { font-family: arial, helvetica, verdana, variable; 
   font-size: 12pt; color: #000000; font-weight: bold; }
h3 { font-family: arial, helvetica, verdana, variable; 
   font-size: 10pt; color: #000000; font-weight: bold; }
pre { font-family: fixed, console, courier; font-size: 10pt; color: #000000; text-align:center; }


/* #title { position: absolute; top: 0px; left: 0px; } */
#title { width:100%; 
	height: 80px;
	background-image: url("art/adino.sk.png");
	background-repeat: no-repeat;
	background-position: left;
	font-family: arial, helvetica, verdana, variable;
	font-size: 20pt; color: #000000; font-weight: bold;
	width: 90%; 
	margin-left:5%;
	margin-right:5%;
	margin-top:10px; 
	text-align:center;
	background-color:#cccccc;
	border: solid 1px #dddddd;
}

#titlepees { width:100%; 
	height: 80px;
	font-family: arial, helvetica, verdana, variable;
	font-size: 20pt; color: #000000; font-weight: bold;
	width: 90%; 
	margin-left:5%;
	margin-right:5%;
	margin-top:10px; 
	text-align:center;
	background-color:#cccccc;
	border: solid 1px #dddddd;
}

#menu{ 
	border: solid 1px #dddddd;
	width: 90%;
	padding: 0px;
	margin: 5px;
    margin-left:5%;
    margin-right:5%;
    text-align:center;
    background-color:#cccccc;
}

#menulist li { 
	list-style-type:none; display:inline; margin-left:10px; text-align:center; 
	padding-left:10px;
	}
#menulist li[selected] { 
	text-align:left; 
	font-family: arial, helvetica, verdana, variable;
	font-size:12pt;
	font-weight: bold; 
	}
#content { 
	/* width: 90%; 
	 height: 100%;*/
	margin-left:5%;
	margin-right:5%;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
	background-color:#cccccc;
	border: solid 1px #dddddd;
}
#content ul { background-color:#cccccc;} 
#content ul li { text-align: left; }

div#cv ul { background-color:#cccccc;} 
div#cv ul li { list-style-type:none; text-align: center; }

#contentpees { 
	margin-left:5%;
	margin-right:5%;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:20px;
	padding-right:10px;
	text-align:justify;
	background-color:#cccccc;
	border: solid 1px #dddddd;
}
#contentpeesimg { 
	float: right; width:260px;
	padding: 0px 10px 10px 10px;
	background-color:#cccccc;
	border: solid 1px #dddddd;
}
#contentpees ul { background-color:#cccccc; } 
#contentpees ul li { text-align: justify; }

#photoidx {
	width: 100%; 
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	background-color:#cccccc;
}
img#photo {
	border: solid 1px #aaaacc;
}
/* create solid light blue border around each thumbnail */
#photoidx img {
	border: solid 1px #aaaacc;
}
/* separate thumbnail images from each other */
#photoidx table tr td{
	padding:5px;
	text-align:center;
	border: dotted 1px #dddddd;
}