body { 
             margin: 8px;  
             font-size: .9em ; 
             font-family: verdana, helvetica, arial, sans-serif ; 
			 background: #663399 url(images/backgd.gif) repeat;
             }

img.top   { padding-right: 10px ; }

img.gallery     { border: 1px solid #663399 ; 
                  margin-top: 5px ; 
						text-align: center ;
						}

span.right	{
			border: 1px solid #9e9e9e;
			margin: 5px -50px 5px 25px ;
			float: right ;
			clear: none ;
			top: 140px ;
			left: 570px ;
}

div.right	{
	float: right ;
	width: 20% ;
	padding: 10px ;
	border: 2px dotted #dedede ;
}

div.right table	{ padding: 0 ;
				      margin-left: -15px ;
				      }

div.left		{
	float: left ;
	width: 70% ;
	padding: 5px 10px ;
	clear: none;
	/* Next line for testing */
	/*background-color: red ;*/
}

div.gallery    { text-align: center ; 
                  }                  

#container	{
	background-color: #fff ;
	color: inherit;
	position: relative;
	margin: 0 15% ;
	border: 1px solid #D8BFD8;
	width: 710px ;
}
						
#main { float: left; 
        padding: 5px; 
		  width: 700px ;
        /*next line for testing*/
		  background-color: #fff ;
		  color: inherit ;
        border: 1px solid #D8BFD8;
         } 

#main form label	{
		vertical-align: top;
		}
		
#main form textarea	{
	vertical-align: bottom;
}

:focus	{
			background-color: #feff77;
		}
		
         
#top  { width: 694px;
        padding: 8px; 
        /*next line for testing*/
        border: 1px solid #D8BFD8 ; 
        background-color: #fff ;
		  color: inherit;
    }

div#nav  {
	margin: 5px 10px ;
	padding: 5px ;
	text-align: center ;
}

div#nav a {
	background-color : #F8F8F8;
	padding: 3px 20px;
	border: 1px solid #663399;
	text-decoration: none;
	color: Black;
	font-weight: bold;
	}
 
div#nav a:hover {
	background-color : #fff ;
	padding: 3px 20px;
	border: 1px solid #663399;
	text-decoration: underline;
	color: #663399;
	font-weight: bold;
	}

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

#announce	{
	margin-top: 3em ;
	border-top: 1px dashed #52287D ;
	border-bottom: 1px dashed #52287D ;
	padding: 20px ;
}

#announce img	{
	float: left;
	padding: 0 20px 20px 0 ;
}

#announce p	{
	font-size: .9em ;
	font-style: italic;
}

#footer { 
          width: 680px ;
          background-color: #639 ;
          color: white ;
          border: 1px solid black ;
          padding: 8px ; 
          text-align: center;
          font-size: .75em ;
          font-style: italic ;
			 clear: both ;
           }

#footer a {
	background-color : inherit;
	text-decoration: none;
	color: white;
	font-weight: bold;
	}
 
#footer a:hover {
	background-color : inherit ;
	text-decoration: underline;
	color: white;
	font-weight: bold;
	}

h1      { margin: 0px ;
          font-size: 18px ;
          /*font-weight: bold ;*/
          color: white ;
          background-color: #639 ;
          padding: 10px ; 
          letter-spacing: 1.5px ;
          border: 1px solid black ; }

h2      { margin: 0px ;
          font-size: 14px ;
          font-weight: bold ;
          background-color: #96c ;
          color: white ;
          padding: 5px ; }

h2#bio	{ margin: 5px 0 ;
	  padding: 3px ;
	  color: #4E2677;
	  background-color: #fff ;
	  font-size: 1.5em ;
	  font-weight: bold ;
	  letter-spacing: 5px ;
	  border: 1px solid #cdcdcd ;
	  }
	  
p.header	{font-weight: bold ;
		margin: 6px 0 0 5px ;
		}
		
p.detailhead	{
	margin: 0 ;
}

p.details	{
	margin: 0 5px 10px 10px ;
	font-size: .9em ;
}
		
ul.details	{margin: 3px 0 0 0 ;	}

h3      { 
          font-size: 12px ;
          font-weight: bold ; }

    .photo   { font-size: 10px ;
                color: black ;
                font-weight: bold ;
                /*font-family: verdana, helvetica, Arial, sans-serif ;*/
                letter-spacing: 2px ;  
                text-align: center ;
                margin-top: 3px ; }

    p.current { background-color: #639 ; 
                color: #FFF ; }

    p.indent  { padding-left: 20px ; 
                margin-top: -1em ;
                line-height: 1.5em ;}

      .underline { font-decoration: underline ; }

      .bold      { font-weight: bold ; }

      .center    { text-align: center ; }

      .links     { margin-top: 1em ; 
                   font-weight: bold ; 
                   margin-left: 15px ; }
                   
      .alignr    { text-align: right ; }
      
      .alignl    { text-align: left ; }             

    ul        { font-size: 100% ;
                color: black ;
                font-family: verdana, helvetica, Arial, sans-serif ; 
                list-style-type: circle ; }

	
                
                
    table        { /*Use next line for testing*/
                   /*border: 2px solid orange ;*/
                   width: 100% ; 
                   font-size: .95em ; 
                   margin-top: 10px ;}
                   
    td        { vertical-align: top ; 
                padding: 5px ;
                line-height: 1.5em ; } 
                 
    
    th        { padding: 5px ;
                color: #639 ;
                border: 1px solid #639 ; }
                

     /* Pseudo Classes */

        a:link, a:visited, a:active
                   { color: #52287D;
                     text-decoration: underline ; 
                     font-weight: bold ; }

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