/*body{
  padding: 30px 0 0;
  background: #FFF;
  font: 100.01%/1.3 Verdana,Arial,sans-serif;
  text-align: center
}*/
body {
	background: /*url(img/bg.png) repeat-x*/ center #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
}

a { font-weight: bolder }
a:link    { color: blue; text-decoration: none }
a:hover   { color: blue; text-transform: normal; text-decoration: underline }
a:active  { color: red; text-decoration: none }
a:visited { color: purple; text-decoration: none }
a:visited:hover { color: purple; text-decoration: underline }
/*div.box {
  width: 18em;
  padding: 20px;
  margin:0 auto;
  background: url(img/inner-bg2.png);
  color:#000
}*/
div.nav {
  width: 18em;
}
h1, h2{
  font: lighter 200% "Trebuchet MS",Arial sans-serif;
  /*color: #208BE1;*/
}
h1,h2,p{
  margin:0px;
  padding: 5px 5px
}
div#container {
  width:700px;
  margin: 10px auto;
  padding:10px 0;
  text-align:left;
  background: #efb579;
  height: 820px;
  //height: 1020px;
}
div#content{width:75%;/*height: 900px;*/ padding:20px 0;background: #efb579}
div#nav {
  float:right;
  width:20%;
  padding:10px 0;
  background: url(img/inner-bg4.png); /*#79a6d4*/
  font-size: larger;
  font-weight: bolder;
}

.box-l, .box-r {
  width: 270px;
  margin: 35px;
  //margin: 20px;
  padding: 10px;
}
.box-l {
  float: left;
  background: url(img/inner-bg2l.png);
  margin-right: 10px;
}
.box-r {
  float: right;
  background: url(img/inner-bg3.png);
  margin-left: 10px;
}
.icon-h {
  float: left; 
  margin-right: 8px;
  margin-top: 6px;
}
.box-ul {
  margin-top: -3px;
  margin-left: -15px;
  list-style: none;
}
.box-li {
  font-size: smaller;
}
.portrait {
  float: right;
}
.thumb {
  margin-bottom: -8px;
}