/*
dark blue: #33709a
bright blue: #009cdb
pink: #f07d79
grey: #afb4af
salmon: #edb8a6
green/teal: #087d6a
orange: #ff9900
*/
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/smiling-girl.jpg');
  background-repeat: no-repeat;
  height: 340px;
}
#nav
{ 
  background-color: #33709a;
  padding-left: 200px;
}
#nav ul
{ 
  margin: 0;
  padding: 0;
}
#nav ul li
{ 
  list-style-type: none;
  float: left;
}
/* #nav ul li a
{ 
  width: 100%;
}
html>body #nav ul li a
{ 
  width: auto;
} */
#nav ul li a:link, #nav ul li a:visited
{ 
  display: block;
  padding: 5px 41px 5px 8px;
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size: 90%;
  text-align: left;
}
#nav ul li a:hover, #nav ul li a:active
{ 
  background-color: #087d6a;
}
#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;
}
a:link
{ 
  color: #009cdb;
}
a:visited
{ 
  color: #33709a;
}
a:hover
{ 
  color: #ff9900;
  text-decoration: none;
}
a:active
{ 
  color: #087d6a;
}
h1, h2, h3, h4, h5, h6
{ 
  color: #33709a;
  font-family: 'trebuchet ms', verdana, arial, sans-serif;
  border-bottom: 1px dotted #33709a;
}

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