/* Basic Formatting stuff */
html{}
body {text-align: center; margin: 0;padding: 0; font-family: arial, helvetica, sans-serif; font-size: 76%; color: #000; 
background-color: #cde3f5;}
form {padding: 0; margin: 0}
a {color:#000;text-decoration: underline;}
a:visited {color:#000;text-decoration: underline;}
a:hover {color:#000;text-decoration: underline;}
a:active {color:#000;text-decoration: underline;}
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica,sans-serif;padding:0;font-weight:normal;margin:0}
h1{color:#2b388f;font-size: 1.8em; font-weight: bold;margin-bottom:.5em; }
h2 {font-size: 1.4em;margin-bottom:.5em; color: #2b388f; font-weight: bold;}
h3 {font-size: 1.2em; margin-bottom:.2em; color: #2b388f; font-weight: bold;}
h4 {font-size: 1em;margin-bottom:.2em; color: #2b388f; font-weight: bold;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}
p, ul, li {font-size:1em}
img, ul, li, #nav {margin: 0;padding: 0;border-width:0}
p {margin:0 0 .5em 0}
#contentLeft ul {margin-bottom:1em}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#pageOutline  {  background:  url(../images/bkgd.jpg) repeat-y left top;text-align: left; margin-left: auto; margin-right: auto;  background-color: #ffffff;  width: 748px;padding:0 16px}
#nav {height:30px; border-top:1px solid #999; border-bottom:1px solid #999; background:  url(../images/bkgd_nav.jpg) repeat-x left top;}
#nav ul {}
#nav li {float:left; list-style-type:none; line-height:30px; padding:0; width:105px;color:#fff; border-right:1px solid #999; text-align:center}
#nav li.on {background-color:#cce8fd; color:#000}
#nav li.last {border-right:none; width:112px}
#nav a {color:#fff; text-decoration:none; line-height:30px; display:block; height:1%}
#nav a:hover {color:#000;background-color:#cce8fd;}
#contentLeft {float:left;width:428px;  margin: 0;padding: 50px 10px 30px 34px;}
#contentRight {float:left;width:246px; background-color:#cce8fd; margin: 0;padding: 50px 10px 30px 20px;}
#contentRight ul {margin-bottom:.5em}
#contentWrapper ul li.pdf {list-style-type:none;background:  url(../images/pdf.gif) no-repeat left top;padding-left:20px;margin-left:-2px; min-height:16px}
#contentWrapper ul li.ppt {list-style-type:none;background:  url(../images/ppt.gif) no-repeat left top;padding-left:20px;margin-left:-2px; min-height:16px}
#contentWrapper ul li.word {list-style-type:none;background:  url(../images/word.gif) no-repeat left top;padding-left:20px;margin-left:-2px; min-height:16px}

.inside #contentLeft {float:left;width:502px;  margin: 0;padding: 10px 10px 30px 10px;}
.inside #contentRight {float:left;width:206px; background-color:#cce8fd; margin: 0;padding: 10px 10px 10px 10px;}

#footer {background:  url(../images/divider.jpg) no-repeat left top; height:70px; padding-top:40px; font-size:1em}
#footer p {text-align:center;padding:0 0 .5em 0; margin:0; font-size:.9em}
#footer a {text-decoration:none}
#footer a:hover {text-decoration:underline}
#hero {background:  url(../images/divider.jpg) no-repeat left bottom;padding:0 0 7px 0}
#contentWrapper ul li {margin-left:16px;_margin-left:20px}

.thumbWrapper {margin-left:0; margin-bottom:10px}
.thumbPic {float:left; margin-right:10px}
.thumbPic img.pic {padding:2px; border:1px solid #999}
.thumbPic img.temp {padding:2px; border:1px solid #fff}
.thumbCopy {float:left;margin-right:10px; color:#000; width:160px}
.thumbCopy h3 {font-size:1.1em;color:#000; margin:0}
.thumbCopy p {font-size:.9em;}

.bioWrapper {margin-left:0; margin-bottom:10px}
.bioPic {float:left; margin-right:10px}
.bioPic img.pic {padding:2px; border:1px solid #999}
.bioCopy {float:left;margin-right:10px; color:#000; width:320px}
.bioWrapper h1 {margin:0 0 0 0}
.bioWrapper h4 {font-size:1em; margin:0 0 .5em 0}

#dropdown {position:relative}
#drop {margin:1em 0 0 0;background: url(../images/bkgd_dropdown.gif) no-repeat top left; list-style-type:none}
#drop li {margin: 0;display: block;}
#drop li.off ul{display: none;position: absolute;top: 21px;_top: 21px;background-color:#fff;height: auto;left: 0;_left:-20px;margin:0 5px 10px 0; width:194px;}
#home #drop li.off ul{width:234px;}
#drop li a, #drop li a:link, #drop li a:visited, #drop li a:hover {display: block;padding: 2px 0;text-decoration:none}
#drop li.off a, #drop li.off a:link, #drop li.over a, #drop li.over a:link, #drop li.over a:visited, #drop li.over a:hover {color:#000;  height:15px}
#drop li ul {border-right:1px solid #a7a8a9; border-left:1px solid #a7a8a9; border-bottom:1px solid #a7a8a9; background-color:#fff;}
#drop li.off ul a {border: 0;color: #000;width: auto;margin-right: 15px;}
#drop li.off:hover ul, #drop li.over ul {display: block;z-index: 6000;list-style-type:none}
#drop li ul li:hover a:link, #drop li ul li.over a:link, #drop li ul li.over a:hover {background: #fdfcfb;color: #000;text-decoration:underline}
#drop li.off, #drop li.over {height:21px}
#drop li.over a:hover {text-decoration:underline; }