body {
	 margin:20px;
	 background:#C0CFE2;
	 color: #333333;
	 padding:0;
	 font-family: Veranda, Arial;
	 font-size: 10pt;
	 text-align: center;
	 height: 100%;
 }
 
#outer {
	width: 850px;
	margin: auto;
 }

#hdr {
	 height: 80px; 
	 background-color: #eeeeee;
	 color: #333333;
	border: solid #3B536C;
	border-width: 1px 1px 0px 1px;
 }

#navi {
	font-weight: bold;
	color: #ffffff;
	width: 625px;
	text-align: center;
}

#navi a{
	font-size: 13pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 6px 6px 6px 6px;
}

#navi tr td {
	padding-top: 5px;
}

#navi a:hover {
	background-color: #3B536C;
	border: solid #eeeeee;
	padding: 1px 6px 6px 6px;
	border-width: 5px 0px 0px 0px;
}

#active a {
	background-color: #3B536C;
	border: solid #eeeeee;
	padding-top: 1px;
	border-width: 5px 0px 0px 0px;
}

#portfolio tr td {
	vertical-align: top;
}

#bar {
	 text-align: center;
	 height: 30px;
	 background-color: #95A2B2;
	 color: #333333;	
	border: solid #3B536C;
	border-width: 0px 1px 0px 1px;
 }

#bodyblock {
	 position:relative;
	 background-color: #cccccc;
	 color: #333333;
	 width: 849px;
	border: solid #3B536C;
	border-width: 0px 0px 1px 1px;
 }

#l-col {
	 float: left;
	 color: #333333;
	 width: 170px;
	 text-align: center;
 }
 
#pic {
	border: solid #000000;
	border-width: 2px;
	width: 140px;
	height: 140px;
	margin: auto;
	margin-top: 10px;
	background-image: url('../img_bin/me.jpg');
}

#cont {
	 width: 675px;
	 background-color: #3B536C;
	 color: #ffffff;
	 text-align:left;

 }

#ftr {
	width: 850px;
	 background-color:#C0CFE2;
	 color: #333333;
	 margin: 4px 0px 0px 0px;
 }