/* CSS Style Sheet for Third Party Web-site */

/* zero out everything   */
* { margin: 0; padding: 0; background-color: black; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; font-weight: normal;
background-attachment: fixed;	
background-position: 0px 0px ;
color: silver;
text-align: center; /* for IE */
}

body > #sidebar { position: fixed; }

@font-face {
 font-family: ThirdPartyBand;
 src: url("Humanst521_BT_Roman1.eot") /* EOT file for IE */
}
@font-face {
 font-family: ThirdPartyBand;
 src: url("Humanst521_BT_Roman1.ttf") /* TTF file for CSS3 browsers */
}


h1 {color: #FFFFCC;   /* was #93B300;  */
border-bottom: 3px solid #FFFFCC;  /* was #93B300;  */
font-family: ThirdPartyBand, Arial, Helvetica, sans-serif;
font-size: 18pt; text-align: center; font-weight: normal;
margin-top: 1.2em; margin-left: 0px; margin-bottom: 20px;
}

p {font-size: 10pt; margin-left: 2%; margin-right: 2%; text-align: justify; }

img, a img { border: none; }

a {
color: #FFFFCC;  /* was #93B300;  */
text-decoration: underline;
background-color: transparent;
}

a:hover {
color: #4D4D4D;
text-decoration: none;
background-color: transparent;
}

.bold {font-weight: bolder; }
.centre {text-align:center}



/* main container for "content wrapper" and  "sidebar" */
#maincontainer{
width: 990px; /*MainContainerWidth*/
margin: 0px auto; /*Center container on page*/
text-align: left; /* counter the "body" center */
}

/* content wrapper */
#contentwrapper {
width: 100%;
float: left;
padding-bottom: 2em;
}

/* content */
#content {
margin-left: 245px; /*Set left margin to SidebarWidth*/
padding-left: 10px;
padding-right: 10px;
}

#membertable1 { width: 200px; float: left;}
#membertable1 p { margin-left: 10px;}
#membertable1 td { padding: 5px; }
#membertable2 { width: 200px; float: right;}
#membertable2 p { margin-left: 10px;}
#membertable2 td { padding: 5px; }
.membertableimg {width:70px; height:70px; }
#memberslideshow { visibility:visible; text-align:center;  }
.memberslideshowimg {width: 159px; height: 240px }

.member {text-align:left}
.skill {font-variant: small-caps; color: #93B300;}

#introtable { width: 625px; margin: auto; }
#introtable td {vertical-align: text-top}

.third { color: #A23C14; background-color: transparent;}
.party { color: #bd42c6; background-color: transparent;}

.thirdpartyband { color: #FFFFCC; background-color: transparent;
font-family: ThirdPartyBand; font-size: 12pt; }

#phototable { width: 600px; margin: auto; }
#phototable td {text-align:center}
#phototableslideshow { visibility:visible; text-align:center; }
.phototableslideshowimg {width: 360px; height: 240px; }

#setlist {width:700px; margin:auto}
#setlist td {width: 50%}
#setlist p { margin: 0; text-align: center;padding: 1px;}
.artist {font-variant: small-caps; color: #93B300;}
.clear {clear:both; padding-top: 10px}

#functionscolumn { width: 100%; padding-top: 0px; padding-bottom: 0px;}
.functionscolumnimage {float: left; width: 444px; height: 296px; padding-right: 10px; }  
#functionscolumn p { margin: 0; text-align: left; padding-left: 10px;}
#functionscolumn p.listheader{ padding-bottom: 0px; text-align: left; }
#functionscolumn ul.list { list-style-image: url(Images/tick.gif); list-style-type:disc; 
list-style-position:inside; text-align: left; padding-left: 35px; padding-bottom: 15px }

.contactsimage {float: left; width: 166.07px; height: 250px; padding-left: 10px; padding-right: 40px; }  
#contacttable { width: 500px; }
#contacttable td { padding: 5px; }
#contacttable p { margin: 0; }
#contacttable img {width: 40px; height: 40px; }


#videoplayer {width: 480px; margin:auto; border: 1px solid #FFFFCC;}  /* set width same as in videos file */

/* sidebar */
#sidebar {
position: fixed;
float: left;
width: 245px; /*SidebarWidth*/
/*Following line is in the file "ie.css - it's needed if browser is Internet Explorer*/
/*margin-left: -990px; Set left margin to -(MainContainerWidth)*/

background-color: black; /*background-color: #4D4D4D;*/
border-right: 1px solid black;
color: #FFFFFF;
}

#block { margin-top: .6em;   }
#block p { margin: .6em; }
#block ul { list-style-type: none; }

#block li a {
display:inline-block;
width: 95%;
padding: 3px 0px 3px 15px;
background-color: black ;  /* Was #282828 */
color: #FFFFCC;  /* was #93B300;  */
border-bottom: 1px dashed #999999;
font-weight: bold;
text-decoration: none;
}

#block a:hover { background-color: black; color: #4D4D4D; }

.clearfooter {clear:both}
#footer{
width: 99%;
background-color: black;

margin-top:20px;
padding: 4px 0;
border-top: 3px solid #FFFFCC;   /* was #93B300;  */
}

#fadeinbox{
position:absolute;
width: 400px;
margin-left: 120px;
margin-top: 85px;
color: black;
text-align:center;
border: 2px solid black;
background-color: #93B300;
padding: 4px;
z-index: 100;
visibility:hidden;
}