body {
	background-color: white;
	font-family: Helvetica, Arial, Geneva;
	font-size:10pt;	
	margin: 0px;
	padding: 0px;
}

hr {
	width: 80%;
}

td.l {
  text-align: left;	  
  }
  
  img.border {
	border: 2;	  
  }

.centered{
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    margin-top: 50px;
} 

.topheading {
	 font: italic small-caps bold;
	 color: #993300;
	 font-size: 14pt;
	 font-family: Arial;
	 text-align: center;
}

.subheading {
	font: italic bold;
	color: #993300;
	text-align: justify;
	font-size: 9pt; 
	font-family: Arial;
	
}

.mainarea {
	border: 1px solid #000000;
	margin-left: 10%;
    margin-right: 10%;
}	

h1 {
  font-weight: bold;
  text-align: center;
  font-family: Helvetica, Arial, Geneva;
  }
  
  h2, h3 {
	  font-family: Times New Roman;
	  font-style: italic;
  }

div.topbar {
  border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: black;
	background-image: url(bar_bg.png);
	margin-top: .5em;
	padding-top: .25em;
	margin-bottom: 0em;
	float: left;
	width: 100%;
	clear: right;
}
div.topbar a.home { background-image: url(images/home.png); }
div.topbar a.home { background-image: url(images/home.png); }
div.topbar a.about { background-image: url(images/about.png); }
div.topbar a.programs { background-image: url(images/programs.png); }
div.topbar a.articles { background-image: url(images/articles.png); }
div.topbar a.gallery { background-image: url(images/gallery.png); }
div.topbar a.drawings { background-image: url(images/drawings.png); }
div.topbar a.network { background-image: url(images/network.png); }
div.topbar a.transformers { background-image: url(images/transformers.png); }
div.topbar a.books { background-image: url(images/books.png); }
div.topbar a.resume { background-image: url(images/resume.png); }

div.topbar ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
}
div.topbar a {
	float: left;
	min-width: 34px;
	margin-left: 1em;
	padding-top: 34px;
	/*border: 1px solid pink;*/
  background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	clear: both;
}
div.topbar li {
	/*border: 1px solid blue;*/
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}
div.topbar a:link { text-decoration: none; }
div.topbar a:active { text-decoration: none; }
div.topbar a:visited { text-decoration: none; }

div.tablebody table {
	width: 100%;
}
td, tr, table {
 /* border: 1px solid black; */
	margin: 0;
  padding: 0;
}

a { color: #5555aa; }
a:hover { color: #ff9400; }
a:visited { color: #676767; }

h3 { color: #000; font-size: 18px; }

div.float {
	margin: 0;
	margin-top: 1em;
	clear: left;
}
td.dot {
  float: left;
  padding-left: 1px;
  padding-right: 6px;
  border: 0;
}

div.tableborder {
  border: 0;
  height:8px;
  margin: 0;
}

div.tabletopic, p.tabletopic {
  background-color: #E2E2E2;
  text-align: left;
  border-style: solid;
  border-color: #a1a5a9;
  border-width: 0px 1px 1px 1px;
  padding: 0px 0px 4px 8px;
}

div.tablebody {
  background-color: white;
  text-align: left;
  border-style: solid;
  border-color: #a1a5a9;
  border-width: 0px 1px 0px 1px;
  padding: 5px;
}

div.floatleft { float: left; }
div.floatright { float: right; }

p.text { text-indent: 1em; margin: 0; margin-bottom: .25em; padding: 0;}

div.pagemiddle, div.footer {
	border: 1px solid white;
	/* MOZ BUG ^ Required */ 
	clear: both;
	padding: .75em;
	padding-top: 0;
	margin-bottom: -1px;
	background-color: white;
}

div.footer {
	padding: .25em 0 .25em 0;
	background-image: url(bar_bg.png);
	border: 1px solid #000;
	border-width: 1px 0 1px 0;
	margin-top :1em;
	width: 100%;
}

#navlist ul
{
margin: 0;
white-space: nowrap;
padding: 0;
background-image: url("images/home.png");
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a
{
padding: 1px 8px 1px 24px;
border: 1px solid #333;
background-color: #999;
background-image: url("images/home.png");
}

#navlist a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}

#navlist a:hover
{
border: 1px solid #333;
background-color: #999;
background-image: url(images/l1_over.gif);
color: #000;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #999;
background-image: url("images/home.png");
color: #000;
}