a:link {
text-decoration:none;
}

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



.logo
{

text-align: center;
}



h1
{
font-family: constantia;
font-weight: bold;
font-size: 35pt;
color: #f4d506;
text-decoration: underline;
text-align: center; 
}

h2
{
font-family: tempus sans ITC;
font-weight: bold;
font-size: 19pt;
color: #f4d506;
text-align: center; 
margin-right: 160px;
margin-left: 160px;
}


h3
{
font-family: papyrus;
font-weight: bold;
font-size: 20pt;
color: #ff0033;
text-align: center; 
padding: 40px 20px 10px 20px;


}

h4
{
font-family: arial;
font-weight: bold;
font-size: 10pt;
color: #000000;
text-align: center; 
text-decoration: none;
}

h5
{
font-family: comic sans ms;
font-weight: bold;
font-size: 18pt;
color: #000000;
text-align: center; 
text-decoration: none;
margin-left:350px;
margin-right:350px;

}

h6
{
font-family: constantia;
font-weight: bold;
font-size: 18pt;
color: #000000;
text-align: center;
}

h7
{
font-family: constantia;
font-weight: bold;
font-size: 18pt;
color: #000000;
text-align: center;
margin-left: 30px;

}

h8
{
font-family: constantia;
font-size: 14pt;
color: #00786f;
text-align: center;
margin-left: 30px;

}


h8
{
font-family: constantia;
font-size: 12pt;
color: #00786f;
font-weight:bold;
}



.text
{
font-family: constantia;
font-weight: bold;
font-size: 20pt;
color: #3366ff;
text-align: center; 

}

.navigation 
{
background: #D6B77D;
height: 30px;
width:590px;
text-align: center;
font-size: 16pt;
font-family:arial;
font-weight:bold;
color: #e85678;
padding-bottom: 5px;
position: absolute;
margin-left: 405px;


}

.navigation ul
{
list-style: none;
}

.navigation li
{
margin: 20px;
display: inline;
padding: 0px 20px;
}

.navigation a:hover {
color:#ffcc00;
font-weight:bold;
font-family:arial;

}

.navigation a:link {
color:#0000ff;
font-weight:bold;
font-family:arial;

}

.navigation a:active {
color:#0000ff;
font-weight:bold;
font-family:arial;

}

.navigation a:visited {
color:#0000ff;
font-weight:bold;
font-family:arial;

}

.secondnav
{
background: #D6B77D;
height: 20px;
width: 390px;
margin-left: 750px;
text-align: center;
font-size: 12pt;
font-family:arial;
font-weight:bold;
color: #e85678;
padding-bottom: 10px;
margin-left: 505px;

}

.secondnav ul
{
list-style: none;
list-style-position: outside;
}

.secondnav li
{
display: inline;
margin: 0 20px;

}

.secondnav a:hover {
color:#ffcc00;
font-weight:bold;
font-family:arial;
}

.secondnav a:link {
color:#0000ff;
font-weight:bold;
font-family:arial;
text-decoration: none;
}

.secondnav a:visited {
color:#0000ff;
font-weight:bold;
font-family:arial;
text-decoration: none;
}

.secondnav a:active {
color:#0000ff;
font-weight:bold;
font-family:arial;
text-decoration: none;
}



img.expand 
{ 
height: 450px; 
width: 350px; 
margin-right: 20px; 
margin-left: 20px; 
margin-bottom: 20px;
}

img.expand2 
{ 
height: 10px; 
width: 10px;
 margin-right: 0px; 
 margin-left: 40px;
 }
 
img.expand3 
{ 
height: 200px; 
width: 120px; 
/*
margin-top: 20px;
margin-right: 50px; 
margin-left: 30px; 
*/
}


ul#examples
{
margin:0 auto;
padding:0;
list-style-type:none;
font-family: constantia;
}

ul#examples li 
{
float: left;
}

ul#examples li p 
{
text-align: center;
margin: 0;
}

hr
{
color: #000000;
}

.refreshes
{
margin-top: 50px;
margin-left: 200px;
margin-right: 200px;
font-family: constantia;
font-weight: bold;
font-size: 18pt;
color: #000000;
text-align: center;
}

.box
{
width: 280px;
height: 250px;
}

.undertext
{
text-align: center;
font-weight: bold;
font-size: 10pt;
color: #f4d506;
font-family: tempus sans ITC;
}


.expic
{
width: 150px;
height: 150px;
margin-left: 5px;
margin-bottom: 10px;
}

.expic a:link
{
text-decoration: none;
}

.bottom
{
margin-left: 5px;
}