body { font-family:Arial, Helvetica, sans-serif; background: url(sfa-images/bg-main.png) repeat top center;}
p {font-size:14px; margin:0px 0px 8px 0px; color:#666666; }
a {color:#003d7c; text-decoration:none; }
a:hover { color:#003d7c; text-decoration:underline; }
ul,ol { font-size:14px; color:#666666; list-style: none; margin-top:0px; margin-left:0px; padding-left:0px;}
li.bul { list-style:disc; margin-left:15px; padding-left:2px; padding-bottom:3px;}
ul.subbul { list-style:disc; margin:-10px 0px 5px 25px; padding-left:2px; padding-bottom:3px;}
h1, body, html {margin:0; padding:0; }

/* generic divs */	
#container { width:960px; margin-left:auto; margin-right:auto; }
#top { float:left; width:960px; height:25px; margin:0px; padding:9px 0px 9px 0px; background:#B2B3B6;}
#header { float:left; position:relative; height:130px; width:305px; padding:127px 655px 40px 0px}
#menu { float:left; position:relative; width:170px; margin:0px 20px 0px 0px; }
#content { float:left; position:relative; width:500px; margin:0px 20px 0px 0px; }
#right { float:left; position:relative; width:250px; }
#man { position:absolute; top:-45px; left:650px; width:400px; height:900px; background: url(sfa-images/sfa-man.png) repeat top center;  z-index:-1;}
#feature { position:absolute; top:-45px; left:490px; width:301px; height:258px; z-index:1;}

#footer-holder { float:left; width:100%; margin-top:40px; margin-bottom:10px; height:100px; background: url(sfa-images/bg-footer.png) repeat top center;}
#footer-left { float:left; position:relative; width:660px; padding-top:10px; }
#footer-right { float:left; position:relative; width:300px;  padding-top:10px; text-align:right; }

li.table { float:left; margin-left:0px; padding:6px 10px 6px 10px; list-style:none; width:480px; border-top: 1px solid #999999; background: url(sfa-images/bg-footer.png) repeat 0px 70px;}
li.table2 { float:left; margin-left:0px; padding:6px 10px 6px 10px; list-style:none; width:480px; border-top: 1px solid #999999; }


/* but divs */
#home { float:left; margin:0px 10px 0px 0px; display: block; width: 25px; height: 25px; background: url(sfa-images/but-home.png) no-repeat 0 0;}
#home:hover { background-position: 0px -25px;}
#downstream { float:left; margin:0px 0px 0px 0px; display: block; width: 301px; height: 258px; background: url(sfa-images/but-feature.png) no-repeat 0 0;}
#downstream:hover { background-position: 0px -258px;}

#flag-jap { float:right; margin:0px 0px 0px 5px; display: block; width: 25px; height: 25px; background: url(sfa-images/but-japanese.png) no-repeat 0 0; z-index:2;}
#flag-chi { float:right; margin:0px 0px 0px 5px; display: block; width: 25px; height: 25px; background: url(sfa-images/but-chinese.png) no-repeat 0 0;  z-index:3;}
#flag-eng { float:right; margin:0px 0px 0px 5px; display: block; width: 25px; height: 25px; background: url(sfa-images/but-english.png) no-repeat 0 0;  z-index:4;}

/* text divs */	
.toptext { color:#ffffff; font-size:14px; padding-top:5px;}
.toptext a { color:#ffffff; text-decoration:none;}
.toptext a:hover { color:#dddddd; text-decoration:none;}

li.menu { color:#003d7c; font-size:14px; list-style:url(sfa-images/arrow.png); margin-left:25px; padding:0px 2px 2px 0px; font-weight:normal;}
li.menu a { color:#003d7c;} 

.small { font-size:12px;}

h1 { color:#666666; font-size:18px; margin:0px 0px 8px 0px; font-weight:normal; }
h2 { color:#003d7c; font-size:30px; margin:0px 0px 12px 0px; font-weight:normal; }
h3 { color:#003d7c; font-size:16px; margin:0px 0px 4px 0px; font-weight:bold; }
h3 a:hover { color:#80d3f6; text-decoration:none;}
h4 { color:#003d7c; font-size:18px; margin:4px 0px 6px 0px; font-weight:bold; }

/* form */
.cssform p{ width: 300px; clear: left; margin: 0; padding: 5px 10px 5px 10px; padding-left: 140px; border-top: 1px; }
.cssform label{ margin-top: 3px; float: left; margin-left: -140px; width: 140px; }
.cssform input[type="text"]{ width: 250px; }
.cssform textarea{ width: 250px; height: 100px;}