/***HTML General Body Style***/
body {
  background: 100% #444444; url(../images/elements/siteback.png)
     repeat-y;
  background-position: center center;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;

  font-size: 90%;
}

a {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:#003399;
  text-decoration:none;
}

#content-area a:hover {
  background: #eeeeee;
}

h1, h2, h3, h4, h5, h6, p {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
}
 h2 {
  font-size: 120%;
 }
  h3 {
   font-size: 105%;
  }

/***Main Wrappwer***/
#page-main-wrapper {
 margin: auto auto;
 width: 960px;
 padding: 10px;
}

/***Banner part***/
#page-banner {
 background: #000000 url(../images/elements/Blank-ATRIEV-banner.png);
 height: 250px;
 padding: 5px;
}
 #page-banner h1 {
  margin:  auto auto;
  float: right;
  width: 150px;
  background: url(../images/elements/.png);
  font-size: 250%;
  color: #ffcc33;
  padding: 0px 0px 0px 0px;
 }
 #page-banner h2 {
  margin: auto auto;
  float: left;
  width: 480px;
  font-size: 200%;
  color: #ffcc33;
  padding: 10px;
 }
  #page-banner img{
  float: left;
  margin: auto auto;
  width: 150px;
  padding:14px 30px 10px 27px;
  color: #ffffff;
  }
   #page-banner p {
    margin: auto auto;
    float: left;
    width: 450px;
    color: #ffcc33;
    font-size: 150%;
   }

/***Page Navigation Links style included in the banner***/
#page-navigate {
 float: left;
 width: 960px;
 height: 35px;
 padding: 5px;
 }
 #page-navigate li{
  display: inline;
  list-style: none;
  padding: 15px;
 }
  #page-navigate a{
   color: #ffffff;
  }
   #page-navigate li:hover{
    background: url(../images/elements/opacity.png)
     top
      repeat-x;
   }
    
/***Page Main Links Style***/
#page-mainlinks {
 background: #003399 
  url(../images/elements/page-main-link-back.png);
 width: 960px;
 height: 50px;
 float: left;
 padding: 5px 0px 5px 0px;
}
 #page-mainlinks li{
  width: 960px;
  display: inline;
  padding: 10px;
 }
  #page-mainlinks a{
   color: #ffffff;
  }
   #page-mainlinks li:hover{
    background: url(../images/elements/opacity.png)
     top
      repeat-x;
   }
    #page-mainlinks p{
     display: none;
     color: #ffffff;
    }


/***Content Wrapper***/
#main-content-wrapper {
 width: 960px;
}

/***Content's Menu Links***/
#content-menu-links {
 background: url(../images/elements/content-menu-links-back.png) left center no-repeat;
 float: left;
 width: 225px;
 color: #ffffff;
}
 #content-menu-links  li{
  display: block;
  list-style: none;
  padding: 10px;
 }
  #content-menu-links a{
   color: #ffffff;
  }
   #content-menu-links li:hover{
    background: url(../images/elements/opacity.png)
     top
      repeat-x;
   }
    #content-menu-active {
     background: url(../images/elements/opacity.png)
      top
       repeat-x;
    }
     #content-menu-links p{
      display: none;
      color: #ffffff;
     }

/***Content area***/
/***This handles the welcoming content in the content area***/
#welcome{
 font-family: arial,times;
 width: 365px;
 padding-left: 5px;
}
#welcome h1 {
 background: #510070;
 color: #ffffff;
 border: #ffffff 7.5px double;
 padding: 7px;
 margin auto auto;
}
#welcome p{
 background: #510070 url(../images/elements/atriev-info-back.png) no-repeat;
 color: #ffffff;
 border: #510070 7px double;
 text-align: justify;
 border: #ffffff 7.5px double;
padding: 5px;
}
#backid {
background:url(../images/mainback1.png) top no-repeat;
}
/*Content Items*/
#content-area {
 background: #ffffff;
 float: right;
 width: 725px;
 padding: 5px;
}
 #content-area p {
  background:;
  padding: 5px;
 }
  #content-area img {
   width: 450px
  }
   #contentmini {
    background: #ffffbb url(../images/elements/atriev-info-back.png) no-repeat center center;
    float: right;
    display: block;
    width: 300px;
    font-size: 90%;
    padding: 15px;
    margin: 10px 10px 0px 0px;
    border: #510070 8px double;
   }
   #contentmini a {
    color: #000000;
   }
    #contentmini a:hover {
     background: #ffcc33;
    }
     #content-menu {
      background: #ffffbb;
      display: block;
      width: 300px;
      font-size: 90%;
      padding: 10px;
     }
     #content-menu a {
     color: #000000;
     }
      #content-menu a:hover {
       background: #ffcc33;
      }

/***Images***/
#face-photo  img{
 float: left;
 padding: 10px;
 width: 250px;
}
#logo-photo  img{
 margin: auto auto;
 padding: 5px;
 width: 100px;
}
/***Footer style***/
#page-footer {
 float: right;
 width: 490px;
 padding: 5px 0px 15px 5px;
 margin: auto auto;
}
 #page-footer p, #page-footer a {
  color: #ffffff;
 }
  #accessibility-table {
   color: #ffffff;
   float: right;
   margin: auto auto;
   padding: 15px;
  }
   #accessibility-table table {
    background: #333333;
    padding: 15px;
   }