/*
dark pink: #d66676
light pink: #f9a0a9
blue: #537fb7
green: #009762
purple: #886cee
*/
body
{ 
  margin: 0;
  padding: 0;
  font-size: 80%;
  font-family: verdana, arial, sans-serif;
  color: #222;
}
th, td { font-size: 80%; }
html>body th, html>body td { font-size: 100%; }
#header
{ 
  background-image: url('images/header.gif');
  background-position: 200px 0;
  background-repeat: no-repeat;
  height: 110px;
}
#main
{ 
  background-image: url('images/cupcake.jpg');
  background-repeat: no-repeat;
  height: 340px;
}
#nav
{ 
  background-color: #0b8c72;
  padding-left: 200px;
}
#nav ul
{ 
  margin: 0;
  padding: 0;
}
#nav ul li
{ 
  list-style-type: none;
  float: left;
}
#nav ul li a:link, #nav ul li a:visited
{ 
  display: block;
  padding: 5px 26px 5px 8px;
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size: 90%;
  text-align: left;
}
#nav ul li a:hover
{ 
  background-color: #f9a0a9;
}
#nav ul li a:active
{ 
  background-color: #537fb7;
}
#nav br
{ 
  line-height: 1px;
}
#nav br.clear1
{ 
  clear: left;
}
html>body #nav br.clear2
{ 
  display: none;
}
.cleared:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.cleared {display: inline-table;}
/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
.cleared {display: block;}
/* End hide from IE-mac */ 
#content
{ 
  padding: 10px 20px 10px 220px;
  width: 725px;
}
html>body #content
{ 
  width: auto;
  max-width: 525px;
}
#footer
{ 
  padding: 10px 20px 10px 220px;
  font-size: 85%;
  color: #777;
}
#nav
{ 
  background-color: #0b8c72;
  padding-left: 200px;
}
#nav ul li a:hover
{ 
  background-color: #10C7A2;
}
#nav ul li a:active
{ 
  background-color: #537fb7;
}
a:link
{ 
  color: #d66676;
}
a:visited
{ 
  color: #886cee;
}
a:hover
{ 
  color: #10C7A2;
  text-decoration: none;
}
a:active
{ 
  color: #537fb7;
}
a img { border: none; }
h1, h2, h3, h4, h5, h6
{ 
  color: #0b8c72;
  font-family: 'trebuchet ms', verdana, arial, sans-serif;
  border-bottom: 1px solid #0b8c72;
}
html>body h1, html>body h2, html>body h3, html>body h4, html>body h5, html>body h6
{ 
  border-bottom: 1px dotted #0b8c72;
}

ul.categorytree
{ 
  list-style-type: none;
  margin: 0;
  padding: 0;
}