html {color:#000; background:#fff;}
body {text-align:center; font-family:verdana, arial, helvetica, sans-serif; font-size:76%; color:#000; padding:0; border:0; margin:0; background:#fff;}
a, a:visited {color:#000;}
a:hover {text-decoration:none;}
#wrapper {width:750px; margin:10px auto 0 auto; text-align:left; background:#fff;}
#page_head {width:750px; height:115px; position:relative; background:#fff;}
h1#logo {font-size:45px; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; float:left; margin:0; color:#000; font-weight:normal;}
h1#logo b {color:#c9ba65; font-family:"times new roman", serif;}
h1#logo a, h1#logo a:visited, h1#logo a:hover {text-decoration:none;}

h2#slogan {clear:left; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; font-size:11px; font-weight:normal; margin:0;} 

ul#main_menu {position:absolute; top:10px; right:0; border:0; padding:0; margin:0; list-style-type:none;}
ul#main_menu li {display:block; width:75px; height:90px; float:left; margin-left:1px; position:relative;}
ul#main_menu li a{display:block; width:75px; height:80px; text-decoration:none; border-top:10px solid #fff; color:#000;
font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif;position:relative;}
* html ul#main_menu li a {height:90px; he\ight:80px;}
ul#main_menu li a b {font-weight:normal; position:absolute; bottom:5px; left:5px;}
ul#main_menu li a.mm1 {background:#dfd7ca; border-top:10px solid #dfd7ca;}
ul#main_menu li a.mm2 {background:#b2ab9b; border-top:10px solid #b2ab9b;}
ul#main_menu li a.mm3 {background:#c9ba65; border-top:10px solid #c9ba65;}
ul#main_menu li a.mm4 {background:#e2dfa8; border-top:10px solid #e2dfa8;}
ul#main_menu li a.mm5 {background:#d4d8bd; border-top:10px solid #d4d8bd;}
ul#main_menu li a.mm6 {background:#949e7c; border-top:10px solid #949e7c;}
ul#main_menu li a.mm7 {background:#758279; border-top:10px solid #758279;}
ul#main_menu li a:hover {border-top:10px solid #fff; cursor:pointer;}
ul#main_menu li em {font-weight:normal; position:absolute; bottom:5px; left:5px; font-style:normal; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif;}
ul#main_menu li a em {font-weight:normal; position:absolute; bottom:5px; left:5px; font-style:normal; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif;}

ul#sub_menu {position:absolute; top:80px; left:0; border:0; padding:0; margin:0; list-style-type:none;}
ul#sub_menu li {display:block; width:30px; height:20px; float:left; position:relative;}
ul#sub_menu li a, ul#sub_menu li a:visited {display:block; width:30px; height:20px; text-indent:-999px; text-decoration:none;}
* html ul#sub_menu li a, * html ul#sub_menu li a:visited {text-indent:0; font-size:0; color:#d4d8bd; text-i\ndent:-999px;}
ul#sub_menu li a:focus {outline:0;}
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; width:750px; padding-bottom:15px; background:#fff url(../graphics/horizontal_line.gif) bottom left repeat-x;}
#info h2 {font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; font-size:1.4em; margin:0; color:#a40; text-align:left; margin-bottom:10px;}
#info h3 {font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; font-size:1.1em; font-weight:normal; margin:0; color:#565; text-align:left; margin-bottom:10px;}


#content {width:750px; background:#fff url(../graphics/vertical_line.gif) 500px 0 repeat-y;}
#content h3 {font-size:12px; color:#b50; margin:10px 0 0 0; font-weight:bold;}

#left_column {width:480px; float:left;}

#right_column {width:240px; float:right;}
#right_column img {margin-top:10px;}

#page_foot {clear:both; width:750px; padding-bottom:20px; background:#fff url(../graphics/horizontal_line.gif) top left repeat-x; padding-top:10px;}

p {font-size:10px; color:#555; line-height:16px; margin:5px 0 15px 0;}

dl.latest {font-size:0.85em; margin:10px 0;}
dl.latest dt {background:#e2dfa8; padding:5px;}
dl.latest dd {margin:0; padding:5px 5px 0 5px;}
dl.latest dd a, dl.latest dd a:visited {text-decoration:none; color:#758279;}
dl.latest dd a em {font-style:normal; font-weight:bold; float:right; color:#949e7c;}
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 {width:240px; margin-right:15px; float:left;}
dl.list dd {color:#555; background:#f8f8f0;}
dl.list dd a, dl.list dd a:visited {color:#c00;}

dl.demos_list dt {background:#dfd7ca; font-size:1.5em; margin:3px 0;}
dl.opacity_list dt {background:#758279; font-size:1.5em; margin:3px 0;}
dl.explorer_list dt {background:#949e7c; font-size:1.5em; margin:3px 0;}
dl.mozilla_list dt {background:#d4d8bd; font-size:1.5em; margin:3px 0;}
dl.boxes_list dt {background:#e2dfa8; font-size:1.5em; margin:3px 0;}
dl.layouts_list dt {background:#c9ba65; font-size:1.5em; margin:3px 0;}
dl.menus_list dt {background:#b2ab9b; font-size:1.5em; margin:3px 0;}

dl.list_last {margin-right:0;}


.css {color:#983; font-family:"times new roman", serif;}
.play {font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; margin:0; color:#000; font-weight:normal;}
.clear {clear:both;}
.bold {font-weight:bold;}
p.float_right, img.left {float:right;}
.float_left {float:left;}
p.cite {color:#008080; display:list-item; padding:0 5px; list-style-image: url(../graphics/open_quotes.gif); background: url(../graphics/close_quotes.gif) bottom right no-repeat;}
.advertisement {list-style-type:none; margin:10px 10px 20px 5px; padding:0;}
.advertisement li a, .advertisement li a:visited {color:#448; font-size:11px; text-decoration:none;}
.advertisement li a:hover {text-decoration:underline;}
.advertisement li span.text {font-size:10px; color:#000;}
.spacer {margin-top:5px;}
#content a img {border:0;}
#adsie {position:relative; clear:both; width:750px; border-top:25px solid #fff; z-index:0; text-align:left;}
#smalladsie {clear:both; width:468px; margin:10px 0;}
#smalladsie img {border:0; margin:10px;}
.adimage img {border:0; margin-top:0;}
p.date {font-size:10px; font-weight:bold; color:#448;}
p.highlight {background:#dfd7ca; border:1px solid #aaa; padding:5px; color:#a40;}
pre {font-size:11px; color:#008;}
ol li {font-size:10px;}
dl.list dd.blue_back {border:1px solid #c00;}
.f_left {float:left;}
.hiddenfromview {display:none;}

a.animated {display:block; width:468px; height:90px; background:#fff url(../graphics/skateboard.gif) no-repeat; overflow:hidden; cursor:default;}
a.animated img {visibility:hidden;}
a.animated:hover {background:0;}
a.animated:hover img {visibility:visible; border:0;}

.comments {background:#000 url(../comments/tea.jpg) no-repeat;}
#com_head {height:100px; background:url(../graphics/email.gif) top right no-repeat;}

#advert {width:210px; height:70px; background:#dfd7ca; border-bottom:20px solid #758279; padding:5px;}
* html #advert {width:220px; height:100px; w\idth:210px; he\ight:70px;}
#advert h1 {margin:0;}

.adbanner {display:block; width:468px; height:60px; background:url(../graphics/advertise.jpg) top left no-repeat;}
.wide_banner img {border:0; margin:5px 0;}
#ad200 {background:#fff url(shopping.gif) no-repeat; margin-bottom:10px;}