ul.navbar {
	color: yellow;
       list-style-type: none;
       padding: 0;
       margin: 0;
       position: absolute;
       top: 210px;
       left: 0px;
       height: 1000px;
       width: 210px }

body{
       width: 650px; 
      text-align: left;
	padding-left: 210px;
	padding-top: 210px;
     font-weight: bold;
	}

ul.navbar li {
	color: rgb(0,255,255);
	color: yellow;
     background: #9999FF;
      text-align: center;
     font-weight: bold;
     margin: 0em;
     padding: .2em;
     border-top: 0px solid black;
     border-bottom: 0px solid black;
     border-right: 0px solid black;
     border-left: 0px solid black 
     }

ul.navbar a {
	color: rgb(0,0,0);
     text-decoration: none }

img.logo {
       position: fixed;
       position: absolute;
       top: 0em;
       left: 0em;
    	 margin: 0em;
     	padding: 0em

}

img.navbar a {
     text-decoration: none }

html * a:hover {
	color: yellow;
     text-decoration: none }

h1.header {
	color: Black;
      position: absolute;
      top: 0px;
      left: 210px;
      width: 800px;
      height: 210px;
      font-size: 25pt;
      font-weight : bold;
      text-align: center;
      margin-top: 0em;
      padding-top: 0em;
     border-bottom: 0px solid black;
     border-right: 0px solid black;
     background: #9999FF;
      }

content {
      position: absolute;
      top: 20em;
      left: 2em;
      margin-top: 1em;
      padding-top: 1em
      }

div.boy{
     font-family: Arial,Helvetica, sans-serif;
     font-size: medium;
     position: static;
     background: lightblue;
     margin: 0em;
     padding: .5em;
     border-top: 1px solid blue;
     border-bottom: 3px solid blue;
     border-right: 3px solid blue;
     border-left: 1px solid blue; 
     }

div.male{
	font-family: Arial, Helvetica, sans-serif;
     font-size: medium;
     background: lightblue;
     margin: 0em;
     padding: .5em;
     border-top: 1px solid blue;
     border-bottom: 3px solid blue;
     border-right: 3px solid blue;
     border-left: 1px solid blue ;
     }

div.girl{
	font-family: Arial, Helvetica, sans-serif;
     font-size: medium;
     position: static;
     background: pink;
     margin: 0em;
     padding: .5em;
     border-top: 1px solid red;
     border-bottom: 4px solid red;
     border-right: 4px solid red;
     border-left: 1px solid red 
     }
div.female{
	font-family: Arial, Helvetica, sans-serif;
     font-size: medium;
     position: static;
     background: pink;
     margin: 0em;
     padding: .5em;
     border-top: 1px solid red;
     border-bottom: 4px solid red;
     border-right: 4px solid red;
     border-left: 1px solid red 
     }

div.boy a {
	border: 1px solid }	

div.girl a {
	border: 1px solid }	

div.boy h1 {
      font-size: 30pt;
      font-weight: bold;
      text-align: center
      }

div.article{
     position: static;
     background: AliceBlue;
     margin: 0em;
     padding: .5em;
     border-top: 1px solid black;
     border-bottom: 4px solid black;
     border-right: 4px solid black;
     border-left: 1px solid black
     }

div.news{
     position: static;
     background: red;
     margin: 0em;
     padding: .5em;
     border-top: 1px solid black;
     border-bottom: 4px solid black;
     border-right: 4px solid black;
     border-left: 1px solid black
     }

div.dates{
     position: static;
     background: pink;
     margin: 0em;
     padding: .5em;
     border-top: 1px solid black;
     border-bottom: 4px solid black;
     border-right: 4px solid black;
     border-left: 1px solid black
     }

div.article h1 {
      font-size: 30pt;
      font-weight: bold;
      text-align: center
      }

div.contact{
     background: #cc9966;
     margin: 0em;
     padding: .5em;
     width: 200px;
     border-top: 1px solid black;
     border-bottom: 4px solid black;
     border-right: 4px solid black;
     border-left: 1px solid black
     }

div.adopt{
     position: static;
     background: yellow;
     margin: 0em;
     padding: .5em;
     border-top: 1px solid black;
     border-bottom: 1px solid black;
     border-right: 1px solid black;
     border-left: 1px solid black;
     font-weight : bold;
     text-align: center;
     font-size: 15pt;
     width: 200px;
     }

div.ok365{
     position: static;
     background: #3399cc;
     margin: 0em;
     padding: .5em;
     border-top: 1px solid black;
     border-bottom: 1px solid black;
     border-right: 1px solid black;
     border-left: 1px solid black;
     font-weight : bold;
     text-align: center;
     font-size: 15pt;
     width: 180px;
     }
