body {
    line-height: normal;
    font-size: 62.5%;
    padding-left: 5px;
    color: black;
	background: white;
	}
	
body, h0, h1, h2, h3, h4, p, ul {
	font-size: 62.5%;
	font-family: Arial, Verdana, sans-serif;
	}
	
p  { color: #333333; line-height: normal; font-size: .75em; margin-top: 0.5em}
.notebook  { font-size: .8em; text-align: left; font-family: "Arial", "Verdana", cursive; line-height: normal; margin-top: 0.5em}
.notebook-header  { font-style: normal; font-weight: normal; font-size: 1em; text-align: left; font-family: cursive,  "Arial", "Verdana"; line-height: normal; margin-top: 0.5em}
ul  { list-style-type: disc; line-height: normal; font-size: .75em; margin-top: 0.0em}
ul.disc  { list-style-type: disc; line-height: normal; font-size: .75em; margin-top: 0.0em}
ul.disci  { list-style-image: url(blackcircle.png); line-height: normal; font-size: 0.75em; margin-top: 0.0em}
ul.square  { list-style-type: square; line-height: normal; font-size: .75em; margin-top: 0.0em}
ul.squarei  { list-style-image: url(blacksquare.png); line-height: normal; font-size: .75em; margin-top: 0.0em}
ul.circle  { list-style-type: circle; line-height: normal; font-size: .75em; margin-top: 0.0em}
p.tool   { color: #333333; font-size: .50em; margin-top: 0.5em}
p.grey   { color: #333333; font-size: .75em; margin-top: 0.5em}
p.logos  { color: #333333; font-size: .50em; margin-top: 0.9em}
h0 { text-shadow: 1px 1px 2px #333333; text-decoration: none; font-size: 0.75em; color: #d03b3b; font-weight: normal ; margin-top: 0.0em}
h1 { text-shadow: 1px 1px 2px #333333; text-transform: uppercase; text-decoration: none; font-size: 1em; color: #d03b3b; font-weight: normal ; margin-top: 0.0em}
h2 { font-size: 1em; color: #226696; font-weight: normal ;}
h3 { font-size: .8em; color: #1e5a84; font-weight: bold   ; margin-top: 0.5em }
h4 { text-shadow: 1px 1px 2px #333333; text-decoration: none; font-size: 1.2em; color: #d03b3b; font-weight: normal ; margin-top: 0.0em}
	
	
a:visited {
    color: #3978ad;
	text-decoration: none
	}

a:link  {
        border-style: none;
        color: #316896;
        text-decoration: none;
	}

a:hover {
	color: #bf6617;
	text-decoration: none;
        }

p.names    {	 	 
	   color: #000088;
	   } 
	   
p.newref   {	 	 
	   color: #990000;
	   } 
	   	   
	   
p.new   {	 	 
	   display: block;	 	 
	   padding: 8px;	 	 
	   background-color: #fbe4b5;	 	 
	   font-weight: bold;	 	 
	   font-size: 75%;	 	 
	   color: #990000;
	   } 
	   	   
	   
em.red     {
            font-style: normal;
            font-weight: normal;
            color: #990000; 
	   }
td.sidebar-blue     {
	   	padding-bottom: 10px;
	   	border-left-width: 0px;
	   	border-bottom-width: 0px;
	   	border-right-width: 0px;
	   	border-top-width: 0px;
	   	padding-top: 10px;
	   	padding-right: 20px;
	   	padding-left: 20px;
	   	text-transform: none;
	   	margin-left: 0px;
	   	margin-bottom: 0px;
	   	margin-right: 0px;
	   	margin-top: 0px;
	   	background-color: #c2d8e4;
	   }
td.white-cell     {
	   	border-left-width: 0px;
	   	border-bottom-width: 0px;
	   	border-right-width: 0px;
	   	border-top-width: 0px;
	   	padding-top: 10px;
	   	padding-bottom: 10px;
	   	padding-right: 20px;
	   	padding-left: 20px;
	   	text-transform: none;
	   	margin-left: 0px;
	   	margin-bottom: 0px;
	   	margin-right: 0px;
	   	margin-top: 0px;
	   }
td.graph-cell     {
	   	background-image: url(graphics/graph-paper.png);
	   	background-repeat: repeat;
	   	border-left-width: 0px;
	   	border-bottom-width: 0px;
	   	border-right-width: 0px;
	   	border-top-width: 0px;
	   	padding-top: 10px;
	   	padding-bottom: 10px;
	   	padding-right: 20px;
	   	padding-left: 20px;
	   	text-transform: none;
	   	margin-left: 0px;
	   	margin-bottom: 0px;
	   	margin-right: 0px;
	   	margin-top: 0px;
	   }
td.thin-cell     {
	   	border-left-width: 0px;
	   	border-bottom-width: 0px;
	   	border-right-width: 0px;
	   	border-top-width: 0px;
	   	padding-top: 2px;
	   	padding-bottom: 2px;
	   	padding-right: 20px;
	   	padding-left: 20px;
	   	text-transform: none;
	   	margin-left: 0px;
	   	margin-bottom: 0px;
	   	margin-right: 0px;
	   	margin-top: 0px;
	   }
td.top-cell     {
	   	border-left-width: 0px;
	   	border-bottom-width: 0px;
	   	border-right-width: 0px;
	   	border-top-width: 0px;
	   	padding-right: 20px;
	   	padding-left: 20px;
	   	text-transform: none;
	   	margin-left: 0px;
	   	margin-bottom: 0px;
	   	margin-right: 0px;
	   	margin-top: 0px;
	   }
td.right-cell     {
	   	border-left-style: solid;
	   	border-left-color: #c4d7e2;
	   	margin-left: 0px;
	   	margin-bottom: 0px;
	   	margin-right: 0px;
	   	margin-top: 0px;
	   	border-left-width: 2px;
	   	border-right-width: 0px;
	   	background-color: white;
	   	padding-top: 10px;
	   	padding-bottom: 10px;
	   	padding-right: 20px;
	   	padding-left: 20px;
	   	text-transform: none;
	   }
p.link-desc     {
	   	font-style: italic;
	   	color: #333333;
	   	margin-top: -1em;
	   	font-size: .75em;
	   }
td.navbar     {
	   	background-color: #317096;
	   	border-right-color: #e6e6e6;
	   	border-left-style: solid;
	   	border-bottom-style: solid;
	   	border-right-style: solid;
	   	border-top-style: solid;
	   	margin-bottom: 0px;
	   	background-image: url(graphics/Shaded-bar-blue.png);
	   	height: 25px;
	   	border-left-width: 0px;
	   	border-bottom-width: 0px;
	   	border-right-width: 1px;
	   	border-top-width: 0px;
	   	width: auto;
	   	padding-left: 0px;
	   	padding-bottom: 4px;
	   	padding-right: 0px;
	   	padding-top: 0px;
	   	text-transform: none;
	   	margin-left: 0px;
	   	margin-right: 0px;
	   	margin-top: 0px;
	   }
div#navbar p {
	text-align: center;
	font-family: Arial, Verdana, sans-serif; 
	font-size: .7em; 
}

div#navbar a:link { 
    color: white;
    text-decoration: none
 }

div#navbar a:visited { 
    color: white;
    text-decoration: none
 }

div#navbar a:hover { 
    color: #f6be84;
    text-decoration: none 
 }

div#navbar a:active { 
    color: #fffb71;
    text-decoration: none 
 }

/* Code to remove borders from images - needed for Firefox at least */
a img {
    border: 0px;
}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:410px; margin:10px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:400px; height:200px; padding:2px; border:1px solid #ccc; background:#fff}
#information {position:absolute; bottom:0; width:400px; height:0; background:#fff; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=0)}
#information p {padding:0 8px 8px}
#image {width:400px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:220px; cursor:pointer; z-index:150}
#imgprev {left:0;  background:url(left.gif)  left  center no-repeat}
#imgnext {right:0; background:url(right.gif) right center no-repeat}
#imglink {position:absolute; height:100px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=0)}
#thumbnails {margin-top:10px}
#slideleft {float:left;   width:15px; height:50px; background:url(scroll-left.gif)  center center no-repeat; background-color:#ccc}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:15px; height:50px; background:url(scroll-right.gif) center center no-repeat; background-color:#ccc}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:370px; margin-left:5px; height:50px; overflow:hidden; padding:0px; border:1px solid #ccc}
#slider {position:absolute; left:0; height:50px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}