/* First, we will set up some nice decorations */
    /* This sets up the line that appears below the header */
    h1 { border-bottom: medium solid; }
    /* The next rule sets of the line that appears above the footer. 
    Notice the ".xxx" syntax which matches the "class" attribute.
    See the bottom of the file to see what I mean. */
    .footer { border-top: thin solid; }
    
    /* Next, the colours: */
    body { background: white; color: black; } /* main page */
    :link { background: transparent; color: blue; } /* unvisited links */
    :visited { background: transparent; color: purple; } /* visited links */
    :link:hover, :visited:hover, :link:active, :visited:active
      { background: transparent; color: red; } /* active links */
    /* The next line sets the colour of the main header */
    h1 { background: transparent; color: #032F56; border-color: #000000; }
    h2 { background: transparent; color: #006600; border-color: #000000; }
    /* And the following line sets the colour of the "definition terms".
    See the content below for more information. */
    dt { background: transparent; color: #006600; }

	h3.pubs { background: transparent;
	font-weight: bold;
	color: #000000;
	padding: 0em;
	border: 1em;
	margin: 0em;
	}

	h2.pubs { text-align: center; }

    /* The paddings and margins */
    /* So that the footer doesn't look squashed up, we give it some padding.
    The "em" units are relative to the font size of the element. The first
    number refers to the top and bottom padding, the second to the right and
    left padding. */
    .footer { padding: 0.1em 0.2em; }
    dt { margin-top: 0.5em; }

    /* Next we'll set the fonts */
    body { font-family: Verdana, Arial, sans-serif; }
    h1 { font-weight: 100; letter-spacing: 0.3em; }
    h2 { font-weight: 100; }
    dt { font-weight: bold; display: run-in; }
    .footer { font-size: smaller; font-style: italic; }

ul li.publications { margin: 0.5em 0 0.5em 0 ;
	font-size: 90% }

    /* Finally, if you add a picture, we'll just make sure it floats
    to the right of the page */
    p.mainpage img { float: right; }

	table.gallery { border-spacing: 15px;
	text-align : center ;}

pre.com { font-size: 100% ;}

td.directory {  background: transparent;
	     color: #006600;
	     margin-top: 0.5em;
	     padding-right: 20px;
	     padding-bottom: 4px;
	     vertical-align: top;
	width: 20%;}

td.pubs {background: transparent;
	     color: #006600;
	     margin-top: 0em;
	     padding-right: 10px;
	     padding-bottom: 0px;
	     vertical-align: top;}

table.gs tr.done {background: #dddddd;}

table.gs td {background: transparent;
	     margin-top: 0em;
	     padding-right: 15px;
	     padding-bottom: 0px;
	     vertical-align: top;}

table.gs2 td {background: transparent;
	     margin-top: 0em;
	     padding-right: 15px;
	     padding-bottom: 0px;
	     vertical-align: top;}

table.gs col {width: 12em;}

table.gs td.gshead  {background: transparent;
	     color: #006600;
	     margin-top: 0em;
	     padding-right: 10px;
	     padding-bottom: 0px;
	     vertical-align: top;
    border-bottom-width: 2px;
    border-top-width: 0em;
    border-left-width: 0em;
    border-right-width: 0em;
    border-style: solid;}

table.gs2 td.gshead  {background: transparent;
	     color: #006600;
	     margin-top: 0em;
	     padding-right: 10px;
	     padding-bottom: 0px;
	     vertical-align: top;
    border-bottom-width: 2px;
    border-top-width: 0em;
    border-left-width: 0em;
    border-right-width: 0em;
    border-style: solid;}


td.rating {background: transparent;
	     color: #ff0000;
	     margin-top: 0em;
	     vertical-align: top;
	     font-weight: bold;
	     font-size: larger;}

p.smalltype { font-size: smaller ;}