/* Do not steal this file!  I created this whilst I was teaching myself css; it's astronomically far from optimal.  If you want good css, the kind that doesn't break and will impress others, go steal it from someone who knows what's she's doing.  You've been warned! */





A.trail:link    {font-family: arial; font-size: 14pt; font-weight: 900; color: #cc0000; text-decoration: none; line-height: 200%; }

A.trail:visited {font-family: arial; font-size: 14pt; font-weight: 900; color: #cc0000; text-decoration: none; line-height: 200%; }

A.trail:hover   {font-family: arial; font-size: 14pt; font-weight: 900; color: #0000ff; text-decoration: underline; line-height: 200%; }

A.trail:active  {font-family: arial; font-size: 14pt; font-weight: 900; color: #00ff00; text-decoration: none; line-height: 200%; }

A.bar:link    { color: #ffffff; text-decoration: none; font-size: 9pt; }
A.bar:visited { color: #ffffff; text-decoration: none; font-size: 9pt; }
A.bar:hover   { color: #8ccfb7; text-decoration: none; font-size: 9pt; }
A.bar:active  { color: #8ccfb7; text-decoration: none; font-size: 9pt; }


A:link    { color: #499A8B; text-decoration: none }
A:visited { color: #499a8b; text-decoration: none }
A:hover   { color: #8ccfb7; text-decoration: none }
A:active  { color: #8ccfb7; text-decoration: none }



body  
{ 
font-size: 9pt; color: #0000aa; font-family: verdana, arial, sans-serif;
font-weight: 400; 
}


h1 {margin:10px 0px 20px 0px; color: #cc0000; font-family: verdana, arial, sans-serif;}

h2 {margin:10px 0px 10px 0px; color: #cc0000; font-family: verdana, arial, sans-serif;}

h3, { color: #cc0000; font-family: verdana, arial, sans-serif; } 

.g2  {background-image: url("images/grad2.jpg"); margin: 15px 0px; }

.g1  {background-image: url("images/grad1.jpg"); margin-bottom: 15px; }

.red  { color: #cc0000; }

.r1  { margin:10px 80px 10px 0px; font-size: 12pt; font-weight: 900;}

.white    { color: #ffffff; }

.dot {margin-right: 29px; margin-bottom: 2px; margin-left: 29px; }

.preload { position:absolute; bottom: 0px; visibility: hidden; /* this class allows browser to preload likely upcoming images before they are needed, so the user doesn't need to wait for them to load when the next page is called */ } 




.floatleft { float: left;}
.floatright {float: right;}
.clearboth { clear: both;}




.boxstand
{
/* border: 1px solid green; */
/* background-color: #eee; */
width: 700px;
padding: 10px; 20px; 10px; 20px;/* top, right, bottom, left */

}

#container
{
width: 740px;
margin:  auto; 
color: #0000aa; 
line-height: 130%;
background-color: #ffffff; 
/* border: solid gray; 
border-width:1px; */ 
}

#header
{
/* background-color: #fff; */
}

#nav
{ 
background-image: url("images/tealwater.jpg"); width: 840px; 
padding-top: 2px; padding-bottom: 2px; margin-bottom: 10px; 
/* font-weight: bold; */ text-indent: 30px; 
/* colors from green bar include: 42857b,3e847a,4ca090,4fa38c,549e8f */
}

#leftnav
{
width: 160px; 
margin: 0;
background-color: #feffd6;
border-style: dotted;
border-color: #ccd697;
border-width: 3px;  
}

#top
{
background-color: #fff;
/* border-bottom: 1px solid gray; */

}

#bot 
{
clear: both; 
background-image: url("images/tealwater.jpg"); 
width: 840px;
height: 1.3em; 
padding-top: 2px; padding-bottom: 2px;
text-indent: 5px;
/* margin-top: 20px; */
margin-bottom: 20px; 
/* border: 1px solid blue; */ 
}