HTML {BACKGROUND: #fff; COLOR: #000}
BODY {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 100%; BACKGROUND: #ffff; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR:#000; PADDING-TOP: 0px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px}
A             {COLOR: #000}
A:visited  {COLOR: #000}
A:hover    {TEXT-DECORATION: none}
#wrapper   {BACKGROUND: #fff; MARGIN: 10px auto 0px; WIDTH: 750px; TEXT-ALIGN: left}
#page_head {BACKGROUND: #fff; WIDTH: 750px; POSITION: relative; HEIGHT: 115px}
H1#logo    {FONT-WEIGHT: normal; FONT-SIZE: 20px; FLOAT: left; MARGIN: 0px; COLOR: #006600; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif}
H1#logo B     {Color: #00CC33; FONT-FAMILY: "times new roman", serif}
H1#logo L  {Color: #003399; FONT-FAMILY: "times new roman", serif}
H1#logo R   {Color: #FF3300; FONT-FAMILY: "times new roman", serif}
H1#logo A         {TEXT-DECORATION: none}
H1#logo A:visited {TEXT-DECORATION: none}
H1#logo A:hover   {TEXT-DECORATION: none}
H2#slogan {CLEAR:left; FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN: 0px; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif}
UL#main_menu {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; RIGHT: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 10px; BORDER-RIGHT-WIDTH: 0px}
UL#main_menu LI   {DISPLAY: block; FLOAT: left; MARGIN-LEFT: 1px; WIDTH: 65px; POSITION: relative; HEIGHT: 90px}
UL#main_menu LI A {BORDER-TOP: #fff 10px solid; DISPLAY: block; WIDTH: 65px; COLOR: #000; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; POSITION: relative; HEIGHT: 80px; TEXT-DECORATION: none}
 HTML UL#main_menu LI A {HEIGHT: 40px}
UL#main_menu LI A EM{FONT-WEIGHT: normal; LEFT: 5px; BOTTOM: 5px; POSITION: absolute}
UL#main_menu LI A B {FONT-WEIGHT: normal; LEFT: 5px; BOTTOM: 5px; POSITION: absolute}
UL#main_menu LI A.mm1 {BORDER-TOP: #dfd7ca 10px solid; BACKGROUND: #dfd7ca}
UL#main_menu LI A.mm2 {BORDER-TOP: #00CC33 10px solid; BACKGROUND: #00CC33}
UL#main_menu LI A.mm3 {BORDER-TOP: #dfd7ca 10px solid; BACKGROUND: #dfd7ca}
UL#main_menu LI A.mm4 {BORDER-TOP: #dfd7ca 10px solid; BACKGROUND: #dfd7ca}
UL#main_menu LI A.mm5 {BORDER-TOP: #dfd7ca 10px solid; BACKGROUND: #dfd7ca}
UL#main_menu LI A.mm6 {BORDER-TOP: #dfd7ca 10px solid; BACKGROUND: #dfd7ca}
UL#main_menu LI A.mm7 {BORDER-TOP: #dfd7ca 10px solid; BACKGROUND: #dfd7ca}
UL#main_menu LI A.mm0 {BORDER-TOP: #fff 10px solid; BACKGROUND: #dfd7ca}
UL#main_menu LI A:hover {BORDER-TOP: #fff 10px solid; CURSOR: pointer}
UL#main_menu LI EM {FONT-WEIGHT:normal; LEFT:5px; BOTTOM:5px; FONT-STYLE:normal; FONT-FAMILY:"trebuchet ms", tahoma, arial, verdana, sans-serif; POSITION: absolute}

UL#sub_menu {BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; LEFT: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 80px; BORDER-RIGHT-WIDTH: 0px}
UL#sub_menu LI {DISPLAY: block; FLOAT: left; WIDTH: 30px; POSITION: relative; HEIGHT: 20px}
UL#sub_menu LI A {DISPLAY: block; WIDTH: 30px; TEXT-INDENT: -999px; HEIGHT: 20px; TEXT-DECORATION: none}
UL#sub_menu LI A:visited {DISPLAY: block; WIDTH: 30px; TEXT-INDENT: -999px; HEIGHT: 20px; TEXT-DECORATION: none}
 HTML UL#sub_menu LI A {FONT-SIZE: 0px; COLOR: #d4d8bd; TEXT-INDENT: -999px}
 HTML UL#sub_menu LI A:visited {FONT-SIZE: 0px; COLOR: #d4d8bd; TEXT-INDENT: -999px}
UL#sub_menu LI A:unknown {outline: 1}
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 {CLEAR: both; BACKGROUND: url(../graphics/horizontal_line.gif) #fff repeat-x left bottom; PADDING-BOTTOM: 15px; WIDTH: 750px}
#info H2 {FONT-SIZE: 1.4em; MARGIN: 0px 0px 10px; COLOR:#a40; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif; TEXT-ALIGN: left}
#info H3 {FONT-WEIGHT: normal; FONT-SIZE: 1.1em; MARGIN: 0px 0px 10px; COLOR:#565; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif;EXT-ALIGN: left}
#content {BACKGROUND: url(../graphics/vertical_line.gif) #ffff repeat-y 500px 0px; WIDTH: 750px}
#content H3 {FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 10px 0px 0px; COLOR: #b50}
#left_column {FLOAT: left; WIDTH: 480px}
#right_column {FLOAT: right; WIDTH: 240px}
#page_foot {CLEAR: both; BACKGROUND: url(../graphics/horizontal_line.gif) #fff repeat-x left top; PADDING-BOTTOM: 20px; WIDTH: 750px; PADDING-TOP: 10px
}
P{FONT-SIZE: 13px; MARGIN: 5px 0px 15px; COLOR: #00; LINE-HEIGHT: 16px}
DL.latest {FONT-SIZE: 0.85em; MARGIN: 10px 0px}
DL.latest DT {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #e2dfa8; PADDING-BOTTOM: 5px; PADDING-TOP: 5px}
DL.latest DD {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px}
DL.latest DD A {COLOR: #758279; TEXT-DECORATION: none}
DL.latest DD A:visited {COLOR: #758279; TEXT-DECORATION: none}
DL.latest DD A EM {FONT-WEIGHT: bold; FLOAT: right; COLOR: #949e7c; FONT-STYLE: normal}
DL.latest DD A:hover {TEXT-DECORATION: underline}
DL.latest DD A:hover EM {CURSOR: pointer; TEXT-DECORATION: none}
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 {FLOAT: left; WIDTH: 240px; MARGIN-RIGHT: 15px}
DL.list DD {BACKGROUND: #f8f8f0; COLOR: #555}
DL.list DD A {COLOR: #c00}
DL.list DD A:visited {COLOR: #c00}
DL.demos_list DT {FONT-SIZE: 1.2em; BACKGROUND: #dfd7ca; MARGIN: 3px 0px}
DL.opacity_list DT {FONT-SIZE: 1.2em; BACKGROUND: #758279; MARGIN: 3px 0px}
DL.explorer_list DT {FONT-SIZE: 1.2em; BACKGROUND: #949e7c; MARGIN: 3px 0px}
DL.mozilla_list DT {FONT-SIZE: 1.2em; BACKGROUND: #d4d8bd; MARGIN: 3px 0px}
DL.boxes_list DT {FONT-SIZE: 1.2em; BACKGROUND: #e2dfa8; MARGIN: 3px 0px}
DL.layouts_list DT {FONT-SIZE: 1.2em; BACKGROUND: #c9ba65; MARGIN: 3px 0px}
DL.menus_list DT {FONT-SIZE: 1.2em; BACKGROUND: #b2ab9b; MARGIN: 3px 0px}
DL.list_last {MARGIN-RIGHT: 0px}
.blue {COLOR: #0066CC; FONT-FAMILY: "times new roman", serif}
.red  {COLOR: #FF0000; FONT-FAMILY: "times new roman", serif}
.silver{COLOR: #983; FONT-FAMILY: "times new roman", serif}
.play {FONT-WEIGHT: normal; MARGIN: 0px; COLOR: #c9ba65; FONT-FAMILY: "trebuchet ms", tahoma, arial, verdana, sans-serif}
.clear {CLEAR: both}
.bold {FONT-WEIGHT: bold}
P.float_right {FLOAT: right;FONT-SIZE: 0.5em;}
IMG.left {FLOAT: right}
.float_left {FLOAT: left}
P.cite {COLOR: #480}
.advertisement {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 20px 5px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
.advertisement LI A {FONT-SIZE: 11px; COLOR: #558; TEXT-DECORATION: none}
.advertisement LI A:visited {FONT-SIZE: 11px; COLOR: #558; TEXT-DECORATION: none}
.advertisement LI A:hover {TEXT-DECORATION: underline}
.advertisement LI SPAN.text {FONT-SIZE: 10px; COLOR: #000}
.spacer {MARGIN-TOP: 10px}
#content A IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}
#adsie {CLEAR: both; BORDER-TOP: #fff 25px solid; WIDTH: 750px; POSITION: relative; TEXT-ALIGN: left}
#smalladsie {CLEAR: both; MARGIN: 10px 0px; WIDTH: 468px}
#smalladsie IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px; BORDER-RIGHT-WIDTH: 0px}
.adimage IMG {BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}
P.date {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #448}
P.highlight {BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 5px; BACKGROUND: #dfd7ca; PADDING-BOTTOM: 5px; BORDER-LEFT: #aaa 1px solid; COLOR: #a40; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid
}
PRE {FONT-SIZE: 11px; COLOR: #008}
OL LI {FONT-SIZE: 10px}
DL.list DD.blue_back {BORDER-RIGHT: #c00 1px solid; BORDER-TOP: #c00 1px solid; BORDER-LEFT: #c00 1px solid; BORDER-BOTTOM: #c00 1px solid}
.f_left {FLOAT: left}
.hiddenfromview {DISPLAY: none}
A.animated {DISPLAY: block; BACKGROUND: url(../graphics/skateboard.gif) #fff no-repeat; OVERFLOW: hidden; WIDTH: 468px; CURSOR: default; HEIGHT: 90px}
A.animated IMG {VISIBILITY: hidden}
A.animated:hover {BACKGROUND: 0px 50%}
A.animated:hover IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; VISIBILITY: visible; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-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 {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #dfd7ca; PADDING-BOTTOM: 5px; WIDTH: 190px; PADDING-TOP: 5px; BORDER-BOTTOM: #758279 20px solid; HEIGHT: 70px}
 HTML #advert {WIDTH: 190px; HEIGHT: 70px}
#advert H1 {MARGIN: 0px}
.adbanner {DISPLAY: block; BACKGROUND: url(../graphics/advertise.jpg) no-repeat left top; WIDTH: 468px; HEIGHT: 60px}