body {  
    background-color:#FFF;
    color:#036;
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 0.8em;  
    margin: 0px;
    padding: 0px;
    height: 100%;
}



h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0px 0px 0.5em 0px; padding: 0px}
h1 {font-size: 2em;} 
h2 {font-size: 1.2em; font-weight: bold; margin: 0x 0px 24px 0px;} 
h3 {font-size: 1.2em; font-weight: bold; margin: 32px 0px 0px 0px;}
h4 {font-size: 1.1em; font-weight: bold; margin: 12px 0px 4px 0px;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.9em;}

a { color:#3399CC; text-decoration: none;  } 
a:link { text-decoration: none;}
a:visited { color:#3399CC; }
a:hover { text-decoration: underline; color: #3399CC;} 
a:active { text-decoration: none;} 
a:visited:hover { text-decoration: underline; }

img, a img, :link img, :visited img {border: none;}

hr { border: none; background-color: #CCC; color: #CCC; height: 1px;}

#pagecontainer {
     position: relative;
     width: 100%;
     text-align: left;
     background-color: #FFF;
     height: 100%;
}

#header { margin: 0px 0px 0px 172px; height: 77px; border-bottom: 1px #8FABE3 solid; }

#leftnav {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 172px;
padding: 0px;
background: url(images/NavBG.jpg) repeat-x top left;
}

/*#leftnav ul {list-style-position:outside; list-style-type: none; margin-left: 28px; padding: 0px; }*/
/*#leftnav ul a{ color:#006; font-weight: bold; line-height: 160%; margin: 8px; }*/
/*#leftnav ul a:hover{ color:#fff; text-decoration:none; list-style:url(images/NavArrow.gif); }*/

#navgraphic {top: 268px; position: absolute;}

#contentcontainer { margin: 0px 12px 0px 180px; padding: 12px 0px 0px 12px; background-color: #FFF; }

.content {}


#pagetitle {font-size:1.4em; font-weight:bold; margin: 0px; padding: 0px; color:#339900; }


.bodyquote {margin: 0px 36px 0px 36px; color: #666;}

.imageright {float:right; margin: 0px 24px 12px 12px;}

#footer {color: #999; font-size: 0.9em; margin: 6px 0px 0px 0px; }

.clearboth {clear:both;}

.Downloads {width: 200px; float:right; border: 1px solid #CCC; margin-left: 22px; padding: 6px; }

.picturediv { padding: 6px; clear: both;}
.picture { float:left; border: 1px solid #CCC; margin:10px; padding: 6px;}

.captionedpicture {clear: both; float:left; border: 1px solid #CCC; margin:10px; padding: 6px;}
.captionedpicture p { padding: 6px 0 0 0; margin:0 ; text-align: center;}


table { margin-top: 20px; width:600px;}
table tr td { padding-left: 5px;}
table tr.bold {font-weight: bold;}
table caption {margin-top: 20px;}

/*bio page hack*/
#naysan{margin-left:46px;}
#antony{margin-left:29px;}
#daniella{margin-left:50px;}
#laurence{margin-left:27px;}
#jim{margin-left:57px;}