* html ul li {} * html ul li a {height: 1%; }
body, table, tr, td, div, h1, h2, h3, h4, form, input, span, img, form, input, ul, li, ol, p {margin: 0px; padding: 0px }
body {background: #F4F4F4; font: normal 12px/16px "Arial"; color: #333333; border: none;}
table, tr, td {border-collapse: collapse; vertical-align: top; font: normal 12px/16px "Arial"; color: #333333}
a {text-decoration:underline; color:#660000}
a:hover {text-decoration: none; color:#333333}
a img {border: none}
.clear {height: 1px; line-height: 1px; clear: both}

.main {width: 100%; min-width: 1000px; width:expression(document.body.clientWidth < 1000? "1000px": "auto")}


h1 {font: normal 18px/22px "Arial"; color: #660000; padding: 5px; font-weight: lighter}
h2, h3 {font: bold 14px/16px "Arial"; color: #2162AB; padding: 15px 0}
p {padding: 5px 0;}
ul {list-style: none; padding: 8px 10px;}
ul li {padding: 0 0 7px 20px; background: url("images/li.gif") no-repeat 3px 5px; color: #4E4E4E}
ol {padding: 10px 10px 10px 30px}
ol li {padding: 0 0 5px 0px}
.top { width:100%; height:200px; margin:0px auto 0px auto;}
.top-center { width:850px; height:300px; background-image: url(images/pic-center.gif); background-repeat:no-repeat; margin:0px auto 0px auto;}
.content { width:100%; margin:20px auto 20px auto;}
.text-block { width:70%; margin:0px 10px 0px 10px; float:right;}
.important-block { width:27%; margin:0px 0px 0px 10px; float:left;}
.bottom {width:100%; height:200px; margin:0px auto 0px auto;}
.bottom-center { width:737px; height:207px; background-image: url(images/pic-bottom.gif); background-repeat:no-repeat; margin:20px auto 0px auto;}
.menu { width:90%; margin:5px auto 3px auto; height:22px; text-align:center; font: normal 18px/22px "Arial"; color: #660000; padding: 5px; font-weight: lighter}

.photo-img { margin:5px; padding:5px; border:solid 1px #CCCCCC;}