/* GENERAL LAYOUT
**************************************/
body {
  background: #ffffed;
  font-size: small;
  font-family: Helvetica, Arial, sans-serif;
}

div.wrap { width: 1020px; margin: 0 auto;}
div.fishWrap { 
  float: left;
  background: url(img/bg_swirl.gif) no-repeat top left;
  width: 1020px;
}

div#content {
  float: left;
  background: url(img/bg_content.png) no-repeat top center; 
  margin: 40px 0 20px 0;
  width: 1020px;
}

div#content div.bottom { 
  float: left;
  width: 1020px;
  height: 20px;
  background: url(img/bg_contentbottom.gif) no-repeat top center; 
}

a:visited, a, a:hover {
  color: #C03820;
}

h1 a {
  display: block;
  background: url(img/logo_lsd.png) no-repeat;
  width: 485px;
  height: 210px;
  text-indent: -9999em;
  float: right;
  margin-top: -10px;
}

/** Navigation **/
ul#nav { 
  width: 300px;
  margin-top: 210px; 
  padding: 0 0 40px 200px; 
  float: left;
}
ul#nav li { 
  width: 300px;
  float: left; 
  padding: 1px 0;
}
ul#nav li a:hover, ul#nav a.current { background: url(img/nav_select.gif) no-repeat; }

ul#nav li, ul#nav li a { display: block; width: 300px; height: 56px; text-indent: -9999em;}
ul#nav li#about { background: url(img/nav_about.gif) no-repeat top left; }
ul#nav li#history { background: url(img/nav_history.gif) no-repeat top left; }
ul#nav li#howto { background: url(img/nav_howto.gif) no-repeat top left; }
ul#nav li#sponsors { background: url(img/nav_credits.gif) no-repeat top left; }
ul#nav li#contributors { background: url(img/nav_contributors.gif) no-repeat top left; }


div#wordWrap ul#nav li.paypal { padding-top: 20px; text-align: center; text-indent: 0}
li.paypal form label {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

/** Content **/
div#wordWrap { float: left; }
div.index { text-align: center; }
div.words { 
  float: left; 
  padding: 10px 0 20px 20px;
  width: 450px;
  min-height: 450px;
}

div.words h3 {
  font-size: 115%; 
  color: #FF0000;
  padding: 8px;
  border-bottom: 1px dashed #FF0000;
}

div.words p.socialnetworks { padding-top: 20px; }
div.words p.socialnetworks img { padding-top: 5px; }

div.words img.title { padding-bottom: 20px; }

div.words p { padding-top: 10px; }
p.centered { text-align: center; float: left; width: 450px; }
p.centered img { margin: 15px; }
div.words a.detailImg { float: right; }

div#wordWrap ul.credits { 
  float: left; 
  list-style: none;
  padding: 0;
}
div#wordWrap ul.credits li { padding: 3px 0;}
div#wordWrap li.title { 
  font-weight: bold;
  float: left; 
  width: 335px;
  background: url(img/cyan_line.gif) no-repeat right bottom; 
  padding-bottom: 10px;
}
li.name { float: left; text-align: left;}
div#wordWrap ul.credits li.line {padding-left: 334px;}

div.words ul, div.words ol { padding: 10px 20px;}
div.words ul {list-style: disc;}
div.words ol {list-style: decimal;}