body {margin: 0; padding: 2px 0 1.5em; color: black; font: 11px Tahoma, sans-serif;}
table {font: 11px Tahoma, sans-serif; border-style: none;}
a {color: #000099; text-decoration: none;}
a:hover {text-decoration: underline;}

/* page header (contains top menu bar) */
table.page-header {border-collapse: collapse; width: 731px; margin: 0 auto 8px;  border-bottom: 1px solid #DBDBDB;}
table.page-header img {border-style: none; margin: 0;}
table.page-header td {padding: 0px; text-align: center; vertical-align: middle;}

/* page body (contains left menu bar and page content columns) */
table.page-body {border-collapse: collapse; table-layout: fixed; width: 731px; margin: 0 auto 1.5em;}
table.page-body td.menu-left {padding: 4px; background-color: #F8E8E0; vertical-align: top; border-right: 1px solid #DBDBDB;}
table.page-body td.menu-left img {border-style: none;}
table.page-body td.page-content {vertical-align: top;}

/* section (contains section header, menu items, section footer) */
div.menu-left-section {margin: 0 0 4px; padding: 2px 2px 0; background-color: #E5F4F9; border: 3px double white;}
div.menu-left-section-header {margin: 0 0 6px;}
div.menu-left-section-footer {margin: 0 0 4px; text-align: right; padding-right: 2px;}
/* -----------------------------------------------------------------------
The box model in IE is really bad. Unless font-size and line-height are
defined, IE will render div.hr with height large enough to hold the text *if* 
it were written inside this div. The same applies to the enclosed table cell
height. 
-------------------------------------------------------------------------- */
div.menu-left-section div.hr {clear: both; height: 1px; font-size: 0; line-height: 0; background-color: #86CCE3; margin: 5px 4px;}
div.menu-left-item {margin: 4px 0;}
div.menu-left-item table {border-collapse: collapse; width: 100%; margin: 0; font-weight: bold;}
div.menu-left-item th {vertical-align: top; width: 65px; padding: 0; font-size: 0; line-height: 0;}
div.menu-left-item td {vertical-align: top; width: auto; padding: 0 5px; color: #369;}
div.menu-left-item img {margin: 0;}

div#sagem_phones img {border: 1px solid #000099;}

/* content frame */
/* -----------------------------------------------------------------------
Although it is possible to make this frame with just rows and columns spanning
multiple rows, IE ignores explicit row height settings and distributes multirow
cells in its own way, producing cell padding that cannot be controlled.
-------------------------------------------------------------------------- */
table.content-frame {table-layout: fixed; width: 100%; border-collapse: collapse; border-style: none;}
table.content-frame td.content {vertical-align: top; padding: 0;}
table.content-frame td.content p {margin: 1em auto;}

/* content frame corners and sides */
table.content-frame tr.frame-row {height: 18px;}
table.content-frame th.frame-part {padding: 0; vertical-align: top;}
table.content-frame th#frame-top-left {height: 18px; text-align: right; background: url("http://www.liliwei.com/images_new/frame-top-left.png") no-repeat top right;}
table.content-frame th#frame-top {background: url("http://www.liliwei.com/images_new/frame-top.png") repeat-x top left;}
table.content-frame th#frame-top-right {text-align: left; background: url("http://www.liliwei.com/images_new/frame-top-right.png") no-repeat top left;}
table.content-frame th#frame-right {background: url("http://www.liliwei.com/images_new/frame-right.png") repeat-y 8px top;}
table.content-frame th#frame-bottom-right {text-align: left; background: url("http://www.liliwei.com/images_new/frame-bottom-right.png") no-repeat top left;}
table.content-frame th#frame-bottom {background: url("http://www.liliwei.com/images_new/frame-bottom.png") repeat-x left 9px;}
table.content-frame th#frame-bottom-left {text-align: right; background: url("http://www.liliwei.com/images_new/frame-bottom-left.png") no-repeat top right;}
table.content-frame th#frame-left {background: url("http://www.liliwei.com/images_new/frame-left.png") repeat-y 13px top;}

form.feedback-form {margin: 1em 0 0; padding: 0; border-style: none;}
form.feedback-form table {width: 100%; border-collapse: separate; border-spacing: 4px; margin: 0 -4px;}
form.feedback-form td {padding: 5px; background-color: #DEDFDF; border: 1px solid #ACACAC; vertical-align: top;}
form.feedback-form span {font: xx-small Verdana, Arial, Helvetica, sans-serif;}
form.feedback-form input {vertical-align: middle;}
p.form-footer {margin: 5px auto ! important; text-align: right; padding-top: 10px;}

/* LATEST DRAWINGS
**********************************/
div#latest_drawings {
	width: 100%;
	height: auto;
	text-align: center;
}

div#latest_drawings img {
	clear: both;
	margin: 0 0 10px 0;
	border: 1px solid #AAA;}
}

/* form input */
input {}
option {font-size: 11px; font-family: Tahoma,sans-serif;}
select {font-size: 11px; font-family: Tahoma, sans-serif;}
textarea {}
select {padding-left: 2px}
option {padding-left: 2px}
textarea {padding-left: 2px}

/* */
.A {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 20px; TEXT-DECORATION: none
}
.B {
	BORDER-RIGHT: #8d8d8d 1px solid; BORDER-TOP: #8d8d8d 1px solid; BACKGROUND-IMAGE: url(http://65.54.246.24/bgcolor.gif); BORDER-LEFT: #8d8d8d 1px solid; COLOR: #8d8d8d; BORDER-BOTTOM: #8d8d8d 1px solid; HEIGHT: 20px; TEXT-DECORATION: none
}
.C {
	PADDING-LEFT: 2px
}
.D {
	FONT-SIZE: 24px; COLOR: #ffffff
}
.E {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff
}
.E:hover {
	TEXT-DECORATION: none
}
.F {
	FONT-WEIGHT: bold; COLOR: #ffffff
}
.G {
	COLOR: #ffffff
}
.H2 {
	COLOR: #800000
}
.I {
	FONT-WEIGHT: bold; COLOR: #800000
}
.J {
	COLOR: #000000
}
.K {
	FONT-WEIGHT: bold; COLOR: #000000
}
.L {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000
}
.M {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #ffffff
}
.N {
	HEIGHT: 24px
}
.O TD {
	WHITE-SPACE: nowrap; HEIGHT: 20px
}
.O A {
	COLOR: #000000; TEXT-DECORATION: none! important
}
.P {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; CURSOR: hand
}
.Q {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; CURSOR: hand; COLOR: #ffffff; BACKGROUND-COLOR: #4791c5
}
.Q A {
	COLOR: #ffffff
}
.R {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; COLOR: #8d8d8d
}
.S {
	BORDER-RIGHT: #336699 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #336699 1px solid; PADDING-LEFT: 3px; BORDER-LEFT: #336699 1px solid; COLOR: #8d8d8d; BORDER-BOTTOM: #336699 1px solid; BACKGROUND-COLOR: #e9f2f8
}
.T {
	BORDER-RIGHT: #336699 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #336699 1px solid; PADDING-LEFT: 3px; BORDER-LEFT: #336699 1px solid; CURSOR: hand; BORDER-BOTTOM: #336699 1px solid; BACKGROUND-COLOR: #e9f2f8
}
.U {
	BORDER-RIGHT: #4791c5 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #4791c5 1px solid; PADDING-LEFT: 1px; Z-INDEX: 100; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 1px; OVERFLOW: visible; BORDER-LEFT: #4791c5 1px solid; CURSOR: hand; PADDING-TOP: 1px; BORDER-BOTTOM: #4791c5 1px solid; WHITE-SPACE: nowrap; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: #e9f2f8; LAYER-BACKGROUND-COLOR: #e9f2f8
}
.V {
	PADDING-RIGHT: 0px; BORDER-TOP: #4791c5 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 1px
}
.W {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.X {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #ffffff
}
.y {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; COLOR: #8d8d8d; PADDING-TOP: 1px
}
.Z {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 1px; COLOR: #8d8d8d; PADDING-TOP: 1px; BACKGROUND-COLOR: #ffffff
}
.AA {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #ffffff
}
.BB {
	FONT-WEIGHT: bold
}
.CC {
	FONT-WEIGHT: bold; COLOR: #336699
}
.DD {
	COLOR: #000099
}
.EE {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #ffffff 1px solid; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show
}
.EE TD {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px
}
.FF {
	COLOR: #10659e
}
TR.H {
	BACKGROUND-COLOR: #c1cdd8
}
.GG {
	BORDER-RIGHT: #96965e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #96965e 1px solid; MARGIN-TOP: 12px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #96965e 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #96965e 1px solid; BACKGROUND-COLOR: #ffffcc
}
.HH {
	FONT-WEIGHT: bold; COLOR: #e9f2f8
}
.II {
	COLOR: #800000; HEIGHT: 1px
}
TR.HL {
	CURSOR: hand; BACKGROUND-COLOR: #e9f2f8
}
TR.SL {
	BACKGROUND-COLOR: #c1cdd8
}
.JJ {
	BORDER-RIGHT: #a0c6e5 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #a0c6e5 1px solid; OVERFLOW-Y: auto; PADDING-LEFT: 4px; OVERFLOW-X: hidden; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: top; BORDER-LEFT: #a0c6e5 1px solid; WIDTH: 170px; PADDING-TOP: 4px; BORDER-BOTTOM: #a0c6e5 1px solid; BACKGROUND-COLOR: #ffffff
}
.RTE {
	FONT-SIZE: 12px; FONT-FAMILY: tahoma,sans-serif
}
.KK {
	MARGIN-LEFT: 5px; WIDTH: 15px; HEIGHT: 12px
}
.LL {
	PADDING-LEFT: 1px
}
.MM {
	MARGIN-TOP: 1px; VERTICAL-ALIGN: middle
}
.NN {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; Z-INDEX: 98; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: medium none; WIDTH: 0px; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 0px; HEIGHT: 0px
}
.OO {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 100%; BORDER-BOTTOM: 0px; cell-spacing: 0px
}

/* */
table.textad {
  background-color:#FBEFEA;
  border:1px solid #000000;
  width:98%;
  text-align:center;
}
.textad, .text {
  background-color: #FBEFEA;
  font: 10px Verdana, Helvetica, sans-serif; 
  padding: 2px;
  color: #333;
  text-align: center;
}
.textad, .link {
  font:10px Verdana, Helvetica, sans-serif; 
  color:#333;
  padding: 2px;
  text-align:center;
}
.diary {
  font-weight:bold;
  color:#048;
  font:13px/14px Geneva, Verdana, Helvetica, sans-serif;
}
.diary a:link {
  font-weight:bold;
  color:#048;
  font:13px/14px Geneva, Verdana, Helvetica, sans-serif;
}
.diary a:hover {
  font-weight:bold;
  color:#800;
  font:13px/14px Geneva, Verdana, Helvetica, sans-serif;
}
.diary a:visited {
  font-weight:bold;
  color:#048;
  font:13px/14px Geneva, Verdana, Helvetica, sans-serif;
}
div.clear {
	clear: both;
}

/* GALLERY
**********************************/


/* DRAWINGS
**********************************/

div#drawings {
	width: auto;
	height: 360px;
	padding-bottom : 40px; 
}

div#links {
display : block; 
}

div#links span {
margin-top : 60px; 
}

img.thumbnail {
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	border: 1px solid #aaa;
}

img.thumbnail:hover {
	border: 1px solid #555;
}

/* RATINGS
**********************************/
div#rating {
	width: 100%;
	margin: 10px 0 25px 0;
	border: 1px solid #fff;
}

div#rating strong {
	display: block;
	float: left;
	padding: 5px 0 0 0;
	margin: 0 10px 0 0;
}

a.rating {
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	background: url("http://www.liliwei.com/images_new/star.png") no-repeat;
	text-indent: -9000px;
}

a.rating:hover,
a.selected {
	background-position: left -40px;
}