@charset "utf-8";
/* CSS Document */

@media screen {
   div#preloader {
      position: absolute;
      left: -9999px;
      top: -9999px;
   }

   div#preloader img {
      display: block;
   }
}

@media print {
   div#preloader,
   div#preloader img {
      visibility: hidden;
      display: none;
   }
}

body {
   margin: 0;
   color: #000;
   font-size: 12px;
   font-family: Arial, Verdana, Univers, sans-serif;
   background: #FFF none;

}

h1 {
   color: #000;
   font-size: 22px;
   font-weight: normal;
   margin: 3px 0 25px 0;
}

h2 {
   color: #000;
   font-size: 18px;
   font-weight: normal;
   margin: 0 0 15px 0;

}

h3 {
   color: #000;
   margin-top: 6px;
   margin-bottom: 8px;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 16px;
   font-weight: 600;
}

h4 {
   color: #000;
   margin-top: 6px;
   margin-bottom: 8px;
   font-size: 16px;
   font-family: Georgia, "Times New Roman", Times, serif;
}

h6 {
   color: #000;
   font-size: 16px;
   font-family: Georgia, "Times New Roman", Times, serif;
   text-align: center;
   margin: 3px 0 25px 0;

}

p {
   margin: 0 0 12px 0;
   color: #000;
   font-size: 14px;
}

.p14 {
   margin: 0 0 12px;
   color: #000;
   font-size: 15px;
}

.pstaff {
   margin: 14px 4px 0 2px;
   font-size: 14px;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 22px;
}

code {
   visibility: hidden;
}

a {
   color: #36C;
}

a:visited {
   color: #36C;
}

a:hover {
   color: #36C;
}

.contentright a {
   color: #000;
   font-size: 12px;
   line-height: 26px;
}

.contentright a:hover {
   font-weight: bold;
}

.menuright a {
   color: #000;
   font-size: 12px;
   font-weight: bold;

}

.contentright a:visited {
   color: #000;
}

.contentright a:hover {
   color: #000;
}

.menuright a:visited {
   color: #000;
}

.menuright a:hover {
   color: #000;
}

a.text:link {
   color: #000;
   font-weight: normal;
   font-size: 16px;
}

a.text:visited {
   color: #000;
}

a.text:hover {
   color: #000;
   text-decoration: underline;
   cursor: pointer;
}

.container {
   width: 100%;
   margin: 0;
   float: none;
}

/*backshadow*/
.backshadow {
   background-image: none;
}

.topshadow {
   display: none;
}

/* BANNER AREA */
.bannerArea {
   width: 810px;
   height: 90px;
   background: none;
   margin-right: auto;
   margin-left: auto;
   z-index: 1;
}

.bannerArea .container {
   height: 90px;
   width: 810px;
   margin: 0 auto;

}

.bannernav {
   display: none;
}

.bannernav a {
   color: #FFF;
   text-decoration: none;
}

.bannernav a:visited {
   color: #FFF;
}

.bannernav a:hover {
   color: #FFF;
   text-decoration: underline;
   font-size: 14px;
   font-weight: bold;
}

.toplogo {
   padding-left: 11px;
   padding-top: 8px;
}

/* TOP NAVIGATION AREA */
.topnavigationArea {
   display: none;
}

.topnavigationArea .container {
   background-image: url(../images/redbar.jpg);
   width: 810px;
}

.topnavigationgroup {
   width: 810px;
   margin: 0 auto;
}

.topnavigationgroup ul {
   margin: 0 auto;
}

*.topnavigationgroup ul {
   margin: 0 auto;
   padding: 0 20px;
   width: 740px;
}

.topnavigationitem {
   margin-left: 0;
   padding: 9px 10px;
   border-left: 1px solid;
   border-right: 1px none;
   color: #400;
   font-size: 14px;
   font-weight: bold;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   float: left;
}

/* CONTENT AREA */
.contentArea {
   width: 810px;
   background-color: #F7F7F7;
   margin-right: auto;
   margin-left: auto;
   padding-bottom: 10px;

}

.contentArea .container {
   border: none;
}

.contentleft {
   width: 520px;
   padding-left: 40px;
   padding-right: 20px;
   float: left;
   border-right: 1px none #000;
   color: #000;
   font-size: 14px;
}

.contentleft2 {
   width: 520px;
   padding-left: 40px;
   padding-right: 20px;
   float: left;
   border-right: 1px none #000;
   color: #000;
   font-size: 14px;
}

.contentbio {
   width: 350px;
   padding-left: 20px;
   padding-right: 20px;
   float: left;
}

.contentright {
   padding-top: 30px;
   float: left;
   padding-left: 30px;
   width: 170px;
   line-height: 22px;
   font-weight: bold;
   border: 1px solid #000;
}

.menuright {
   padding-top: 20px;
   float: left;
   padding-left: 30px;
   width: 170px;
   line-height: 18px;

}

.contentrightmenu {
   padding-top: 20px;
   float: left;
   padding-left: 30px;
   width: 170px;
   line-height: 22px;
   font-weight: bold;
   background-color: #6A0B11;
}

.contentmap {
   padding-top: 20px;
   float: left;
   padding-left: 10px;
   width: 190px;
   line-height: 22px;
   font-weight: bold;
}

.contentrightbio {
   padding-top: 40px;
   float: right;
   width: 370px;
   line-height: 22px;
   font-weight: bold;
   padding-right: 30px;
}

.contentcenter {
   width: 720px;
   padding-left: 40px;
   padding-right: 40px;
   float: none;
   text-align: center;
   z-index: 0;
   color: #000;
}

.contentclients {
   width: 720px;
   padding-left: 40px;
   padding-right: 40px;
   float: none;
   text-align: center;
   z-index: 0;
   color: #000;
   min-height: 400px;
   height: auto;
   min-height: 400px;
}

.contentproject {
   width: 720px;
   padding-left: 40px;
   padding-right: 40px;
   float: none;
   text-align: center;
   z-index: 0;
   color: #000;
   min-height: 800px;
   height: auto;
   min-height: 800px;
}

.contentclient {
   width: 720px;
   padding-left: 40px;
   padding-right: 40px;
   float: none;
   z-index: 0;
   color: #000;
   font-size: 15px;
}

.bio {
   text-align: left;
   float: right;
   height: 300px;
   width: 250px;

}

.imageright {
   margin-left: 5px;
   float: right;
   border: 1px solid #999;
   padding: 3px; /*Inner border size*/
   background: #CCC; /*Inner border color*/
}

.imageright2 {
   float: right;
   border: 1px solid #999;
   padding: 3px; /*Inner border size*/
   background: #CCC;
   margin: 10px 40px 0 50px;
}

.imageleft {
   margin-right: 10px;
   float: left;
   border: 1px solid #999;
   padding: 3px; /*Inner border size*/
   background: #CCC; /*Inner border color*/
}

.imageright3 {
   margin-right: 10px;
   float: right;
   border: 0;
}

.imageblock {
   text-align: center;
   border: 1px solid #CCC;
   padding: 3px; /*Inner border color*/
   background-color: #999;
}

.shadowbottom {
   display: none;
}

.shadowbottom .container {
}

.contentcenter #apDiv1 div {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
   color: #000;
   padding-bottom: 40px;
   border-bottom: medium none #000;
   margin-right: auto;
   margin-left: auto;
   width: 500px;
}

.contentcenter .email {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
   color: #000;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
}

#p3 {
   color: #000;
   font-size: 16px;
}

.slideshow {
   width: 500px;
   height: 300px;
   float: left;
   color: #000;
   font-size: 14px;
   border: 5px solid #000;
   margin-top: -15px;
   margin-bottom: 10px;
}

.fullWidthContent {
   padding-left: 40px;
}

h5 {
   color: #000;
   margin-top: 6px;
   margin-bottom: 8px;
   font-size: 16px;
   font-weight: bold;
   background-color: #999;
}

/*Side Menu*/
.rightmenudiv {
   border: 1px solid #000;
   padding-top: 45px;
   line-height: 22px;
   float: left;
   width: 200px;
}

.rightmenu .rightmenudown {
   background: url('../images/nav-bullet-down.png') 0 0.5em no-repeat;
}

ul.rightmenu {
   margin-left: 0;
   padding-left: 8px;
   margin-bottom: 1em;
}

ul.rightmenu li {
   background: url('../images/nav-bullet-right.gif') 0 0.4em no-repeat;
   padding-left: 1em;
   list-style: none;
   color: #000;
   font-size: 12px;
   font-weight: bold;
   margin-left: 0;
}

ul.rightmenu li a:visited, ul.rightmenu li a {
   text-decoration: none;
   color: #000
}

ul.rightmenu li a:hover {
   text-decoration: underline;
   color: #000
}

ul.rightmenu li, ul.rightmenu li a {
   margin-bottom: 0.5em;
}

ul.rightmenu ul li {
   color: #000;
}

.rightmenu ul li {
   padding-left: 1em;
   list-style: none;
   color: #000;
   font-size: 12px;
   font-weight: bold;
   margin-left: -16px;
   background: #f7f7f7 url('../images/nav-bullet-right.gif') 0 0.4em no-repeat;
}

.rightmenu ul li a, .rightmenu ul li a:visited {
   list-style: none;
   background-color: #f7f7f7;
   color: #000;
}

.rightmenu ul li a:hover {
   text-decoration: underline;
   color: #000;
}

/* FOOTER AREA */
.footerArea {
   width: 810px;
   margin-right: auto;
   margin-left: auto;
   margin-top: -54px;
   height: 10px;
   position: absolute;
   bottom: 0;
}

.copyright {
   margin-top: -11px;
   padding-top: 10px;
   padding-right: 5px;
   color: #000;
   font-size: 11px;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   text-align: right;
   vertical-align: text-bottom;
}

.footermenu {
   display: none;
}

.experienceimage {
   margin-left: 40px;
   margin-top: 10px;

}

.experiencetext {
   margin-right: 40px;
   margin-top: 20px;
   float: right;
   text-align: left;
}

.courses {
   text-align: left;
   padding-left: 100px;
}

.papers a {
   color: #000;
}

.papers a:visited {
   color: #000
}

.papers a:hover {
   color: #36C
}

.cap {
   font-size: smaller;
}

ul.sitemap a:visited, ul.sitemap ul li a:visited,
ul.sitemap a, ul.sitemap ul li a,
ul.sitemap a:link, ul.sitemap ul li a:link {
   background-color: #F7F7F7;
   text-decoration: none;
   color: #000;
   font-size: 14px;
}

ul.sitemap a:hover, ul.sitemap ul li a:hover {
   background-color: #F7F7F7;
   text-decoration: underline;
   color: #000;
   font-size: 14px;
}

.project {
   font-size: 16px;
   color: #000;
   letter-spacing: 0.15em;
   text-align: center;
   font-weight: bold;
   border-bottom: solid 2px #000;
   padding-top: 5px;
}