* { padding: 0; margin: 0; }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 background: #FFF url(img/bg.gif) repeat-x top;
}
a {
 text-decoration: none;
 color: #004080;
}
#wrapper {
 margin: 0 auto;
 width: 768px;
 background: url(img/wrabg.gif) repeat-y top;
}
#header {
 width: 768px;
 float: left;
 height: 70px;
 background: #FFF url(img/headerbg.gif) repeat-x;
}
.headl {
 background: url(img/headleft.jpg) no-repeat left;
 float: left;
 height: 70px;
 width: 9px;
}
.headr {
 background: url(img/headright.jpg) no-repeat right;
 float: right;
 height: 70px;
 width: 9px;
}
.logo {
 background: url(img/logo.gif) no-repeat top;
 float: left;
 height: 70px;
 width: 59px;
 padding-left: 30px;
}
.pasec {
 background: url(img/pasec.gif) no-repeat top left;
 float: left;
 height: 70px;
 width: 266px;
}
#imgo {
 background: #abbdcb url(img/imgox.jpg) no-repeat top;
 height: 178px;
 width: 192px;
 float: left;
}
#imgt {
 background: #abbdcb url(img/imgtx.jpg) no-repeat top;
 height: 178px;
 width: 192px;
 float: left;
}
#imgth {
 background: #abbdcb url(img/imgthx.jpg) no-repeat top;
 height: 178px;
 width: 192px;
 float: left;
}
#imgf {
 background: #abbdcb url(img/imgfx.jpg) no-repeat top;
 height: 178px;
 width: 192px;
 float: left;
}
#footer {
 height: 80px;
 width: 768px;
 clear: both;
 color: #333;
 background: #FFF url(img/footer.gif) repeat-x top;
}
.footl {
 background: url(img/footl.gif) no-repeat left;
 float: left;
 height: 80px;
 width: 9px;	
}
.footr {
 background: url(img/footr.gif) no-repeat right;
 float: right;
 height: 80px;
 width: 9px;	
}
.copy {
 padding: 27px 14px 10px 10px;
 float: right;
 font: 84% Arial, Helvetica, sans-serif;
 color: #999;
}
.copy a {
 color: #999;
 text-decoration: none;
}
.copy a:hover {
 color: #000;
 text-decoration: none;
}
.img {
 background: url(img/img.jpg) no-repeat top;
 height: 287px;
 width: 278px;
}
#nav {
 width: 352px;
 float: right;
 height: 70px;
 display: inline;
 overflow: hidden;
 list-style: none;
}
#nav li {
 display: inline;
 list-style-type: none;
}
#nav a {
 float: left;
 padding-top: 70px;
 overflow: hidden;
 height: 0px !important; 
 height /**/:70px; /* for IE5/Win */
}
#pro a {
 width: 79px;
 background: url(img/pro.gif) no-repeat top;
 margin: 47px 0px 0px 0px;
}
#ueb a {
 width: 75px;
 background: url(img/ueb.gif) no-repeat top;
 margin: 47px 0px 0px 12px;
}
#anf a {
 width: 70px;
 background: url(img/anf.gif) no-repeat top;
 margin: 47px 0px 0px 12px;
}
#kon a {
 width: 68px;
 background: url(img/kon.gif) no-repeat top;
 margin: 47px 0px 0px 12px;
}
.textl {
 width: 490px;
 color: #000;
 float: left;
 background: #fffef5 url(img/textlbg.gif) repeat-y top;
}
.textl .hd ,
.textl .ft .c {
 height: 11px;
}
.textl .ft .c {
 height: 7px;
}
.textl .hd {
 background: url(img/textlo.jpg) no-repeat top;
 height: 11px;
}
.textl .bd {
 background: #eeebcc url(img/textll.gif) repeat-y top left;
 width: 490px;
}
.textl .bd .c {
 background: url(img/textlr.gif) repeat-y top right;
}
.textl .ft {
 background: url(img/textlu.gif) no-repeat top;
 height: 7px;
}
.textl p {
 width: 430px;
 margin: 0px 0px 0px 35px;
 padding: 8px 0px 8px 0px;
 min-height: 210px; 
 height: auto;
}
* html .textl p {
 height: 210px;
}
.leftt {
	float: left;
	width: 200px;
}
.rightt {
	float: right;
	width: 200px;
}
.textr {
 width: 278px;
 color: #000;
 float: right;
 background: #fffef5 url(img/textrbg.gif) repeat-y top;
}
.textr .hdr ,
.textr .ftr .cr {
 height: 11px;
}
.textr .ftr .cr {
 height: 7px;
}
.textr .hdr {
 background: url(img/textro.jpg) no-repeat top;
}
.textr .bdr {
 background: #eeebcc url(img/textrl.gif) repeat-y top left;
 width: 278px;
}
.textr .bdr .cr {
 background: url(img/textrr.gif) repeat-y top right;
}
.textr .ftr {
 background: url(img/textru.gif) no-repeat top;
}
.textr p {
 width: 217px;
 margin: 0px 0px 0px 25px;
 padding: 8px 0px 8px 0px;
 min-height: 70px; 
 height: auto;
}
* html .textr p {
 height: 70px;
}
.cpe {
 background: url(img/cp1pasec.jpg) no-repeat top;
 height: 146px;
 width: 200px;
 float: left;
 border: 1px solid #000;
 margin-bottom: 15px;
}
.cps {
 background: url(img/cp6pasec.jpg) no-repeat top;
 height: 146px;
 width: 200px;
 float: right;
 border: 1px solid #000;
 margin-bottom: 15px;
}
.cpa {
 background: url(img/cp8pasec.jpg) no-repeat top;
 height: 146px;
 width: 200px;
 float: left;
 border: 1px solid #000;
}
.cpn {
 background: url(img/cp9pasec.jpg) no-repeat top;
 height: 146px;
 width: 200px;
 float: right;
 border: 1px solid #000;
}
.vwpe {
 background: url(img/vwp1.jpg) no-repeat top;
 height: 163px;
 width: 200px;
 float: left;
 border: 1px solid #000;
}
.vwpz {
 background: url(img/vwp2.jpg) no-repeat top;
 height: 163px;
 width: 200px;
 float: right;
 border: 1px solid #000;
}
.cp71a {
 background: url(img/cp71a.jpg) no-repeat top;
 height: 130px;
 width: 200px;
 float: left;
 margin-bottom: 15px;
}
.cp71b {
 background: url(img/cp71b.jpg) no-repeat top;
 height: 130px;
 width: 200px;
 float: right;
 margin-bottom: 15px;
}
.cp72a {
 background: url(img/cp72a.jpg) no-repeat top;
 height: 107px;
 width: 200px;
 float: left;
 border: 1px solid #000;
}
.cp72b {
 background: url(img/cp72b.jpg) no-repeat top;
 height: 102px;
 width: 200px;
 float: right;
 border: 1px solid #000;
}
.prs {
 background: url(img/prs.jpg) no-repeat top;
 height: 153px;
 width: 200px;
 float: right;
 border: 1px solid #000;
}
form {
 width: 450px;
 margin: 0px 0px 0px 35px;
 padding: 8px 0px 8px 0px;
 min-height: 100px; 
 height: auto;
}
* html .form {
 height: 100px;
}
form fieldset {
 / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
 padding: 10px;
 border: 0px;
}
form label { 
 display: block;  /* block float the labels to left column, set a width */
 float: left; 
 width: 80px; 
 padding: 0; 
 margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
 text-align: left; 
}
form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
 width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
 margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}
form input#reset {
 margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea { 
 overflow: auto; 
}
.chem {
 width: 490px;
 color: #000;
 float: left;
 background: #fffef5 url(img/textlbg.gif) repeat-y top;
}
.chem .hd ,
.chem .ft .c {
 height: 11px;
}
.chem .ft .c {
 height: 7px;
}
.chem .hd {
 background: url(img/textlo.jpg) no-repeat top;
 height: 11px;
}
.chem .bd {
 background: #eeebcc url(img/textll.gif) repeat-y top left;
 width: 490px;
}
.chem .bd .c {
 background: url(img/textlr.gif) repeat-y top right;
}
.chem .ft {
 background: url(img/textlu.gif) no-repeat top;
 height: 7px;
}
.chem p {
 width: 430px;
 margin: 0px 0px 0px 35px;
 padding: 8px 0px 8px 0px;
 min-height: 380px; 
 height: auto;
}
* html .chem p {
 height: 380px;
}
.reco {
 width: 490px;
 color: #000;
 float: left;
 background: #fffef5 url(img/textlbg.gif) repeat-y top;
}
.reco .hd ,
.reco .ft .c {
 height: 11px;
}
.reco .ft .c {
 height: 7px;
}
.reco .hd {
 background: url(img/textlo.jpg) no-repeat top;
 height: 11px;
}
.reco .bd {
 background: #eeebcc url(img/textll.gif) repeat-y top left;
 width: 490px;
}
.reco .bd .c {
 background: url(img/textlr.gif) repeat-y top right;
}
.reco .ft {
 background: url(img/textlu.gif) no-repeat top;
 height: 7px;
}
.reco p {
 width: 430px;
 margin: 0px 0px 0px 35px;
 padding: 8px 0px 8px 0px;
 min-height: 340px; 
 height: auto;
 text-align: left;
}
* html .reco p {
 height: 340px;
}