body {background-color: #fff;line-height: 1.5em;color: #333;min-width:980px;}
body,td,div,span,p {font-size: 12px; font-family: Arial, sans-serif;}
p {margin: 0;}


/* hack box and spacer */
.clear_0 {clear:both; line-height:0; font-size: 0;}
.clear_10 {clear:both; line-height:0; font-size: 0; height:10px;}

/* links */
a:link {color: #0D62BC; text-decoration: none;}
a:visited {color: #0D62BC; text-decoration: none;}
a:hover {color: #083c73; text-decoration: underline;}
a:active  {color: #0D62BC; text-decoration: none;}

#sfstmain .rightside h1.title1 {font-size:20px;color:#9680b0;}
span.comments1, span.comments1  p {font-size:13px;}
.comments1 img {margin:10px; border:1px solid #666;}

select{font-family: Arial, Helvetica; font-size: 12px; color: #5f5f5f;}

/* --------------------------------------------------------_ */
#leftColumn {margin-left:0px;width:100%;background-color:transparent;}
#container{width:980px; height:auto; margin:0 auto;position:relative;}

#sfheader{width:980px; margin:0; padding:0;}
#sfheader .loginbar{background:url(http://img.shfamily.com/en/shfamily/loginbarbg.gif); width:980px; height:72px; position:relative;}
#sfheader .loginbar .logo{ background:url(http://img.shfamily.com/en/shfamily/logo.gif) left center no-repeat; width:260px; height:72px; display:block; margin:0 0 0 20px;}
#sfheader .navibar{background:url(http://img.shfamily.com/en/shfamily/navibg.gif) left center repeat-x; width:100%; height:51px; float:left; margin-bottom:14px;}
#sfheader .naviitem{ width:auto; margin:16px 0 0 20px;}
#sfheader .naviitem a{font-weight:bold; font-size:14px; text-decoration:none; color:#666; margin:0 2px 0 3px;}
#sfheader .naviitem a:hover{color:#ff6600;}
#sfheader .naviitem a.title_active {color:#ff6600;}

div#feature {height:400px; width:572px; background:#9680b0; margin:10px 0 0 0;}
div#feature .featuretitle{margin:10px 0 15px 10px; font-weight:bold; color:white; border-bottom:1px solid #ccc; width:550px; padding:0 0 10px 0;}
div#feature .ftcontent{margin:0 0 0 5px;}
div#feature .ftcontent div.ftblock{float:left; margin:0 8px 0 0;}
div#feature .ftcontent div.ftblock a img{border:none;}
div#feature .ftcontent div.ftblock a{text-decoration:none; color:#fff; margin:0; padding:0;}
div#feature .ftcontent div.ftblock a:hover{color:#ff6600;}
div#feature .ftcontent div.ftblock a p{margin:5px 0 0 0; padding:0; width:106px;}
div#feature .cata{background:white; width:554px; height:175px; clear:both; margin:8px 0 0 9px;position:relative;top:10px;}
div#feature .cata h1{color:#9680b0; font-size:14px; margin:10px 0 10px 10px;float:none;height:auto;padding:6px auto;width:auto;}
div#feature .cata ul{margin:6px 0 0 10px; padding:0;float:left;_width:245px;}
div#feature .cata ul li{line-height:18px; margin:0 12px 0 0; padding:0 0 0 10px; background:url(http://img.shfamily.com/en/shfamily/orangedot.gif) left 8px no-repeat; list-style:none;}
div#feature .cata ul li a{color:#666; text-decoration:none;display:block;width:245px;_width:240px;}
div#feature .cata ul li a:hover{color:#ff6600;}



#sffooter {width:980px; height:80px; background:#F0F0F0; margin:10px 0 10px 0; clear:both;}
#sffooter .footeritem{ width:auto; padding-top:16px;text-align:center;}
#sffooter .footeritem a{font-weight:bold; font-size:14px; text-decoration:none; color:#999; margin:0 7px 0 7px;}
#sffooter .footeritem a:hover{color:#ff6600;}

#sffooter p{color:#999999; text-align:center;height:18px; padding:0; line-height:18px;}

.loginzone a {color:#fa7c96; font-weight:bold; margin:0 6px 0 6px; text-decoration:none;}


.module, .listModule{width:180px; margin:0 0 10px 0; height:auto; border:1px solid #ccc; padding:0;}
.module_hd, .pannelTitle {border-bottom:1px solid #9680b0;font-size:14px; color:#fff; background:#9680b0; width:168px; height:26px; padding:0 0 0 10px; margin:1px 0 0 1px; line-height:26px;font-weight:bold;}
.module ul, .listModule ul{margin:6px 0 0 10px; padding:0;margin-top:3px; margin-bottom:3px;}
.module ul li, .listModule .list li {line-height:18px; margin:0; padding:0 0 0 10px; background:url(http://img.shfamily.com/en/shfamily/orangedot.gif) left 9px no-repeat; list-style:none;font-size:12px;display:block;}
.module ul li a, .listModule .list li a{color:#666; text-decoration:none;font-size:12px;}
.module ul li a:hover, .listModule .list li a:hover{color:#ff6600;font-size:12px;}
.module div.text{padding:3px;}
.pannelTitle div {width:auto; height:22px; line-height:22px; padding:0; margin:0; border:0;}
.pannelTitle img {margin-top:4px;}

.tips h1 {background:url(http://img.shfamily.com/en/shfamily/pin.gif) no-repeat right top;}

/* see stu nichols tutorial menus across the top*/
#topMenu .listModule {float:left;width:130px;height:auto;}
#topMenu .listModule .list {display:none;background-color:#fff;}
#topMenu div.listModule:hover .list {display:block;}
#topMenu div.listModule .list:hover {display:block;}
#topMenu div.listModule li {list-style-type:none;}
#topMenu div.listModule .list li:hover {color:#fff;background:#eee;}
#topMenu {position:absolute;top:123px;right:0px;z-index:1000;width:auto;height:30px;}

.commentsModule {background:#fdf5e6;padding:10px;}
.input03 {border:3px solid #D7D7D7;}