@charset "utf-8";
/* CSS Document */
BODY {
 background: #eafffd url(./images/PeriBack.jpg) repeat-x;
margin: 0px 0px 0px;
}

DIV.mainbody
{
 background-color: white;
  WIDTH: 797px; 
  margin-left:auto;
  margin-right:auto;
}

DIV.header
{
padding-top: 0px;
padding-left: 0px;
background: url(./images/PeriHeader.jpg) no-repeat;
WIDTH: 797px; 
height: 111px;
  margin-left:auto;
  margin-right:auto;
}


div.links{
text-align: left;
width: 797px;
height: 26px;
color: white;
font-size: 18px;
font-family: arial;
padding-top: 86px;
font-weight: bold;
font-style:italic;
}


div.midleft{
float: left;
padding-top: 10px;
padding-left: 10px;
width: 410px;
height: 337px;
}

div.midleft2{
float: left;
color:#2f2e2e;
text-align: left;
font-size: 14px;
font-family: arial;
padding-top: 0px;
padding-left: 30px;
width: 315px;
padding-bottom: 20px;
}


div.midright{
padding-left: 15px;
padding-top: 25px;
float: left;
color:#2f2e2e;
text-align: left;
font-size: 14px;
font-family: arial;
width:  345px;
height: 272px;
}

div.midright2{
padding-left: 15px;
padding-top: 10px;
float: left;
color:#2f2e2e;
text-align: left;
font-size: 14px;
font-family: arial;
width:  345px;
height: 272px;
}

div.midleft3{
float: left;
color:#2f2e2e;
text-align: left;
font-size: 14px;
font-family: arial;
padding-top: 15px;
padding-left: 130px;
padding-bottom: 30px;
width: 290px;
}


div.midright3{
padding-left: 30px;
padding-top: 15px;
float: left;
color:#2f2e2e;
text-align: left;
font-size: 14px;
font-family: arial;
width:  345px;
padding-bottom: 30px;
}

h1{
color:#ef0d0c;
font-size: 18px;
font-family: arial;
font-style:italic;
margin-top: 0px;
margin-bottom: 5px;
}

div.bottomarea{
text-align: center;
color: black;
font-size: 16px;
font-weight: bold;
font-family: arial;
font-style:italic;
}

div.footer{
background: url(./images/FooterBack.jpg) no-repeat;
text-align: center;
color: #474747;
font-size: 10px;
padding-top: 40px;
font-family: arial;
WIDTH: 798px;
height: 104px;
margin-left: auto;
margin-right: auto;
}


div.clear{
DISPLAY: block;
CLEAR:both;
}


A.headerlink:link{
color: white;
font-size: 18px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

A.headerlink:visited {
color: white;
font-size: 18px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

A.headerlink:hover {
color: #fbfe00;
font-size: 18px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

A.headerlink:active {
color: #fbfe00;
font-size: 18px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

A.footerlink:link{
color: #fff5e2;
font-size: 12px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

A.footerlink:visited {
color: #fff5e2;
font-size: 12px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

A.footerlink:hover {
color: #ff9b43;
font-size: 12px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

A.footerlink:active {
color: #ff9b43;
font-size: 12px;
font-weight: bold;
font-family: arial;
text-decoration: none;
}

A.smalllink:link{
color: #746c59;
font-size: 12px;
font-family: arial;
text-decoration: none;
}

A.smalllink:visited {
color: #746c59;
font-size: 12px;
font-family: arial;
text-decoration: none;
}

A.smalllink:hover {
color: #746c59;
font-size: 12px;
font-family: arial;
text-decoration: underline;
}

A.smalllink:active {
color: #746c59;
font-size: 12px;
font-family: arial;
text-decoration: underline;
}