body 
	{
	background-color: #333333;
	padding: 0;
	min-width: 550px;
	}

div#container
	{
	padding-left:  150px;   /* LC width */
	padding-right: 200px;   /* RC width */
	font-family: verdana;
	color: white;
	}
	
	
/** See http://www.gerd-riesselmann.net/development/the-holy-grail-css-layout-fix-for-ie7
    for this ie7 fix **/
	
#container > #left 
	{
left: -150px; /* -LC width for others */
margin-left: expression(document.all.center.offsetWidth * -1); /* Fix for IE7 */
    }
	
div#bio
{
	width: 310px;
	clear: both;
	float: left;
	margin-top: 60px;
	margin-right: 40px;
	
}

div#biopart2
{
width: 310 px;
clear: both;
float: left;

}



div#center
	{
  width: 100%;
	}

div#header
	{
	width: 100%;
	float: left;	
	}

div#image 
	{
	/* The following centers a single image in the container */
	margin-left: auto;
	margin-right: auto;
	padding: 10px 5px 10px 5px;
	font-family: verdana;
	color: white;
	}

div#singleimage 
	{
	/* The following centers a single image in the container */
	margin-left: auto;
	margin-right: auto;
	padding: 50px 5px 10px 5px;
	font-family: verdana;
	color: white;
	}

div#left
	{
  width: 150px;  /* LC width */
  margin-left: -100%;
  left:  200px;
  margin-top: 120px;
  padding: 0px 0px 0px 5px;
	}

div#right
	{
  width: 200px;  /* RC width */
  margin-right: -205px;
  margin-top: 120px;
	}
	
div#quote
	{
  width: 200px;  /* RC width */
  margin-right: -205px;
  margin-top: 60px;
	}

div#footer
	{
  clear: both;
	}

#container .column
	{
  float: left;
  position: relative;
	}
	
	/*CLASSES     */
	
	
.hebe
	{
	width: 400px;
	text-align: justify;
	font-size: 14px
	}
	
.poem
	{
	font-size: 14px;
	}


.leftlow
	{
  padding-top: 50px;
	}

.home
	{
  padding-top: 50px;
	}

	
/* The following fixed the purple ie6 borders */
img
	{
		border-width: 0;
		padding: 2px;
	}
	
h1
	{
	font-size: small;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: verdana;
	}
	
#group
	{
	font-size: small;
	text-align: center;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: verdana;
	color: #999999;
	}

#moddate
{
	font-size: x-small;
	font-family: verdana;;
	color: gray;
}
	
h2
	{
	font-size: small;
	font-style: italic;
	text-align: right;
	padding: 75px 10px 0px 5px;
	font-family: verdana;
	color:#999999;
	}

h3
	{
	font-size: 10pt;
	margin-top: 10px;
	padding: 0px;
	border: 0px;
	text-align:center;
	color: gray;
	}

p#statement
	{
	float: left;
	margin-top: 30px;
	margin-bottom: 40px;
	text-align: left;
	font-size: 14px;
	font-style: italic;
	}
	
img#leftimg
	{
	float: left;
	}
	
#bionarrative
{
float: right;
margin-top: 60px;
text-align: left;
font-size: 14px;
}

ul.bio
{
text-align: left;
}

	
p.head
	{	
	color: gray;
	text-align: center;
	font-family: verdana;
	font-size: 20pt;
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	}

p.foot
	{	
	color: gray;
	text-align: center;
	font-family: verdana;
	font-size: 30pt;
	font-weight:normal;
	padding: 20px 0px 0px 0px;
	margin-top: 100px;
	}

p.image
	{
	color: gray;
	text-align: center;
	font-family: verdana;
	font-size: 10pt;
	font-weight:normal;
	padding: 10px 0px 0px 0px;	
	}
	
#rightnav
	{
	margin-top: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

a:link 
	{ 
	color: gray;
	text-decoration: none;
	}
a:visited 
	{ 
	color: gray;
	text-decoration: none;
	}
a:hover 
	{ 
	color: gray;
	background-color:#888888;
	text-decoration: none;
	font-weight: bold;
	color: black;
	}
a:active 
	{ 
	color: gray;
	}
	
/* The following centers the image in the column */
/*See http://www.w3.org/Style/Examples/007/center#block */

.centeredImage
    {
    text-align:center;
    margin-top:20px;
    margin-bottom:0px;
    padding:0px;
	font-size: 16px;
    }
    
.left
	{
	text-align: left;
	}
    
/*Next section for content anchors (such as thumbnails) when using master page AEVMasterPage1.aspx */

#center a:link
	{ 
	color: #333333;
	}
	
#center a:visited 
	{ 
	color: #333333;
	}
	
#center a:hover 
	{ 
	color: #333333;
	background-color:#888888;
	}
	
#center a:active 
	{ 
	color: #333333;
	}

/* Links for the gallery page */
#galleries a:link
	{ 
	color: gray;
	text-decoration:none;
	}
	
#galleries a:visited 
	{ 
	color: gray;
	}
	
#galleries a:hover 
	{ 
	background-color:#888888;
	text-decoration: none;
	font-weight: bold;
	color: black;
	}
	
#galleries a:active 
	{ 
	color: gray;
	}
	
/* Links for the bio page */
#bio a:link
	{ 
	color: gray;
	text-decoration:none;
	}
	
#bio a:visited 
	{ 
	color: gray;
	}
	
#bio a:hover 
	{ 
	background-color:#888888;
	text-decoration: none;
	font-weight: bold;
	color: black;
	}
	
#bio a:active 
	{ 
	color: gray;
	}	
	
/* Next section for the Thumbnail pages */
div#col1
	{
	width: 33%;
	float: left;
	margin-top: 0px;
	margin-left: 0;
	margin-right: 0;
	padding: 0px 0px 0px 0px;
	}

div#col2
	{
	width: 33%;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	}

div#col3
	{
	width: 33%;
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
	}

p.thumb
	{
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

h1.thumb
	{
	font-size:x-small;
	font-style:normal;
	font-family: verdana;	
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: gray;
	}

/*** IE6 Fix ***/
/*** From http://www.alistapart.com/articles/holygrail ***/
* html #left {
  left: 200px;           /* RC width */

/*** This is the zoom fix for IE6 ***/
* html #left { margin-left: 0; height: 1%; }