#container {
position: relative;
width: 950px;
margin: 0 auto;
}
HTML {
	BACKGROUND: #fff; COLOR: #000
}
BODY {
	TEXT-ALIGN: left; PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND: #ffffff; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #000; FONT-SIZE: 65%; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px;position: relative;
width: 950px;
margin: 0 auto;
}
A:hover {
	TEXT-DECORATION: none;
	color: #008000;
	font-weight: bold;
}
A:visited {
	FONT-WEIGHT: normal;
	COLOR: #800040;
}
A:active, a:hover {
	FONT-WEIGHT: normal;
	COLOR: #008000;
	font-weight: bold
}

#wrapper {
	TEXT-ALIGN: left; MARGIN: 10px auto 0px; WIDTH: 750px; BACKGROUND: #fff
}
#page_head {
	POSITION: relative; WIDTH: 750px; BACKGROUND: #fff; HEIGHT: 115px
}
H1#logo {
	MARGIN: 0px; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; FLOAT: left; COLOR: #000; FONT-SIZE: 45px; FONT-WEIGHT: normal
}
H1#logo B {
	FONT-FAMILY: "times new roman", serif; COLOR: #c9ba65
}
H1#logo A {
	TEXT-DECORATION: none
}
H1#logo A:hover {
	TEXT-DECORATION: none
}
H2#slogan {
	MARGIN: 0px; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; CLEAR: left; FONT-SIZE: 11px; FONT-WEIGHT: normal
}
UL#main_menu {
	POSITION: absolute; PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; TOP: 10px; RIGHT: 0px; PADDING-TOP: 0px
}
UL#main_menu LI {
	POSITION: relative; WIDTH: 75px; DISPLAY: block; FLOAT: left; HEIGHT: 90px; MARGIN-LEFT: 1px
}
UL#main_menu LI A {
	POSITION: relative; WIDTH: 75px; DISPLAY: block; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; HEIGHT: 80px; COLOR: #000; BORDER-TOP: #fff 10px solid; TEXT-DECORATION: none
}
* HTML UL#main_menu LI A {
	HEIGHT: 80px
}
UL#main_menu LI A B {
	POSITION: absolute; BOTTOM: 5px; FONT-WEIGHT: normal; LEFT: 5px
}
UL#main_menu LI A.mm1 {
	BACKGROUND: #dfd7ca; BORDER-TOP: #dfd7ca 10px solid
}
UL#main_menu LI A.mm2 {
	BACKGROUND: #b2ab9b; BORDER-TOP: #b2ab9b 10px solid
}
UL#main_menu LI A.mm3 {
	BACKGROUND: #c9ba65; BORDER-TOP: #c9ba65 10px solid
}
UL#main_menu LI A.mm4 {
	BACKGROUND: #e2dfa8; BORDER-TOP: #e2dfa8 10px solid
}
UL#main_menu LI A.mm5 {
	BACKGROUND: #d4d8bd; BORDER-TOP: #d4d8bd 10px solid
}
UL#main_menu LI A.mm6 {
	BACKGROUND: #949e7c; BORDER-TOP: #949e7c 10px solid
}
UL#main_menu LI A.mm7 {
	BACKGROUND: #758279; BORDER-TOP: #758279 10px solid
}
UL#main_menu LI A:hover {
	BORDER-TOP: #fff 10px solid; CURSOR: pointer
}
UL#main_menu LI EM {
	POSITION: absolute; FONT-STYLE: normal; BOTTOM: 5px; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; FONT-WEIGHT: normal; LEFT: 5px
}
UL#main_menu LI A EM {
	POSITION: absolute; FONT-STYLE: normal; BOTTOM: 5px; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; FONT-WEIGHT: normal; LEFT: 5px
}
UL#sub_menu {
	POSITION: absolute; PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; TOP: 80px; PADDING-TOP: 0px; LEFT: 0px
}
UL#sub_menu LI {
	POSITION: relative; WIDTH: 30px; DISPLAY: block; FLOAT: left; HEIGHT: 20px
}
UL#sub_menu LI A {
	TEXT-INDENT: -999px; WIDTH: 30px; DISPLAY: block; HEIGHT: 20px; TEXT-DECORATION: none
}
* HTML UL#sub_menu LI A {
	TEXT-INDENT: -999px; COLOR: #d4d8bd; FONT-SIZE: 0px
}
UL#sub_menu LI A:focus {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px
}
UL#sub_menu LI.site_map {
	BACKGROUND: url(../graphics/site_map.gif)
}
UL#sub_menu LI.first_off {
	BACKGROUND: url(../graphics/first_off.gif)
}
UL#sub_menu LI.first {
	BACKGROUND: url(../graphics/first.gif)
}
UL#sub_menu LI.previous_off {
	BACKGROUND: url(../graphics/previous_off.gif)
}
UL#sub_menu LI.previous {
	BACKGROUND: url(../graphics/previous.gif)
}
UL#sub_menu LI.next_off {
	BACKGROUND: url(../graphics/next_off.gif)
}
UL#sub_menu LI.next {
	BACKGROUND: url(../graphics/next.gif)
}
UL#sub_menu LI.last_off {
	BACKGROUND: url(../graphics/last_off.gif)
}
UL#sub_menu LI.last {
	BACKGROUND: url(../graphics/last.gif)
}
UL#sub_menu LI.comments {
	BACKGROUND: url(../graphics/comments.gif)
}
UL#sub_menu LI.rss {
	BACKGROUND: url(../graphics/rss.gif)
}
UL#sub_menu LI.home {
	BACKGROUND: url(../graphics/home.gif)
}
UL#sub_menu LI.tutorial_off {
	BACKGROUND: url(../graphics/tutorial_off.gif)
}
UL#sub_menu LI.tutorial {
	BACKGROUND: url(../graphics/tutorial.gif)
}
UL#sub_menu LI.accesskey {
	BACKGROUND: url(../graphics/accesskey.gif)
}
#info {
	PADDING-BOTTOM: 15px; WIDTH: 750px; BACKGROUND: url(../graphics/horizontal_line.gif) #fff repeat-x left bottom; CLEAR: both
}
#info H2 {
	TEXT-ALIGN: left; MARGIN: 0px 0px 10px; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; COLOR: #a40; FONT-SIZE: 1.4em
}
#info H3 {
	TEXT-ALIGN: left; MARGIN: 0px 0px 10px; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; COLOR: #565; FONT-SIZE: 1.1em; FONT-WEIGHT: normal
}
#content {
	WIDTH: 750px; BACKGROUND: url(../graphics/vertical_line.gif) #fff repeat-y 500px 0px
}
#content H3 {
	MARGIN: 10px 0px 0px; COLOR: #b50; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
#left_column {
	WIDTH: 480px; FLOAT: left
}
#right_column {
	WIDTH: 240px; FLOAT: right
}
#page_foot {
	PADDING-BOTTOM: 20px; WIDTH: 750px; BACKGROUND: url(../graphics/horizontal_line.gif) #fff repeat-x left top; CLEAR: both; PADDING-TOP: 10px
}
P {
	LINE-HEIGHT: 16px; FONT-STYLE: normal; MARGIN: 5px 0px 15px; COLOR: #555; FONT-SIZE: 10px; FONT-WEIGHT: normal
}
DL.latest {
	MARGIN: 10px 0px; FONT-SIZE: 0.85em
}
DL.latest DT {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #e2dfa8; PADDING-TOP: 5px
}
DL.latest DD {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
DL.latest DT.latest_demos {
	BACKGROUND: #dfd7ca
}
DL.latest DT.latest_menus {
	BACKGROUND: #b2ab9b
}
DL.latest DT.latest_layouts {
	BACKGROUND: #c9ba65
}
DL.latest DT.latest_mozilla {
	BACKGROUND: #d4d8bd
}
DL.latest DT.latest_opacity {
	BACKGROUND: #758279
}
DL.list {
	WIDTH: 240px; FLOAT: left; MARGIN-RIGHT: 15px
}
DL.list DD {
	BACKGROUND: #f8f8f0; COLOR: #555
}
DL.demos_list DT {
	MARGIN: 3px 0px; BACKGROUND: #dfd7ca; FONT-SIZE: 1.5em
}
DL.opacity_list DT {
	MARGIN: 3px 0px; BACKGROUND: #758279; FONT-SIZE: 1.5em
}
DL.explorer_list DT {
	MARGIN: 3px 0px; BACKGROUND: #949e7c; FONT-SIZE: 1.5em
}
DL.mozilla_list DT {
	MARGIN: 3px 0px; BACKGROUND: #d4d8bd; FONT-SIZE: 1.5em
}
DL.boxes_list DT {
	MARGIN: 3px 0px; BACKGROUND: #e2dfa8; FONT-SIZE: 1.5em
}
DL.layouts_list DT {
	MARGIN: 3px 0px; BACKGROUND: #c9ba65; FONT-SIZE: 1.5em
}
DL.menus_list DT {
	MARGIN: 3px 0px; BACKGROUND: #b2ab9b; FONT-SIZE: 1.5em
}
DL.list_last {
	MARGIN-RIGHT: 0px
}
.css {
	FONT-FAMILY: "times new roman", serif; COLOR: #983
}
.play {
	MARGIN: 0px; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; COLOR: #000; FONT-WEIGHT: normal
}
.clear {
	CLEAR: both
}
.bold {
	FONT-WEIGHT: bold
}
P.float_right {
	FLOAT: right
}
IMG.left {
	FLOAT: right
}
.float_left {
	FLOAT: left
}
P.cite {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; DISPLAY: list-item; BACKGROUND: url(../graphics/close_quotes.gif) no-repeat right bottom; COLOR: #008080; LIST-STYLE-IMAGE: url(../graphics/open_quotes.gif); PADDING-TOP: 0px
}
.spacer {
	MARGIN-TOP: 5px
}
#content A IMG {
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
#adsie {
	POSITION: relative; TEXT-ALIGN: left; WIDTH: 750px; CLEAR: both; BORDER-TOP: #fff 25px solid
}
#smalladsie {
	MARGIN: 10px 0px; WIDTH: 468px; CLEAR: both
}
#smalladsie IMG {
	BORDER-RIGHT-WIDTH: 0px; MARGIN: 10px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
.adimage IMG {
	BORDER-RIGHT-WIDTH: 0px; MARGIN-TOP: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
OL LI {
	FONT-SIZE: 10px
}
DL.list DD.blue_back {
	BORDER-BOTTOM: #c00 1px solid; BORDER-LEFT: #c00 1px solid; BORDER-TOP: #c00 1px solid; BORDER-RIGHT: #c00 1px solid
}
.f_left {
	FLOAT: left
}
.hiddenfromview {
	DISPLAY: none
}
A.animated {
	WIDTH: 468px; DISPLAY: block; BACKGROUND: url(../graphics/skateboard.gif) #fff no-repeat; HEIGHT: 90px; OVERFLOW: hidden; CURSOR: default
}
A.animated IMG {
	VISIBILITY: hidden
}
A.animated:hover {
	BACKGROUND: 0px 50%
}
A.animated:hover IMG {
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VISIBILITY: visible; BORDER-LEFT-WIDTH: 0px
}
.comments {
	BACKGROUND: url(../comments/tea.jpg) #000 no-repeat
}
#com_head {
	BACKGROUND: url(../graphics/email.gif) no-repeat right top; HEIGHT: 100px
}
#advert {
	BORDER-BOTTOM: #758279 20px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 210px; PADDING-RIGHT: 5px; BACKGROUND: #dfd7ca; HEIGHT: 70px; PADDING-TOP: 5px
}
* HTML #advert {
	WIDTH: 210px; HEIGHT: 70px
}
#advert H1 {
	MARGIN: 0px
}
.adbanner {
	WIDTH: 468px; DISPLAY: block; BACKGROUND: url(../graphics/advertise.jpg) no-repeat left top; HEIGHT: 60px
}
.wide_banner IMG {
	BORDER-RIGHT-WIDTH: 0px; MARGIN: 5px 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
#ad200 {
	MARGIN-BOTTOM: 10px; BACKGROUND: url(shopping.gif) #fff no-repeat
}