/* Mast head is simulation of top frame */

#mastHead{ position: fixed;
           top: 0px;
           left: 140px;
           right: 0px;
           height: 89px;
           z-index: 1;
           background-color: #228B22;
           padding: 5px;
          }

/* Link Index is the simulation of left index/browsing frame */
#linkIndex{ position: fixed;
           left: 0px;
           top: 0px;
           width: 132px;
           padding: 0px;
           background-color: blue;
           }

#contentsBox{ position: relative;
           margin-top: 0px;
           margin-left: 140px;
           padding: 0px 5px;
           }

#contentsMast{ position: relative;
           margin-top: 0px;
           margin-left: 140px;
           padding: 0px 5px;
           }

/* for internet explorer */
* html body {
  padding:10px 200px 0 0; 
  }
* html #contents {
  height:100%; 
  width:100%; 
  }

h1,h2,h3,h4
{
font-family: "Lucida Calligraphy", arial, 'sans serif'; 
text-align: center;
margin:0;
padding:0;
}


h5,h6
{
font-family: "Lucida Calligraphy", arial, 'sans serif'; 
text-align: left;
margin:0;
padding:0;
}

h1,h3,hr
{
color:aqua;
}

h1
{
font-size:34px;
}

h2
{
color:#ffd700;
font-size:28px;
}

h3
{
font-size:22px;
}

h4
{font-family: "Calisto MT", arial, 'sans serif'; 
font-size:18px;
color:#01c164;
}

h5
{
color:#FF4500;
font-size:28px;
}

h6
{
color:#ffd700;
font-size:24px;
}

body,table,address
{
font-family: "Calisto MT", arial, 'sans serif'; 
text-align:center;
color:aqua;
margin-left: 5px;
}

li
{
font-family: "Calisto MT", arial, 'sans serif'; 
text-align:left;
color:aqua;
margin-left: 5px;
}

body
{
background-color: #228B22;
}

p
{
font-family: "Calisto MT", arial, 'sans serif'; 
text-align: left;
color:aqua;
font-size:16px;
margin-left: 5px;
}

table
{
margin-left: auto; margin-right: auto;
border-color: #FFD700;
border-width: thin;
border-style: ridge;
padding: 4px;
}

td
{
margin-left: auto; margin-right: auto;
border-color: #9400D3;
border-width: thick;
border-style: ridge;
padding: 4px;
}

th
{
margin-left: auto; margin-right: auto;
border-color: #00008B;
background-color: #483D8B;
border-width: thick;
border-style: ridge;
padding: 4px;
}

tr
{
vertical-align:top;
}

th,td
{
font-size: 100%;
}

.annonce
{
font-size:20px;
text-align: center;
color:blue;
}

.button
{
font-family: "Calisto MT", arial, 'sans serif'; 
font-size:12px;
border-color:#00FFFF;
border-width: thick;
border-style: ridge;
background-color: #63c6de;
}

.caption
{
font-family: "Calisto MT", arial, 'sans serif'; 
font-size:22px;
}

.charhead
{
font-family: "Calisto MT", arial, 'sans serif'; 
text-align: left;
color:#ffd700;
font-size:22px;
margin-left: 5px;
}

.copyr
{
text-align: center;
font-family:"Times New Roman";
color:black;
font-size:10px;
margin:0;
padding:0;
}

.date
{
font-family: "Calisto MT", arial, 'sans serif'; 
text-align:left;
color:yellow;
font-size:18px;
}

.info
{
font-family: "Lucida Calligraphy", arial, 'sans serif'; 
font-size:28px;
color:#cc66ff;
}

.sp01
{
font-family: "Lucida Calligraphy", arial, 'sans serif'; 
text-align: center;
color:#9400D3;
font-size:18px;
margin:0;
padding:0;
}

.update
{
font-family: "Arial", arial, 'sans serif'; 
font-size:28px;
font-weight: bold;
font-style: italic;
}

.superscript { vertical-align: super; font-size: smaller }

.status
{
font-family: "Calisto MT", arial, 'sans serif'; 
text-align:center;
color:blue;
margin-left: 5px;
background-color: #def3bd;
}

a:link     {color:#6EFFB6;text-decoration:underline}
a:visited  {color:#6EFFB6;text-decoration:underline}
a:active   {color:#008080;text-decoration:underline}
a:hover    {background:#CCFFFF;color:#228B22;text-decoration:none}

a.park:link     {color:#D0C0F5;text-decoration:none}
a.park:visited  {color:#3500AD;text-decoration:none}
a.park:active   {color:#008080;text-decoration:none}
a.park:hover    {background:#CCFFFF;color:#228B22;text-decoration:none}

a.club:link     {color:#E6E6FA;text-decoration:none}
a.club:visited  {color:#E6E6FA;text-decoration:none}
a.club:active   {color:#B0C4DE;text-decoration:none}
a.club:hover    {background:#4B0082;color:#FFFAFA;text-decoration:none}

a.cdex:link     {color:yellow;text-decoration:none}
a.cdex:visited  {color:yellow;text-decoration:none}
a.cdex:active   {color:#9ACD32;text-decoration:none}
a.cdex:hover    {background:#00008B;color:#E6E6FA;text-decoration:none}

a.but:link {color:blue;text-decoration:none}
a.but:visited {color:blue;text-decoration:none}
a.but:active {color:#00008B;text-decoration:none}
a.but:hover {background:blue;color:#FFD700;text-decoration:none}

a.log:link     {background:blue;color:yellow;text-decoration:underline}
a.log:visited  {background:blue;color:yellow;text-decoration:underline}
a.log:active   {background:blue;color:#00008B;text-decoration:underline}
a.log:hover    {background:red;color:#FFD700;text-decoration:none}

a img {border: none; }


/* band name */
.band
{
font-family: "Calisto MT", arial, 'sans serif'; 
text-align: left;
font-size: 16px;
font-weight:bold;
color:#DC143C;
}

/* venue */
.venue
{
font-family: "Times New Roman", arial, 'sans serif'; 
text-align: left;
font-size: 14px;
color:#228B22;
}
a.bnd:link {color:#821DCF;font-weight:bold;text-decoration:none}
a.bnd:visited {color:#821DCF;font-weight:bold;text-decoration:none}
a.bnd:active {color:red;font-weight:bold;}
a.bnd:hover {background:#9400D3;color:#00FF00;font-weight:bold;text-decoration:none}

a.venu:link {color:#D0C0F5;text-decoration:none}
a.venu:visited {color:#D0C0F5;text-decoration:none}
a.venu:active {color:red}
a.venu:hover {background:#9400D3;color:#00FF00;text-decoration:none}