@charset "UTF-8";







* {

  margin: 0px;

  padding: 0px;

  border: none;

  text-decoration: none;

}



body {

  font-family: "Comic Sans MS", sans-serif;

  font-size: 12pt;

  background-color: #FFFBEB;

  color: #280F00;

}



.page {

  max-width: 400px;

  height: 600;

  margin: 20px auto;

  background-color: #FFFBEB;

  background-image: url(ren-title-med.jpg);

  background-position: center 160px;

  background-repeat: no-repeat;

  border: 0px solid #48D1CC;

}



header {

  width: 400px;

  height: 500px;

  border: 0px solid #ff0000;

}



a {

  color: #000;

}



a:hover {

  color: #DC143C;

}



h1 {

  font-size: 26pt;

  font-weight: bold;

  text-align: center;

  border: 0px solid #000;

}



h2 {

  font-size: 11pt;

  font-weight: normal;

  text-align: center;

  padding-bottom: 10px;

  border: 0px solid #000;

}



h3 {

  font-size: 16pt;

  font-weight: normal;

  text-align: center;

  padding-bottom: 10px;

}



h4 {

  font-size: 12pt;

  font-weight: normal;

  text-align: center;

}



ul {

  width: 400px;

  height: 210px;

  text-align: center;

  border: 0px solid #000;

}



.list1, .list2 {

  padding-top: 10px;

}



li {

  float: left;

  margin-left: 5px;

  width: 48%;

  font-size: 12pt;

  line-height: 1;

  font-weight: bold;

  text-align: center;

  border: none;

  list-style: none;

}



.final {

  margin-bottom: 20px;

  border: 0px solid #000;

}



ul a {

  color: #000;

  display: block;

  margin: 0px 3px 5px 3px;

  padding: 10px;

  border: 1px solid #22213F;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}



ul a:hover {

  color: #DC143C;

  background-color: rgba(255,255,255,.15);

  }