h1
{
font-family: Eras, Arial, Verdana,  Helvetica , sans-serif;
font-size: 15px;
Text-align: center;
background-color: black;
color: red;
font-weight: bold;
line-height: 20px;
margin-bottom: 0px; 
} 


h2
{
Text-align: center;
font-family: Arial,  Verdana, Helvetica , sans-serif;
font-size: 12px;
line-height: 12.5px;
margin-bottom: 1px;
margin-top: 1px;
background-color: #AAB0BB;
color: black;
font-weight: bold;
}

h3
{
font-family: Arial, Verdana,  Helvetica , sans-serif;
font-size: 14px;
Text-align: left;
background-color: transparent;
color: black; 
margin-bottom: 0px; 
margin-right: 5px;
margin-left: 5px;

}

h4 
{
font-family: Arial, Verdana,  Helvetica , sans-serif;
font-size: 12px;
Text-align: left;
background-color: transparent;
color: white; 
margin-bottom: 0px; 
margin-top: 0px;
}


h5
{
font-family: Bauhaus, Arial, Verdana,   Helvetica , sans-serif;
font-size: 17px;
Text-align: center;
background-color: black;
color: red;
font-weight: bold;
line-height: 20px;
margin-bottom: 0px; 
} 

h6
{
Text-align: left;
font-family: Arial,  Verdana, Helvetica , sans-serif;
font-size: 12px;
line-height: 0px;
margin-bottom: 1px;
margin-top: 1px;
background-color: transparent;
color: black;
font-weight: bold;
margin-left: 5px;
}

p 
{
font-family:  Arial, Verdana, Helvetica , sans-serif;
font-size: 12px;
Text-align: left;
background-color: transparent;
color: black;
line-height: 16.5px;
margin-right: 5px;
margin-left: 5px;
}

ul {
list-style-type: square;
font-family:  Arial, Verdana, Helvetica , sans-serif;
font-size: 12px;
Text-align: left;
background-color: transparent;
color: black;
line-height: 16.5px;

}




/* ------------------------------------ Normal text links  -----------------------*/

a:link.text
{ 
text-decoration: underline;
font-weight: normal;
font-size: 12px;

text-indent: 5px;
font-family: Arial, Verdana, Helvetica , sans-serif;
color: white; 
background-color: transparent;
}

a:visited.text
{ 
font-weight: normal;
font-size: 12px;


font-family: Arial, Verdana, Helvetica , sans-serif;
color: white; 
background-color: transparent;
}

a:hover.text
{ 
text-decoration: none;
font-weight: normal;
font-size: 12px;

font-family: Arial, Verdana, Helvetica , sans-serif;
color: #083194; 
background-color: transparent;
} 

a:active.text
{ 
font-weight: normal;
font-size: 12px;

font-family: Arial, Verdana, Helvetica , sans-serif;
color: white; 
background-color: transparent;

}


/* ------------------------------------ Links for navigation bar top -----------------------*/

a:link 
{
text-decoration: underline; 
font-weight: bold;
font-size: 12px;

font-family: Arial, Verdana, Helvetica, sans-serif;
color: white; 
background-color: transparent;

}

a:visited 
{ 
font-weight: bold;
font-size: 12px;

font-family: Arial, Verdana, Helvetica, sans-serif;
color: black; 
background-color: transparent;
}

a:hover 
{ 
text-decoration: none;
font-weight: bold;
font-size: 12px;

font-family: Arial, Verdana, Helvetica , sans-serif;
color: red; 
background-color: transparent;
} 

a:active 
{ 
font-weight: bold;
font-size: 12px;

font-family: Arial, Verdana, Helvetica , sans-serif;
color: black; 
background-color: transparent;

}



/* ------------------------------------ Normal main links (home, websites, gallery)  -----------------------*/

a:link.main
{
text-decoration: underline; 
font-weight: bold;
font-size: 12px;

font-family: Arial, Verdana, Helvetica, sans-serif;
color: white; 
background-color: black;

}

a:visited.main
{ 
font-weight: bold;
font-size: 12px;

font-family: Arial, Verdana, Helvetica, sans-serif;
color: #AAB0BB; 
background-color: black;
}

a:hover.main 
{ 
text-decoration: none;
font-weight: bold;
font-size: 12px;

font-family: Arial, Verdana, Helvetica , sans-serif;
color: red; 
background-color: black;
} 

a:active.main 
{ 
font-weight: bold;
font-size: 12px;

font-family: Arial, Verdana, Helvetica , sans-serif;
color: white; 
background-color: black;

}



/* ------------------------------------ Links to view larger images -----------------------*/

a:link.larger-image
{ 
text-decoration: underline;
font-weight: normal;
font-size: 10px;
Text-align: right;
text-indent: 5px;
font-family: Verdana, Arial, Helvetica , sans-serif;
color: blue; 
background-color: transparent;
}

a:visited.larger-image 
{ 
font-weight: normal;
font-size: 10px;
Text-align: right;
text-indent: 5px;
font-family: Verdana, Arial, Helvetica , sans-serif;
color: blue; 
background-color: transparent;
}

a:hover.larger-image
{ 
text-decoration: none;
font-weight: normal;
font-size: 10px;
Text-align: right;
text-indent: 5px;
font-family: Verdana, Arial, Helvetica , sans-serif;
color: #083194; 
background-color: transparent;
} 

a:active.larger-image
{ 
font-weight: normal;
font-size: 10px;
Text-align: right;
text-indent: 5px;
font-family: Verdana, Arial, Helvetica , sans-serif;
color: blue; 
background-color: transparent;

}



/* ------------------------------------ Blue text links (normal inside paragraphs on white) -----------------------*/

a:link.norm

{ 
text-decoration: underline;
font-weight: normal;
font-size: 12px;
text-indent: 5px;
font-family: Arial, Verdana, Helvetica , sans-serif;
color: blue; 
background-color: transparent;
}

a:visited.norm
{ 
font-weight: normal;
font-size: 12px;
font-family: Arial, Verdana, Helvetica , sans-serif;
color: blue; 
background-color: transparent;
}

a:hover.norm
{ 
text-decoration: none;
font-weight: normal;
font-size: 12px;

font-family: Arial, Verdana, Helvetica , sans-serif;
color: #083194; 
background-color: transparent;
} 

a:active.norm
{ 
font-weight: normal;
font-size: 12px;

font-family: Arial, Verdana, Helvetica , sans-serif;
color: blue; 
background-color: transparent;

}





/* -------------------------------------------CLASSES----------------------------------- */


.dropcap 	{	font: bold 160% chicago, charcoal, verdana, Arial, Helvetica , sans-serif; background-color: purple; color: yellow;	} 



.purplebg	{	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: white; background-color: purple; text-align: center;	}

				 /* The following class is for warnings */
.important { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: black; background-color: yellow }


  				   /* The following class is for quotes */
.quote { font-family: Georgia, Bookman Old Style, Times, Times New Roman, serif; font-size: 12px; font-style: normal; text-align: left; color: #616161; }

				 /* The following class is for names after quotes */
.endquote { font-family: Georgia, Bookman Old Style, Times, serif; font-size: 12px; font-style: italic; text-align: right; color: black; }


				/* The following class is for notice this information> */
.look { font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: blue; background-color: transparent; text-align: left; font-style: italic;}


    			  /* The following class is for contact information  */
.info { font-family: Helvetica, sans-serif; font-size: 9px; text-align: right; font-weight: normal;}

				 
				  /* The following class is for larger contact information  */
.infobig { font-family: Helvetica, sans-serif; font-size: 12px; text-align: left; font-weight: bold;}


				
			 /* The following class is for the copyright info  */
.copyinfo { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: black}

				/* The following class is for centering text */
.center { text-align: center }
 
 				/* The following class is for important asteric */
.ast { font-weight: normal; color: white; text-align: center;}

 				/* The following class is for strong words */
.strong { font-weight: bold; color: maroon; text-align: center; }


 				
.red { font-weight: normal; color: white; background-color: black }

.blue { font-weight: normal; color: blue;  }

.bio { color: #E8E8E8;  }

.dropDown 
{ 
padding-left:6px; text-align:left; background-color:black; margin-top:5px; margin-bottom:0px
}

.copyright
{
font-size: 8pt; text-align: right; line-height:9pt
}

.p2
{
color: #E8E8E8; line-height: 12px; margin-top: 0px; margin-bottom: 0px; text-align:center;
}



/* --------------------------------------------ID's	----------------------------------*/

#order {
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
background-color: #99CCFF;
position: relative;


border-bottom: 1px #625b66 solid;

border-top: 1px #625b66 solid;
}

#order p {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 1px;

}



#border {
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;


border-left: 1px black solid;
border-bottom: 1px black solid;
border-right: 1px black solid;
border-top: 1px black solid;

}


#borderHotLink {
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;


border-left: 2px blue solid;
border-bottom: 2px blue solid;
border-right: 2px blue solid;
border-top: 2px blue solid;

}

#border2 {

border-left: 1px #625b66 solid;

border-right: 1px #625b66 solid;
border-top: 1px #625b66 solid;

}





#main-content {
margin-right: 12px;
margin-left: 17%;
background-color: white;
position: relative;
z-index: 5;
border-left: 1px #625b66 solid;
border-bottom: 1px #625b66 solid;
border-right: 1px #625b66 solid;
border-top: 1px #625b66 solid;
}

body.toc #main-content {
background-color: #f3f1f4;
}

#main-content p {
padding-left: 1.5em;
padding-right: 1.5em;
line-height: 1.6em;
}

#main-content H3 {
border-bottom: 1px #625b66 solid;
}

#main-content ul {
padding-left: 2.5em;
}

#main-content ol {
padding-left: 2.5em;
}

#main-content li {
line-height: 1.6em;
}

#main-content a:link {
text-decoration: none;
color: #49444c;
background-color: #cfd7e6;
}

#main-content a:visited {
text-decoration: none;
background-color: #cfd7e6;
color: #49444c;
}

#main-content a:hover {
text-decoration: none;
background-color: #21425a;
color: #ffffff;
}