body { background-color: #dfd; min-width: 900px; margin: 0; padding: 0; }

p
{
font-family: verdana, arial, 'sans serif';
font-size: 12px;
margin-left: 0pt;
margin-top: 0px;
margin-bottom: 3px;
}

h1, h2, h3, h4
{
font-family: verdana, arial, 'sans serif'; 
margin-bottom: 3px;
margin-top: 0px;
}
h1 { font-size: 14px; color:#396; font-weight: bold; }
h2 { font-size: 12px; color:#339966; font-weight: bold; }
a { font-family: verdana, arial, 'sans serif'; font-size: 14px;}

td { }

a:link { color: #339966; font-size: 12px; text-decoration: none; }
a:visited { color: #339966; font-size: 12px; text-decoration: none; }
a:hover{ color: #F00; font-size: 12px; text-decoration: none; }
a:active { color: #339966; font-size: 12px; text-decoration: none; }
a:focus { color: #F00; -moz-outline: 0px ! important  }

#top { color: #fff; background-color: #0c9; background-repeat: no-repeat; background-position: right center; width: 100%; height: 80px; min-width: 900px; border-bottom: 1px solid #aaa; border-top-width: 0; border-left-width: 0; yle: none; border-right-width: 0; }
#top .top_left{ display: inline; text-align: left; vertical-align: top; width: 20%; height: 60px; float: left; min-width: 160px; max-width: 200px; margin-top: 20px; margin-right: 10px; margin-left: 10px; }
#top .top_mid{ display: inline; text-align: center; vertical-align: top; width: 500px; height: 40px; float: left; min-width: 500px; margin-top: 40px; }
#top .top_right{ display: inline; text-align: right; vertical-align: top; width: 20%; height: 70px; float: left; min-width: 160px; max-width: 200px; margin-top: 10px; margin-left: 10px; }
#top .img { top: 10px; float: right; }
#left { width: 20%; height: 1000px; float: left; clear: left; min-width: 160px; max-width: 200px; margin-top: 24px; margin-right: 10px; margin-left: 10px; border-width: 0; }
#mid { display: inline; background-color: #ffffff; width: 500px; height: 1000px; float: left; clear: none; margin-top: 20px; border-style: none; border-width: 0; }
#mid table { background-color: #dfd; border-collapse: collapse; width: 500px; height: 24px; margin: 0; padding: 0; border-width: 0; }
#mid td { background-image: url(../pic/btn3.gif); background-repeat: no-repeat; text-align: center; vertical-align: middle; width: 125px; height: 24px; }
#mid a:link { color: #000000; font-size: 12px; font-style: normal; text-decoration: none; display: block;}
#mid a:visited { color: #000000;  font-size: 12px; font-style: normal; text-decoration: none; display: block;}
#mid a:hover { color: #FF0000; font-size: 12px; font-style: normal; text-decoration: none; display: block;}
#mid a:active { color: #000000; font-size: 12px; font-style: normal; text-decoration: none;display: block; }
#right { display: inline; background-color: #feffee; text-align: center; width: 20%; height: 1000px; float: left; clear: none; min-width: 160px; max-width: 200px; margin-top: 20px; margin-left: 10px; border: solid 1px #c96; }
#footer { color: #fff; background-color: #eee; clear: left; width: 100%; height: 60px; float: left; margin-top: 20px; border-top: 1px solid #deb887; border-right-style: none; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; }
#page { position: relative; width: 100%; min-width: 900px; }
* html div#page {
	width: expression(document.body.clientWidth > 900 ? "100%": "900px");
}