/*
 * The inspiration for this CSS comes from the work of haran@wiredcity.com.au
 * At the time of development, it was available at:
 * http://www.oswd.org/design/xxx/purplehaze/index.html 
 * Most of the modifications are mine. They come from playing around with CSS
 * and from my *artsy* side, which decides to pick up sometimes.
 * Sanjeev Dwivedi (2003)
 */

BODY 
{ 
	color: black; 
	background: white; 
}

A:link
{ 
	color: Teal; 
	background: White; 
}

A:visited 
{ 
	color: Blue;
	background: White;
}		

A:active
{ 
	color: Red;
	background: White;
}

IMG.image-left-align
{
	float: left;
	margin-left: 5px;	   
}

/*
 * Image with captions starts here: Hints from
 * http://www.w3.org/Style/Examples/007/figures.html
 */
div.figure 
{
  float: right;
  width: 25%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center
}

div.figure-left
{
  float: left;
  width: 25%;
  border: thin silver solid;
  margin: 2px;
  padding: 2px;
  text-align: center
}
div.figure-right
{
  float: right;
  width: 308px;
  border: thin silver solid;
  margin: 2px;
  padding: 2px;
  text-align: center
}

div.figure-home-right
{
  float: right;
  width: 210px;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center
}
/*200x174: This was the size of my small pic that I wanted on the web page:
 *I set the figure-home-right to this width*/
p.caption 
{
  font-style: italic;
  font-size: smaller;
}
img.scaled 
{
	width: 100%;
}
/*Image with captions ends here*/
.sideBox 
{ 
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-left: 2px solid;
  border-right: 2px solid;
  width: 10em;
  margin-top: 20px;
}

.topBox 
{ 
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-left: 2px solid;
  border-right: 2px solid;
  width: 50em;
  margin-top: 20px;
  margin-left: 12em;
  margin-bottom: 10px;
}
.LHS
{
  margin-left: 2.5mm;
  float: left;
  clear: left;
}

#header 
{
  border-bottom: 2px solid;
  height: 3.5em;
  margin-bottom: 5mm;
  padding: 1em 2.5mm 0 5mm;
}

.headerTitle 
{
  font-size: 150%;
}

/*
H1.headerTitle
{
  font-size: 150%;
}
*/
.headerLinks 
{
  text-align: right;
}

.headerLinks * 
{
  text-decoration: none;
  /*font-weight: bold;*/
  padding-right: 1ex;
}

.headerLinks a:hover {
		  text-decoration: underline;
}


h1, h2, h3 {
		  font-family: "trebuchet ms", tahoma, sans-serif;
}

/*some monkey technique to shift the bio field down*/
h1.bio
{
	  font-weight: bold;
	  font-size: 120%;
	  margin-top: 6em;
	  border-bottom: 1px solid;
	  padding-bottom: 0.5ex;
}

/*generalized h1 tag*/
h1.general-new-section
{
	  font-weight: bold;
	  font-size: 120%;
	  border-bottom: 1px solid;
	  padding-bottom: 0.5ex;
}