body {font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-size: 12px;}

#tabs {
	Z-INDEX: 150; BORDER-BOTTOM: #a9ccde 1px solid; POSITION: absolute; TEXT-ALIGN: center; BORDER-LEFT: #a9ccde 1px solid; WIDTH: 300px; BACKGROUND: url(images/bg.gif); BORDER-TOP: #a9ccde 1px solid; BORDER-RIGHT: #a9ccde 1px solid
}
#tabs UL {
	POSITION: relative; LIST-STYLE-TYPE: none; MARGIN: 0px auto; WIDTH: 300px
}
#tabs UL LI {
	BORDER-BOTTOM-STYLE: none; PADDING-BOTTOM: 0px; BORDER-RIGHT-STYLE: none; MARGIN: 0px 7px; PADDING-LEFT: 0px; WIDTH: 130px; PADDING-RIGHT: 0px; DISPLAY: inline; BORDER-TOP-STYLE: none; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 36px; BORDER-LEFT-STYLE: none; PADDING-TOP: 0px
}
#tabs UL LI A.outer {
	LINE-HEIGHT: 31px; TEXT-INDENT: 20px; WIDTH: 142px; DISPLAY: block; MARGIN-BOTTOM: 5px; HEIGHT: 31px; COLOR: #464; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
#tabs UL LI A.one {
	BACKGROUND: url(images/world.jpg) no-repeat
}
#tabs UL LI A.three {
	BACKGROUND: url(images/mail.jpg) no-repeat left top
}
#tabs UL LI A.four {
	BACKGROUND: url(images/search.jpg) no-repeat left top
}
#tabs UL LI A.six {
	BACKGROUND: url(images/draw.jpg) no-repeat left top
}

#tabs ul li div {display:none;}

#tabs UL LI:hover {
	PADDING-BOTTOM: 100px; MARGIN-BOTTOM: 0px; COLOR: #000
}
#tabs UL LI:hover > A.outer {
	BACKGROUND-POSITION: 0px -36px; HEIGHT: 36px; COLOR: #000
}
* HTML #tabs UL LI A.outer:hover {
	PADDING-BOTTOM: 138px; BACKGROUND-POSITION: 0px -36px; MARGIN-BOTTOM: 0px; HEIGHT: 31px; COLOR: #000
}
#tabs UL LI:hover DIV {
	POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 331px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 135px; TOP: 36px; PADDING-TOP: 0px; LEFT: 4px
}

#tabs UL LI A:hover DIV.tab_left {
	WIDTH: 331px; BACKGROUND: url(image/tab_left.gif); OVERFLOW: hidden
}

* html #tabs ul li a.outer:hover {padding-bottom:100px; border-bottom:1px solid #fff; height:55px; color:#000; margin-bottom:0;background-position:0 -30px; height:40px; cursor:default;}

#tabs ul li:hover div {display:block; padding:5px; position:absolute; left:7px; top:35px; width:276px; height:85px; border-bottom:3px solid #fff;}

#tabs ul li a:hover div.tab_left,
#tabs ul li:hover div.tab_left
{background:#fff url(images/tab_left.gif);}

#tabs ul li a:hover div.tab_center,
#tabs ul li:hover div.tab_center
{background:#fff url(images/tab_center.gif);}

#tabs ul li a:hover div.tab_right,
#tabs ul li:hover div.tab_right
{background:#fff url(images/tab_right.gif);}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}

#tabs P.bold {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; COLOR: #eb4d00; PADDING-TOP: 7px 
}