@charset "UTF-8";
/* CSS Document */
@import url('reset.css');
@import url('typography_r1.css');

body{ background-color:#FFFFFF;	margin: 0;padding: 0;text-align: center;}
h2{padding-left:10px; border-bottom: #CCCCCC 1px dotted;}
#container{width:1000px;background-color:#FFFFFF;margin: 0 auto;text-align:center; padding-top:20px;}
#content{margin: 0 auto;width:1000px; background-color:#FFFFFF; text-align:center;}
#mainNavBar{width:200px;text-align:right; float:left;}
#nameHeader{width:200px;padding-top:10px;}
#linkList{padding-left:50px; padding-top:20px; padding-bottom:10px;}

#indentText{padding-left:20px;}
#imageNavigation{padding:20px 0px 0px 0px; text-align:right;}
#imageArea{text-align:left; width:500px; float:left;padding-left:50px;}
.next{padding-left:30px;}
#slideShow{text-align:center; margin-left:-120px;}
#myPicture{margin:0 auto; padding-top:10px;}
#imageText{font-size:15px; font-color:#333333; text-align:right; padding-top:30px; border-top:#CCCCCC solid 1px;}

#resume, #biography, #statementFormat, #news{text-align:left; padding-top:22px; padding-left:50px; width:600px; float:left;}
#resume h1, #statementFormat h1, #news h1, #biography h1{padding-bottom:25px;}
#resume h2 {padding-left:20px; margin-bottom:5px;}
.downloadTextLink{padding-top:10px; border-top:#CCCCCC solid 1px; margin-bottom:10px;}
p.belowHeader{margin-top:7px;}

#statementImage{text-align:left;}
#tableFormat td{vertical-align:top; padding-bottom:10px;}
{text-align:left; padding-top:21px; padding-left:50px; width:400px; float:left;}

p.readStatement, p.backToGallery{padding-top:10px; border-top:#CCCCCC solid 1px; margin-bottom:10px;}
span.dates{width:300px; padding:0 10px 0 20px;
}

li span.locationTop{position:relative; top:0px; left:5px; padding:0 0 0 5px; margin:0 0 5px 0;}

<!--start the new thumbnail code-->
 /* general styling*/
* { margin: 0; padding: 0; }

/* begin gallery styling */
<!--#jgal { list-style: none; width: 400px; padding-top:570px; padding-left:240px;}
-->
#jgal { list-style: none; width: 400px;  position:relative; top:10px; left:0px;}


#jgal li { opacity: .6; float: left; display: block; width: 40px; height: 40px;  background-repeat:no-repeat; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #cccccc; margin-right: 10px; margin-bottom: 10px; }
#jgal li img { position: absolute; top: 10px; left: 400px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

#gallery { list-style: none; display: block;}
#gallery li { float: left; margin: 0 10px 10px 0; }



/*new slideshow thumbs*/
#thumbs{width:400px; position:absolute; bottom:10px; right:10px; text-align:left;}
.smallThumbs{width:30px; height:30px; padding:5px; border:1px solid #CCCCCC; background-color:#FFFFFF;}