body
{
margin:0px; 
padding:0px;
color:#99cccc; 
background-color:#330033;
font-family:arial,helvetica,sans-serif;
font-size:12pt; 
font-weight:normal;
text-align:center;
}

a:link    {color: #ff66ff; text-decoration: none; outline:none;}
a:visited {color: #ffccff; text-decoration: none; outline:none;}
a:hover   {color: #ffffff; text-decoration: none; outline:none;}
a:active  {color: #ff0000; text-decoration: none; outline:none;}



@font-face {
  font-family: "dali";
  src: url("dali____.ttf");
  }


div.a-inline {
  font-family: dali;
  font-size: 42px;
  display: inline;
  }

div.a {
  font-family: dali;
  font-size: 42px;
  }

div.a-left {
  font-family: dali;
  font-size: 42px;
  text-align: left;
  }

div.b-inline { 
  font-family: dali;
  font-size: 30px;
  display: inline;
  }

div.b { 
  font-family: dali;
  font-size: 30px;
  }

div.b-left { 
  font-family: dali;
  font-size: 30px;
  text-align: left;
  }

.corners
{
border-radius:1px;
}


div.map-heading
{
font-family:arial,helvetica,sans-serif;
font-size:30pt;
font-weight:bold;
font-style:italic;
color:#cccccc;
}

div.map-text
{
font-family:arial,helvetica,sans-serif;
font-size:12pt;
font-weight:bold;
color:#cccccc;
}

.form-text
{
font-family:arial,helvetica,sans-serif;
font-size:12pt;
font-weight:bold;
color:#cccccc;
}

div.calendar-heading
{
font-family:arial,helvetica,sans-serif;
font-size:30pt;
font-weight:bold;
font-style:italic;
color:#cccccc;
}

div.description-heading
{
font-family:arial,helvetica,sans-serif;
font-size:20pt;
font-weight:bold;
font-style:italic;
color:#cccccc;
}


div.form-heading
{
font-family:arial,helvetica,sans-serif;
font-size:15pt;
font-weight:bold;
font-style:italic;
color:#cccccc;
}

td
{
border-style:solid;
border-width:0px;
border-color:white;
}

td.spacer
{
width:0px;
}

td.left
{
width:400px;
}

td.center
{
width:300px;
}

td.right
{
width:0px;
}

table.center
{
margin-left:auto; margin-right:auto;
}


#container	{width:790px;

		 margin:15px auto; padding:0px;

		 text-align:center;

		 overflow:hidden;}

#text-container	{width:790px;

		 margin:0px auto; padding:0px;

		 text-align:left;}


h2		{margin:0px; padding:15px 0px;

		 font-size:15pt; font-weight:bold; font-style:italic;}


img		{border:0px;}

p, ul, li	{text-align:left;} 
/* default for <ul> - overridden below for menus */


p		{text-indent:20px;}


.menutop	{width:790px;}
.menubot	{width:790px;}
.menuhome	{width:154px;}
.menuback	{width:154px;}


.menutop, .menubot, .menuhome, .menuback
		{margin:10px auto; padding:0px;
		 text-align:center;
		 list-style:none;}

.menutop li
		{width:154px; height:16px;
		 margin:0px auto; padding:2px;
		 text-align:center;
		 background-color:transparent;
		 color:#cccccc; font-size:14px; font-weight:bold;
		 float:left;}

.menubot li
		{width:125px; height:16px;
		 margin:0px auto; padding:2px;
		 text-align:center;
		 background-color:transparent;
		 color:#cccccc; font-size:14px; font-weight:bold;
		 float:left;}

.menuhome li, .menuback li
		{width:130px; height:16px;
		 margin:0px auto; padding:2px;
		 text-align:center;
		 background-color:transparent;
		 color:#cccccc; font-size:18px; font-weight:bold;
		 float:left;}


.menutop li a, .menubot li a .menuback li a, .menuhome li a
			{display:block;}
.menutop li a:link	{color:#99cccc; border:0px solid #0000ff;}
.menutop li a:visited	{color:#99cccc; border:0px solid #0000ff;}
.menutop li a:hover	{color:#999999; border:0px solid #ff6600;}
.menutop li a:active	{color:#99cccc; border:0px solid #0000ff;}

.menubot li a:link	{color:#ff6600; border:0px solid #0000ff;}
.menubot li a:visited	{color:#ff6600; border:0px solid #0000ff;}
.menubot li a:hover	{color:#993300; border:0px solid #ff6600;}
.menubot li a:active	{color:#ff6600; border:0px solid #0000ff;}

.menuback li a:link	{color:#ff6600; border:0px solid #0000ff;}
.menuback li a:visited	{color:#ff6600; border:0px solid #0000ff;}
.menuback li a:hover	{color:#993300; border:0px solid #ff6600;}
.menuback li a:active	{color:#ff6600; border:0px solid #0000ff;}

.menuhome li a:link	{color:#ff6600; border:0px solid #0000ff;}
.menuhome li a:visited	{color:#ff6600; border:0px solid #0000ff;}
.menuhome li a:hover	{color:#993300; border:0px solid #ff6600;}
.menuhome li a:active	{color:#ff6600; border:0px solid #0000ff;}



#dynloadarea, #dynloadarea2, #dynloadarea3
		{width:440px; height:300px;
		 margin:0px; padding:0px;
		 float:left;}

#dynloadarea img, #dynloadarea2 img, #dynloadarea3 img 
		{width:440px; height:300px;
		 margin:0px 0px 2px 0px; padding:0px;}

#dynloadthumbs, #dynloadthumbs2, #dynloadthumbs3
		{width:330px; height:300px;
		 margin:0px; padding:0px;
		 float:left; overflow:hidden;}

#dynloadthumbs img, #dynloadthumbs2 img, #dynloadthumbs3 img
		{width:108px; height:99px;
		 margin:0px 0px 2px 2px; padding:0px;
		 float:left;}

.headerimage	{text-align:left; margin:20px 0px;}







/* contact form */

.form		{width:788px;

		 margin:30px auto; padding:0px;

		 border:1px solid #99cccc;

		 font-size:16px; font-weight:bold; text-align:left;}

  #col1		{width:260px; margin:0px; padding:0px; float:left;}

  #col1 div	{width:240px; height:20px;

		 margin:10px; padding:0px;}

  #col1 .label	{width:90px; height:20px;

		 margin:0px; padding:0px;

		 line-height:20px;

		 float:left;}

  #col1 .field	{width:150px; height:20px;

		 margin:0px; padding:0px;

		 float:left;}

  #col1 .field input

		{width:148px; height:18px;

		 margin:0px; padding:1px;

		 border:0px;

		 line-height:18px;}

  #col2		{width:168px; margin:0px; padding:0px; float:left;}

  #col2 div	{width:148px; height:20px;

		 margin:10px; padding:0px;}

  #col2 .label	{width:118px; height:20px;
/* width was 108px  */

		 margin:0px; padding:0px;

		 line-height:20px;

		 float:left;}

  #col2 .field	{width:30px; height:20px;

		 margin:0px; padding:0px;

		 float:left;}

  #col2 .field input

		{width:28px; height:18px;

		 margin:0px; padding:1px;

		 border:0px;

		 line-height:18px;}

  #col3		{width:360px; margin:0px; padding:0px; float:left;}

  #col3 div	{width:340px; height:20px;

		 margin:10px; padding:0px;}

  #col3 .field	{width:340px; height:20px;

		 margin:0px; padding:0px;

		 text-align:right; float:left;}

  #col3 .label	{width:340px; height:20px;

		 margin:0px; padding:0px;

		 line-height:20px;

		 float:left;}

  #col3 textarea{width:338px; height:138px;

		 margin:0px; padding:1px;

		 border:0px;}

  #col3 .button	{width:90px; height:20px;

		 margin:0px 5px; padding:0px;

		 background-color: #ff6633;

		 text-align:center;

		 line-height:20px;}

input, textarea	{font:bold 14px 'trebuchet ms',helvetica,sans-serif;

		 color:#330033; background-color:#99cccc;}





.clearit	{height:10px;

		 margin:0px; padding:0px;

		 clear:both;}



/* bottom buttons and logo */

#link-container {
  width: 900px;
  margin: auto;
}

#link-left {width:270px; float:left;}


#link-left div 
{width:270px; 
}

#link-middle {width:360px; float:left;}


#link-middle div 
{width:360px;
}


#link-right {width:270px; float:right;}


#link-right div 
{width:270px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

div.ruby
{
border-style:inset;
border-color:#ffff99;
border-width:8px;
height:385px;
width:300px;
}