/* <STYLE TYPE="text/css" MEDIA=screen> */
/* W3C compliant 17-NOV-2001 */
/* CSS Document */
/* Look 'n Feel */

html
{
  background: #f3f3f3 url(images/bg_opaque.jpg) no-repeat fixed top left;
}

/* Elements */

A
{
  font-size:9pt;
  font-weight:bold;
  color:blue;
  background-color:transparent;
  text-decoration:none;
}

A:hover
{
  color:green;
}

A.externallink:visited
{
  text-decoration:line-through;
}

BODY
{
/*
  width:770;
  height:560;
*/
  font-size:10pt;
  color:maroon;
  text-align:center;
/*
  border:1px solid red;
  overflow:hidden;
*/
/*
scrollbar-face-color:#75EA00;
scrollbar-arrow-color:brown;
scrollbar-track-color:#EEEEEE;
scrollbar-shadow-color:'';
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-color:'';
*/
}

DIV
{
}

FORM
{
  margin:2px 2px 2px 2px;
}

H1 /* Page Header */
{
  font-size:34pt;
  letter-spacing:5px;
  text-align:center;
}

H2 /* Sub Header */
{
  color:red;
  font-size:24pt;
  letter-spacing:3px;
  text-align:center;
}

H3 /* Sub Sub Header */
{
  font-size:15pt;
  letter-spacing:1px;
  text-align:left;
}

H4 /* Sub Sub Sub Header */
{
  font-size:14pt;
  text-align:center;
  margin:0;
  padding:0;
}

H5 /* Sub Sub Sub Sub Header */
{
  font-size:12pt;
  text-align:center;
}

HR
{
  width:70%;
  color:red;
}

IFRAME.lister
{
  width:98%;
  border:2px inset green;
  background:transparent;
  text-align:left;
}

#dlist
{
  height:410px;
}

#dancelist
{
  text-align:left;
}
#plist
{
  height:380px;
}

#viewport
{
  height:410px;
}

IMG
{
  border:none;
}

IMG.photo
{
  border:5px solid white;
}

IMG.dancephoto
{
  height:276px;
  width:368px;
  border:5px inset white;
}

IMG.mugshot
{
  height:70px;
  width:70px;
  border:3px solid white;
  margin-left:10px;
  margin-right:10px
  margin-top:0px;
  margin-bottom:-5px;
}

IMG.bigpicture
{
  height:140px;
  width:140px;
  border:5px solid white;
  float:right;
}

LI
{
  list-style-type:none;
}

P
{
  text-align:left;
  margin:4px 0 5px 0;
}

  /* Classes */

.red
{
  color:red;
}
.b_red
{
  border:2px solid red;
}

.b_white
{
  border:1px solid white;
}

.b_blue
{
 border:2px solid blue;
}

.contact
{
  font-size:9pt;
  color:blue;
}

.dancenotes
{
  font-size:8pt;
  text-align:left;
  margin:5px;
}

.dancelist
{
  color:red;
  text-align:left;
  margin:10px;
}

.hilite
{
  font-size:10pt;
}

.hilite:hover
{
  background:yellow;
}

.linkwidth
{
  width:33%;
  float:left;
  text-align:left;
}

.footnote
{
  font-size:9pt;
  text-align:right;
  color:green;
}

.gallery
{
  width:33%;
  font-size:9pt;
  text-align:center;
  vertical-align:bottom;
  float:left;
}

.righttaligned
{
  text-align:left;
}

.leftaligned
{
  text-align:left;
}

.centred
{
  text-align:center;
}

.floatleft
{
  float:left;
}

.floatright
{
  float:right;
}

.floatclearleft
{
  float:left;
  clear:left;
}

.floatclearright
{
  float:right;
  clear:right;
}

.insetleft
{
  font-size:9pt;
  text-align:center;
  color:black;
  padding:0px 8px 4px 8px;
  float:left;
}

.insetright
{
  font-size:9pt;
  text-align:center;
  color:black;
  padding:0px 8px 4px 8px;
  float:right;
}

.middle
{
 vertical-align:middle;
}

.spacer
{
  font-size:1px;
  clear: both;
}

li.navigation
{
  width:16%;
  text-align:center;
  vertical-align:middle;
  float:left;
}

li.navigation A:hover
{
  font-size:11pt;
}

ul.headings
{
  width:99%;
  color:white;
  background:green;
  font-weight:bold;
}

.headings li
{
  float:left;
}
.scroller
{
  font-size:12pt;
  font-weight:bold;
  color:green;
  text-align:center;
  background-color:transparent;
  border:none;
}

.viewport
{
  visibility:hidden;
  position:absolute;
  top:150px;
  left:420px;
  font-size:8pt;
  text-align:left;
  margin:4px 4px 4px 4px;
  padding:4px 4px 4px 4px;
}

  /* IDs */

#floater
{
  height:400px;
  width:405px;
  text-align:center;
  margin-right:5px;
  float:left;
  clear:left;
}

#navbar
{
  width:100%;
  text-align:center;
}

#gigs h4
{
  color:green;
}

#gigs tr.oddrow
{
  text-align:left;
  background:yellow;
}

#gigs tr.evenrow
{
  text-align:left;
  background:white;
}