body {	font-family: arial, sans-serif;
		font-size: 12pt;
       	color: black;
       	margin: 0px; /* center */
       	padding: 10px;
       	background-color: #CCCCCC;
       	text-align: center; /* center */ }

body h1 { margin: 0px 0px 5px 0px;
          font-size: 10pt; }

body h2 { margin-top: 0;
          font-size: 12pt; }

/* link properties */

a { font-size: 12pt;
    font-weight: bold; 
    text-decoration: none; }

a:link, a:visited, a:active { color: blue; }

a:hover { color: gray; }

a.fine { font-size: 8pt;
           font-weight: bold; 
           text-decoration: none; }

.fine8 {	font-family: arial, sans-serif;
			font-size: 8pt;
           font-weight: none; 
           text-decoration: none; 
		}

a.title {  font-size: 16pt;
           font-weight: bold; 
           text-decoration: none; }

/* navigation bar link properties */

a.navbar { font-size: 10pt;
           font-weight: bold; 
           text-decoration: none;
           float: left;
           width: 125px;
           padding: 5px 5px; }

a.navbar:link, a.navbar:visited, a.navbar:active { color: purpple }

a.navbar:hover { color: white;
                 background-color: #666666; }

/* unnnumbered list properties */

ul.navbar { float: left;
            width: 130px;
            margin: 0px;
            padding: 0px;
            list-style-type: none; }

li { margin-bottom: 1em;
     display: block;
     list-style-type: none; }

/* people page list properties */

ul.people { float: left;
            width: 460px;
            margin: 0px 0px 10px 0px;
            padding: 0px;
            list-style-type: none; }

li.gray1 { margin: 0px;
           padding: 5px 5px;
           background-color: #313131; }

li.gray2 { margin: 0px;
           padding: 5px 5px;
           background-color: #121212 }

/* publications page list properties */

ul.publications { float: left;
                  width: 460px;
                  margin: 0px;
                  padding: 0px;
                  list-style-type: none; }

/* main webpage layout */
div.container { width: 1000px;
				/*height: 600px;*/
                margin: 0px auto;
                padding: 0px;
                line-height: 125%;
				text-align: left;
                /* background-color: #121212;                
                border: 1px solid; */ }

/* left column - content for two column pages */
div.leftcol { float: left;
              width: 153px;
			  /* height: 600px;*/
              margin: 0px 0px 0px 0px;
              padding: 0px;
	          text-align: justify; 
              clear: none;
			  /* background-color: #00FF00;
           		border: 1px solid; */ }

/* right column - content for two column pages */
div.rightcol { float: left;
               width: 847px;
			   /*height: 600px;*/
               margin: 0px 0px 0px 0px;
               padding: 0px;
               text-align: justify; 
               clear: none;
			    /* background-color: #FF0000;
          		 border: 1px solid; */ }

div.rightheader { width: 847px;
	         /*height: 100px;*/
             margin: 0px;
             padding: 0px 0px 0px 0px;
             clear: left;
			 /* background-color: #0000FF;
          	border: 1px solid; */ }
			
div.rightmid { float: left;
               width: 847px;
			   height: 545px;
               margin: 0px 0px 0px 0px;
               padding: 0px;
               text-align: justify; 
               clear: left;
			   }

div.content { float: left;
               width: 694px;
			   height: 545px;
               margin: 0px 0px 0px 0px;
               padding: 0px;
               text-align: justify; 
               clear: none;
			   background-image:url(../images/barry_middle.jpg);
			   }

div.movie { float: none;
               /*width: 320px;
			   height: 256px;*/
               margin: 0px 0px 0px 0px;
               padding: 0px;
			   vertical-align:middle;
               text-align: center; 
               clear: none;
			   }

div.rightright { float: left;
               width: 153px;
			   height: 545px;
               margin: 0px 0px 0px 0px;
               padding: 0px;
               text-align: justify; 
               clear: none;
			   }

/* footer division */
div.rightfooter { width: 847px;
	         /*height: 100px;*/
             margin: 0px 0px 0px 0px;
             padding: 0px;
             clear: left;
			 /* background-color: #FFFF00;
          	border: 1px solid; */ }

/* footer division */
div.footer { width: 1000px;
	     	 height: 30px;*/
             margin: 0px;
			 text-align:center;
             padding: 0px;
             clear: left;
			 /* background-color: #FFFFFF;
             border: 1px solid; */ }

/* footer division */
div.footer2 { width: 1000px;
	     	 height: 105px;*/
             margin: 0px;
			 text-align:center;
             padding: 0px;
             clear: left;
			 /* background-color: #FFFFFF;
             border: 1px solid; */ }


/* image composition for home page */
div.imgmap { float: left;
             width: 460px;
             height: 180px;
             margin: 20px 0px 0px 0px;
             padding: 0px;
             clear: right; }

/* header banner */
/* 
div.header { background: url(images/header.jpg) no-repeat;
	     width: 650px;
	     height: 85px;
             margin: 0px;
             padding: 0px;
             clear: left; }
*/
/* contact information */
div.contact { /* float: left; */
              width: 130px;
	      	  margin: 20px 20px 0px 0px;
              padding: 0px 0px 5px 0px;
	          font-size: 8pt;
	          text-align: right;
              clear: left;
           /* border: 1px solid; */ }

/* credit division */
div.credit { width: 650px;
	     /*height: 150px;*/
             margin: 0px 0px 0px -10px;
             padding: 0px 0px 2px 0px;
             font-size: 8pt;
             text-align: right;
             clear: left;
          /* border: 1px solid; */ }

/* navigation bar */
div.navbar { float: left;
             width: 130px;
             margin: 100px 20px 100px 0px;
             padding: 0px;
	         text-align: right;
             clear: none;
          /* border: 1px solid; */ }

/* content for single column pages */
div.content2 { float: left;
              width: 460px;
	          margin: 20px 0px 0px 0px;
              padding: 0px;
	          text-align: left;
              clear: none;
           /* border: 1px solid; */ }



.homeimg { border: 0px solid;
	   width: 115px;
	   height: 180px; }

div.news { float: left;
           width: 220px;
           margin: 0px 0px 0px 0px;
           clear: none; }

div.newsimg { float: left;
              width: 85px;
              /*height: 118px;*/ }

/* research - figures and captions */
div.prj { float: left;
          width: 460px; 
          margin: 0px 0px 5px 0px;
          clear: none; }

div.prjimg { float: left;
             width: 105px;
             height: 105px; }

img.prjimg { width: 95px;
             height: 95px;
             border: 0px solid; }

span.fake { display: none; }

/* research - figures and captions */
div.gm { float: left;
         width: 460px; 
         margin: 0px 0px 5px 0px;
         clear: none; }

div.gmpic { float: left;
            width: 105px;
            height: 105px; }

img.gmpic { width: 95px;
            height: 95px;
            border: 0px solid; }

/* other images */
img { border: 0px; }

/* gallery layout */
#preview { width: 460px;
           /*height: 460px;*/
           margin: 20px 0px 0px 0px;
           padding: 0px;
           text-align: center;
           clear: none;
        /* border: 1px solid; */ }

#caption { width: 460px;
           margin: 5px 0px 20px 0px;
           padding: 0px;
           text-align: center;
           clear: none;
        /* border: 1px solid; */ }

div.thumbnails { float: left;
                 width: 460px;
                 margin: 0;
                 padding: 0px;
                 text-align: center;
                 clear: none;
              /* border: 1px solid; */ }

/* empty division */
div.empty { width: 650px;
            margin: 0px;
            padding: 0px;
            text-align: left;
            clear: none;
         /* border: 1px solid; */ }