BODY {
	BACKGROUND: #fff; MARGIN: 0px auto
}
.head A {
	COLOR: #000
}
.head .login {
	MARGIN: 0px
}
.head .userName {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: auto; COLOR: #000; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: transparent; BORDER-BOTTOM-STYLE: none
}
.head {
	MARGIN-TOP: 0px;
	FONT-SIZE: 12px;
	WIDTH: 100%;
	COLOR: #000;
	FONT-FAMILY: "Tahoma";
	HEIGHT: 122px;
	TEXT-ALIGN: left;
	background-color: #fff;
	background-image: url(happyHeadBack.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.happyhead {
	MARGIN: 0px auto; WIDTH: 960px; POSITION: relative
}
HTML > BODY .headback {
	BACKGROUND: url(happyback.png) no-repeat left top;
	MARGIN: 0px auto;
	WIDTH: 960px;
	POSITION: relative;
	HEIGHT: 82px;
	background-image: url(happyback.png);
}
* HTML .headback {
	BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="happyback.png"); MARGIN: 0px auto; WIDTH: 960px; FONT-FAMILY: "Tahoma"; POSITION: relative; HEIGHT: 82px
}
HTML > BODY .headLink {
	MARGIN-TOP: 45px; LEFT: 0px; MARGIN-LEFT: 320px; OVERFLOW: hidden; FONT-FAMILY: "Tahoma"; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 0px; HEIGHT: 18px
}
* HTML .headLink {
	MARGIN-TOP: 45px; LEFT: 0px; MARGIN-LEFT: 320px; OVERFLOW: hidden; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 0px; HEIGHT: 18px
}
.navlink1 LI {
	DISPLAY: inline; MARGIN-LEFT: 2px
}
.headLink A {
	COLOR: #0066cc; TEXT-DECORATION: none
}
.headLink A:hover {
	COLOR: #0099ff
}
HTML > BODY .headIndex {
	MARGIN-TOP: 11px;
	DISPLAY: block;
	BACKGROUND: url(happyIndex.png) no-repeat left top;
	LEFT: 2px;
	MARGIN-LEFT: 10px;
	WIDTH: 221px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 44px
}
* HTML .headIndex {
	MARGIN-TOP: 11px; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="happyIndex.png"); LEFT: 0px; MARGIN-LEFT: 10px; WIDTH: 221px; CURSOR: pointer; POSITION: absolute; HEIGHT: 44px
}
.nav {
	POSITION: relative
}
.navigator {
	BACKGROUND: url(..nav1.png) repeat-x left top; WIDTH: 100%; HEIGHT: 30px
}
.navigatorMiddle {
	MARGIN: 0px auto; WIDTH: 960px
}
.navlink {
	LEFT: 0px; MARGIN: 0px auto; WIDTH: 960px; POSITION: absolute; TOP: 0px
}
#sitenav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#sitenav LI {
	DISPLAY: block; FLOAT: left; HEIGHT: 30px
}
#sitenav LI A {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 55px; PADDING-TOP: 30px; HEIGHT: 0px
}
#sitenav H2 {
	MARGIN: 0px
}
#sitenav LI A {
	BACKGROUND-IMAGE: url(navM.gif); BACKGROUND-REPEAT: no-repeat
}
#ftpBox {
	BACKGROUND-IMAGE: url(navM.gif); BACKGROUND-REPEAT: no-repeat
}
#userPanel {
	BACKGROUND-IMAGE: url(navM.gif); BACKGROUND-REPEAT: no-repeat
}
#userPanel .login {
	BACKGROUND-IMAGE: url(navM.gif); BACKGROUND-REPEAT: no-repeat
}
#userPanel .register {
	BACKGROUND-IMAGE: url(navM.gif); BACKGROUND-REPEAT: no-repeat
}
#sitenav LI#sn-hustonline A {
	BACKGROUND-POSITION: -1px 0px; WIDTH: 43px
}
#sitenav LI#sn-news A {
	BACKGROUND-POSITION: -44px 0px
}
#sitenav LI#sn-focus A {
	BACKGROUND-POSITION: -99px 0px
}
#sitenav LI#sn-happy A {
	BACKGROUND-POSITION: -154px 0px
}
#sitenav LI#sn-info A {
	BACKGROUND-POSITION: -209px 0px
}
#sitenav LI#sn-tv A {
	BACKGROUND-POSITION: -264px 0px; WIDTH: 42px
}
#sitenav LI#sn-so .normal {
	BACKGROUND-POSITION: -306px 0px; WIDTH: 59px
}
#sitenav LI#sn-so .hover {
	BACKGROUND-POSITION: -306px -43px; WIDTH: 59px
}
#sitenav LI#sn-hustonline A:hover {
	BACKGROUND-POSITION: -1px -43px
}
#sitenav LI#sn-news A:hover {
	BACKGROUND-POSITION: -44px -43px
}
#sitenav LI#sn-focus A:hover {
	BACKGROUND-POSITION: -99px -43px
}
#sitenav LI#sn-happy A:hover {
	BACKGROUND-POSITION: -154px -43px
}
#sitenav LI#sn-info A:hover {
	BACKGROUND-POSITION: -209px -43px
}
#sitenav LI#sn-tv A:hover {
	BACKGROUND-POSITION: -264px -43px
}
#sitenav LI#sn-so .normal:hover {
	BACKGROUND-POSITION: -306px -43px
}
#sitenav LI#sn-so .hover:hover {
	BACKGROUND-POSITION: -306px -43px
}
#ftpBox {
	BACKGROUND-POSITION: -307px 0px; PADDING-LEFT: 5px; FLOAT: left; BACKGROUND-REPEAT: no-repeat; HEIGHT: 30px
}
#ftpInput {
	FONT-SIZE: 12px; FLOAT: left; MARGIN: 3px auto auto 0px; WIDTH: 55px; HEIGHT: 12px
}
#ftpGo {
	PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: left; VERTICAL-ALIGN: top; CURSOR: pointer; COLOR: #666666; BORDER-TOP-STYLE: none; LINE-HEIGHT: 23px; FONT-FAMILY: Tahoma; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 25px; BACKGROUND-COLOR: transparent; BORDER-BOTTOM-STYLE: none
}
#ftpBox .quickLink {
	DISPLAY: block; BACKGROUND: url(quickLink.gif) no-repeat left 0px; FLOAT: left; WIDTH: 66px; HEIGHT: 24px; TEXT-DECORATION: none
}
.userPanelS {
	PADDING-RIGHT: 10px; BACKGROUND-POSITION: 100% 0px; FLOAT: right; WIDTH: 402px; HEIGHT: 30px
}
.userPanel {
	PADDING-RIGHT: 10px; BACKGROUND-POSITION: 100% 0px; FLOAT: right; WIDTH: 297px; HEIGHT: 30px
}
#userPanel .login {
	DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: right; WIDTH: 40px; COLOR: #666666; LINE-HEIGHT: 24px; FONT-FAMILY: Tahoma; HEIGHT: 25px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#userPanel .register {
	DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: right; WIDTH: 40px; COLOR: #666666; LINE-HEIGHT: 24px; FONT-FAMILY: Tahoma; HEIGHT: 25px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#userPanel .login {
	BACKGROUND-POSITION: 98% 0px
}
#userPanel .out {
	DISPLAY: none
}
#userPanel .register {
	BACKGROUND-POSITION: 94% 0px; DISPLAY: block
}
#userPanel .login:hover {
	BACKGROUND-POSITION: 98% -43px; COLOR: #ffffff
}
#userPanel .register:hover {
	BACKGROUND-POSITION: 94% -43px; COLOR: #ffffff
}
#userPanel .login SPAN {
	PADDING-RIGHT: 10px; BACKGROUND: url(nav-login.gif) no-repeat right 1px; _background-position: right 3px
}
#userPanel .out SPAN {
	BACKGROUND: url(nav-logout.gif) no-repeat right 1px; _background-position: right 3px
}
#userPanel .register SPAN {
	PADDING-RIGHT: 10px; BACKGROUND: url(nav-register.gif) no-repeat right 1px; _background-position: right 3px
}
#userPanel .login:hover SPAN {
	PADDING-RIGHT: 10px; BACKGROUND: url(nav-login2.gif) no-repeat right 1px; _background-position: right 3px
}
#userPanel .out:hover SPAN {
	BACKGROUND: url(nav-logout2.gif) no-repeat right 1px; _background-position: right 3px
}
#userPanel .register:hover SPAN {
	PADDING-RIGHT: 10px; BACKGROUND: url(nav-register2.gif) no-repeat right 1px; _background-position: right 3px
}
#userPanel .userName {
	DISPLAY: none; FLOAT: right; TEXT-DECORATION: none
}
#userPanel .userMail {
	DISPLAY: none; FLOAT: right; TEXT-DECORATION: none
}
#userPanel IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#userPanel .userMail .userMail1 {
	DISPLAY: block; BACKGROUND: no-repeat left 2px; FLOAT: left; WIDTH: 4px; HEIGHT: 25px
}
#userPanel .userName .userName1 {
	DISPLAY: block; BACKGROUND: no-repeat left 2px; FLOAT: left; WIDTH: 4px; HEIGHT: 25px
}
#userPanel .userMail .userMail3 {
	DISPLAY: block; BACKGROUND: no-repeat left 2px; FLOAT: left; WIDTH: 4px; HEIGHT: 25px
}
#userPanel .userName .userName3 {
	DISPLAY: block; BACKGROUND: no-repeat left 2px; FLOAT: left; WIDTH: 4px; HEIGHT: 25px
}
#userPanel .userMail:hover .userMail1 {
	DISPLAY: block; BACKGROUND: url(userHoverL.gif) no-repeat left 2px; FLOAT: left; WIDTH: 4px; CURSOR: pointer; HEIGHT: 25px
}
#userPanel .userName:hover .userName1 {
	DISPLAY: block; BACKGROUND: url(userHoverL.gif) no-repeat left 2px; FLOAT: left; WIDTH: 4px; CURSOR: pointer; HEIGHT: 25px
}
#userPanel .userMail:hover .userMail3 {
	DISPLAY: block; BACKGROUND: url(userHoverL.gif) no-repeat left 2px; FLOAT: left; WIDTH: 4px; CURSOR: pointer; HEIGHT: 25px
}
#userPanel .userName:hover .userName3 {
	DISPLAY: block; BACKGROUND: url(userHoverL.gif) no-repeat left 2px; FLOAT: left; WIDTH: 4px; CURSOR: pointer; HEIGHT: 25px
}
#userPanel .userMail:hover .userMail3 {
	BACKGROUND: url(userHoverR.gif) no-repeat left 2px
}
#userPanel .userName:hover .userName3 {
	BACKGROUND: url(userHoverR.gif) no-repeat left 2px
}
#userPanel .userMail .userMail2 {
	DISPLAY: block; BACKGROUND: left 2px; FLOAT: left; PADDING-BOTTOM: 8px; WIDTH: 11px; PADDING-TOP: 6px; HEIGHT: 11px
}
#userPanel .userMail:hover .userMail2 {
	DISPLAY: block; BACKGROUND: url(userHoverM.gif) repeat-x left 2px; FLOAT: left; PADDING-BOTTOM: 8px; WIDTH: 11px; CURSOR: pointer; PADDING-TOP: 6px; HEIGHT: 11px
}
#userPanel .userName .userName2 {
	DISPLAY: block; BACKGROUND: left 2px; FLOAT: left; COLOR: #000; PADDING-TOP: 5px; FONT-FAMILY: "Tahoma"; HEIGHT: 25px
}
#userPanel .userName:hover .userName2 {
	DISPLAY: block; BACKGROUND: url(userHoverM.gif) repeat-x left 2px; FLOAT: left; CURSOR: pointer; PADDING-TOP: 5px; FONT-FAMILY: "Tahoma"; HEIGHT: 25px
}
HTML > BODY #userPanel .separation {
	BACKGROUND: url(nav-separation.png) no-repeat left 0px; FLOAT: right; WIDTH: 2px; HEIGHT: 27px
}
* HTML #userPanel .separation {
	MARGIN-TOP: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="nav-separation.png"); FLOAT: right; WIDTH: 2px; HEIGHT: 24px
}
.userDrop {
	PADDING-RIGHT: 0px; MARGIN-TOP: 24px; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 99; BACKGROUND: url(nav-submenuB.png) no-repeat right bottom; PADDING-BOTTOM: 6px; MARGIN-LEFT: 269px; LINE-HEIGHT: 18px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute
}
.userDrop .divide {
	BORDER-TOP: #cccccc 1px solid; PADDING-TOP: 3px
}
.userDrop LI {
	BACKGROUND-IMAGE: url(nav-submenu.png); WIDTH: 110px; BACKGROUND-REPEAT: repeat-y; TEXT-ALIGN: left
}
.userDrop LI A {
	DISPLAY: block; MARGIN-LEFT: 6px; WIDTH: 98px; CURSOR: pointer; COLOR: #666666; LINE-HEIGHT: 150%; HEIGHT: 18px; TEXT-DECORATION: none
}
.userDrop LI A:hover {
	BACKGROUND: #b1b1b1; COLOR: #f7f7f7
}
.userDrop2 {
	PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 99; BACKGROUND: url(nav-submenuB2.png) no-repeat right bottom; PADDING-BOTTOM: 6px; MARGIN: 24px 0px 0px -76px; LINE-HEIGHT: 18px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute
}
.userDrop2 .divide {
	BORDER-TOP: #cccccc 1px solid; PADDING-TOP: 3px
}
.userDrop2 LI {
	BACKGROUND-IMAGE: url(nav-submenu2.png); WIDTH: 90px; BACKGROUND-REPEAT: repeat-y
}
.userDrop2 LI A {
	DISPLAY: block; MARGIN-LEFT: 6px; WIDTH: 78px; COLOR: #666666; LINE-HEIGHT: 150%; HEIGHT: 18px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.userDrop2 LI A:hover {
	BACKGROUND: #b1b1b1; COLOR: #f7f7f7
}
HTML > BODY .mailAlert {
	MARGIN-TOP: 30px; DISPLAY: none; Z-INDEX: 98; BACKGROUND: url(nav-mailalert.png) no-repeat left top; MARGIN-LEFT: 148px; WIDTH: 160px; POSITION: absolute; HEIGHT: 49px; TEXT-ALIGN: center
}
* HTML .mailAlert {
	MARGIN-TOP: 30px; DISPLAY: none; Z-INDEX: 98; BACKGROUND: none transparent scroll repeat 0% 0%; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="nav-mailalert.png"); MARGIN-LEFT: 148px; WIDTH: 160px; POSITION: absolute; HEIGHT: 49px; TEXT-ALIGN: center
}
.mailAlert A {
	COLOR: #000; TEXT-DECORATION: none
}
.mailAlert .text {
	LINE-HEIGHT: 49px; TEXT-ALIGN: center
}
.mailAlert .cross {
	RIGHT: 15px; CURSOR: pointer; POSITION: absolute; TOP: 15px
}
#nav-mailnum {
	FONT-WEIGHT: bold; COLOR: #ff0000
}