html, body {
 margin:0;
 padding:0;
 background:url(../images/background_3.jpg);
 color:#000;
 font-family:"Comic Sans", "Comic Sans MS", cursive, sans-serif;
}
#wrapper {
 width:90%;
 margin:20px auto;
 background:#cf2fc4;
 border:10px solid #000;
}
#header {
 padding-left:1em;
 padding-top:.3em;
 padding-right:.3em;
 padding-bottom:.3em;
 background-color:#c9f;
 border-bottom:10px solid #000;
 font-size:3em;
 font-weight:bold;
}
#header img {
 float:right;
 margin:auto;
}
#nav {
 width:167px;
 float:left;
 background:#cf2fc4;
}
#nav ul {
 list-style-type:none;
 margin:0;
 padding:0;
}
#nav a:link, #nav a:visited {
 display:block;
 width:140px;
 margin-top:5px;
 margin-right:5px;
 margin-left:5px;
 padding-top:1px;
 padding-left:15px;
 padding-bottom:2px;
 background:#ffff99;
 color:#000;
 border-left:1px solid #000;
 border-top:1px solid #000;
 border-right:1px solid #000;
 border-bottom:1px solid #000;
 text-decoration:none;
}
#nav a:hover {
 width:138px;
 padding-top:2px;
 padding-left:17px;
 padding-bottom:1px;
 background:#ffffcc;
 border-left:1px solid #000;
 border-top:1px solid #000;
 border-right:1px solid #777;
 border-bottom:1px solid #777;
}
#navbar {
 background:#cf2fc4;
}
#navbar ul {
 list-style-type:none;
 margin:0;
 padding:0;
 overflow:hidden;
}
#navbar a:link, #navbar a:visited {
 display:block;
 float:left;
 width:120px;
 margin-top:5px;
 margin-right:5px;
 margin-bottom:5px;
 padding-top:1px;
 padding-left:15px;
 padding-bottom:2px;
 background:#ffff99;
 color:#000;
 border-left:1px solid #000;
 border-top:1px solid #000;
 border-right:1px solid #000;
 border-bottom:1px solid #000;
 text-decoration:none;
}
#navbar a:hover {
 width:118px;
 padding-top:2px;
 padding-left:17px;
 padding-bottom:1px;
 background:#ffffcc;
 border-left:1px solid #000;
 border-top:1px solid #000;
 border-right:1px solid #777;
 border-bottom:1px solid #777;
}
#content {
 margin-left:167px;
 padding-top:10px;
 padding-right:10px;
 padding-bottom:10px;
 background-color:#c9f;
 border-left:10px solid #000;
 border-top:10px solid #000;
 text-align:center;
}
#content a:link, #content a:visited {
  display:block;
  width:100px;
  margin:5px auto;
  padding-top:1px;
  padding-bottom:2px;
  background:#ffff99;
  color:#000;
  border-left:1px solid #000;
  border-top:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  text-decoration:none;
  text-align:center;
  font-size:smaller;
}
#content a:hover {
  width:98px;
  padding-top:2px;
  padding-left:2px;
  padding-bottom:1px;
  background:#ffffcc;
  border-left:1px solid #000;
  border-top:1px solid #000;
  border-right:1px solid #777;
  border-bottom:1px solid #777;
}
.item {
  background:#9966ff;
  margin-top:10px;
  margin-left:10px;
  float:left;
  border:3px solid #ffff33;
  text-align:center;
}
.item .head {
  width:100%;
  padding-top:6px;
  padding-bottom:6px;
  border-bottom:1px solid #ffcc00;
  font-weight:bold;
}
.item .subHead {
  background:#ff66ff;
  padding-top:6px;
  padding-bottom:6px;
}
.item img {
  border-top:2px solid #ffcc00;
  border-bottom:2px solid #ffcc00;
}
.left {
 float:left;
}
.right {
 float:right;
}
.hidden {
 height:0;
 clear:both;
 visibility:hidden;
}