body { background: #000; font-family: arial, sans-serif; font-size: 76%; color: #aaa; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h4 { font-size: 12px; font-weight: bold; margin: 0; } 




a { text-decoration: none; }
.content a { color: #aaa; }
.navigation a { color: #fff; font-size: 9.5px; font-weight: bold; font-family: arial, sans-serif; } 
#contact .content .text a { color: #58BFCD; border: 1px solid red ! important;  }

a img { border: 0;} 
p a { font-weight: bold;}
p a:hover { text-decoration: underline;}
p { padding: 0; margin: 0 0 10px 0 ; }

em { font-style: normal;}

.outer { margin: 0px auto; width: 900px; font-size: 100%; }

.navigation, .content { background-color: #fff; height: 512px; border: 1px solid #fff; }
.navigation { float: right;  margin-left: 0px; width: 155px; position: relative; }
.content { width: 735px;  position: relative; height: auto; clear: none; }
.height {height: 512px; float: right; width: 1px; display: none;} 
.content:after { display: block; content: ""; clear: both; }
.content { min-height: 512px; }
#home .content { height: 512px; }


.home {  position: absolute; left: 432px; top: 259px; width: 260px; }
#home h1 { color: #E2007A; font-weight: normal; font-size: 17px; padding-left: 5px; margin-bottom: 20px ;}

#home h6 { position: absolute; left: 362px; top: 259px;  text-align: right;  width: 260px; font-size: 1.1em;  }
.content .home p { background: #D1138A url(images/graphics/announce.png) no-repeat; padding: 15px; color: #fff; width: 190px; font-size: 10px; height: 90px; }
.home strong { display: block; margin-bottom: 7px; padding-right: 10px;}
.home p br { display: none; }
.home p a { display: inline-table; border: 1px solid #fff; padding: 0 2px; color: #fff; }
.home p span { display: inline-table; padding: 0 3px; }

.content p { color: #B1B2B4; line-height: 1.1em;   }
.content .text { padding: 139px 100px 10px 250px; font-size: 12px; clear: none;}
#aboutteam .text { padding: 109px 50px 10px 50px;}
#rothwell .text { padding: 109px 50px 10px 50px;}
#nthyork .text { padding: 109px 50px 10px 50px;}
#parties .text { padding: 109px 50px 10px 50px;}
#classes .text { padding: 100px 50px 10px 250px; }

#parties strong, #classes strong { display: block; }


#home .content { background: #fff url(images/graphics/home.gif) no-repeat 36px 102px;  }
#about .content { background: #fff url(images/graphics/about.png) no-repeat 38px 103px;  }
#why .content { background: #fff url(images/graphics/why.png) no-repeat 36px 110px;  }
#classes .content { background: #fff url(images/graphics/classes.png) no-repeat 50px 90px;  }
/* #aboutteam .content { background: #fff url(images/graphics/aboutteam.jpg) no-repeat 40px 121px;  } */
#contact .content { background: #fff url(images/graphics/contact.png) no-repeat 20px 64px;   }
#contactny .content { background: #fff url(images/graphics/contactny.png) no-repeat 60px 114px;   }
#contactrothwell .content { background: #fff url(images/graphics/contactrothwell.png) no-repeat 60px 114px;   }

#slideshow { position: absolute; left: 40px; top: 111px; width: 150px; overflow: hidden; }

.navigation img { position: absolute; left: 16px; top: 14px; }
.navigation li { background: #000;}
.navigation ul { position: absolute; width: 155px; bottom: 0px; left: 0px; }

ul, li { margin: 0; padding: 0; text-inset: 0; list-style: none; font-size:1px }
.navigation a { display: block; padding: 3px; margin: 0;  }
.about a { background: #D1138A; }
.whymusic a { background: #08A3AA; }
.aboutteam a { background: #AA7FB8; }
.nthyork a { background: #9BA12E; }
.rothwell a { background: #F7901E; }
.parties a { background: #B51F2A; }
.contact a { background: #832E78; }
.classes a { background: #006999; }

.about a:hover { background: #000; }
.whymusic a:hover { background: #000; }
.aboutteam a:hover { background: #000; }
.nthyork a:hover { background: #000; }
.rothwell a:hover { background: #000; }
.parties a:hover { background: #000; }
.classes a:hover { background: #000; }
.contact a:hover { background: #000; }

.quote, .emph { font-style: italic; font-size: .96em; margin-bottom: 0px; }
.quote:before { content: "'"}
.quote:after { content: "'"}

.attribution { text-align: right; margin-bottom: 20px; font-size: .96em;}

th.day { width: 120px;}
th.time { width: 100px }
th.venue { width: 340px;}
th.age { width: 100px }


td, th { font-size: .9em; color: #fff; padding: 1px 4px; border-left: 1px solid #fff; text-align: left; white-space: nowrap; }
td.first, th.first { border-left: 0; }
td.fullwidth { border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
th  { border-bottom: 1px solid #fff; padding-top: 2px; }
tr.last td { padding-bottom: 2px; }
table { border-collapse: collapse; border: 1px solid #fff; background: #006999; margin: 0 0 10px 0px; border-left: 0;  clear: none; }


#nthyork td, #nthyork th { font-size: .9em; color: #fff; padding: 4px 4px; border-left: 1px solid #fff; text-align: left; white-space: nowrap; vertical-align: top; }
#nthyork td.first, #nthyork th.first { border-left: 0; }
#nthyork td.fullwidth { border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#nthyork th { border-bottom: 1px solid #fff; padding-top: 2px; }
#nthyork tr.last td { padding-bottom: 2px; }
#nthyork table { border-collapse: collapse; border: 1px solid #fff; background: #9BA12E; margin: 0 0 10px 0px; border-left: 0; width: 370px; clear: none; }

#rothwell td, #rothwell th { font-size: .9em; color: #fff; padding: 4px 4px; border-left: 1px solid #fff; text-align: left; white-space: nowrap; vertical-align: top; }
#rothwell td.first, #rothwell th.first { border-left: 0; }
#rothwell td.fullwidth { border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#rothwell th { border-bottom: 1px solid #fff; padding-top: 2px; }
#rothwell tr.last td { padding-bottom: 2px; }
#rothwell table { border-collapse: collapse; border: 1px solid #fff; background: #F7901E; margin: 0 0 10px 0px; border-left: 0; width: 370px; clear: none; }


#aboutteam .person { position: relative; padding: 0 20px 20px 188px; height: 260px;  }
#aboutteam .text img {position: absolute; left: 0; top: 0; }

#nthyork .person { position: relative; padding: 0 0 20px 188px; height: 260px;  }
#nthyork .text img {position: absolute; left: 0; top: 0; }

#rothwell .person { position: relative; padding: 0 0 20px 188px; height: 260px;  }
#rothwell .text img {position: absolute; left: 0; top: 0; }

#parties .person { position: relative; padding: 0 0 20px 188px; height: 260px;  }
#parties .text img {position: absolute; left: 0; top: 0; }


form {  width: 300px; } 
form p { margin: 0 ! important; padding: 0 0 5px 0; }
input { border: 1px solid #832E78; width: 121px; height: 10px; font-size: 9px }
.contactny input { border: 1px solid #9BA12E; }
.contactrothwell input { border: 1px solid #F7901E; }


textarea { border: 1px solid #832E78; width: 300px; height: 60px;  }
.contactny textarea { border: 1px solid #9BA12E;  }
.contactrothwell textarea { border: 1px solid #F7901E; }

.button { width: 80px; color: #999; background: #fff; font-weight: normal; font-size: 9px; padding: 0px; height: auto;  vertical-align: middle; margin:5px 0 0 0; text-align: center; }
form em { color: #999; display: block; text-align: right; display: none;}
form .phone { display: none;}
.buttonp { text-align: center; padding-bottom: 10px;}



/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/


/* vertically centering */
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
text-align:center;
min-height:468px;/* for good browsers*/
min-width:900px;/* for good browsers*/
}

.outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
top:expression(document.body.clientHeight/2-this.offsetHeight/2);
}


.maincontainer {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
top:expression(document.body.clientHeight/2-this.offsetHeight/2);
} 

.inner {
width: 900px;
margin-left:auto;
margin-right:auto;
text-align: left;
}

/* scrollbar on team */

.Scrollbar-Up {
  position: absolute;
  width: 12px; height: 13px;
  background-color: #AA7FB8;
background-image: url(images/graphics/uparrow.png);
  font-size: 0px;
}
.Scrollbar-Track {
  width: 12px; height: 237px;
  position: absolute;
  top: 13px;
  background-color: #AA7FB8;
}
.Scrollbar-Handle {
  position: absolute;
  width: 6px; height: 20px;
margin: 0 0 0 3px;
  background-color: #fff;
}
.Scrollbar-Down {
  position: absolute;
  top: 250px;
  width: 12px; height: 13px;
  background-color: #AA7FB8;
background-image: url(images/graphics/downarrow.png);
  font-size: 0px;
}


/* scrollbar on nthyork */

#nthyork .Scrollbar-Up {
background-color: #9BA12E;
background-image: url(images/graphics/uparrowgreen.png);
}

#nthyork .Scrollbar-Track { background-color: #9BA12E; }

#nthyork .Scrollbar-Down {
background-color: #9BA12E;
background-image: url(images/graphics/downarrowgreen.png);
}


/* scrollbar on parties */

#parties .Scrollbar-Up {
background-color: #B51F2A;
background-image: url(images/graphics/uparrowred.png);
}

#parties .Scrollbar-Track { background-color: #B51F2A; }

#parties .Scrollbar-Down {
background-color: #B51F2A;
background-image: url(images/graphics/downarrowred.png);
}

#parties .Scrollbar-Handle {
height: 80px;
}


/* scrollbar on rothwell */

#rothwell .Scrollbar-Up {
background-color: #F7901E;
background-image: url(images/graphics/uparroworange.png);
}

#rothwell .Scrollbar-Track { background-color: #F7901E; }

#rothwell .Scrollbar-Down {
background-color: #F7901E;
background-image: url(images/graphics/downarroworange.png);
}




#Scrollbar-Container {
  position: absolute;
  top: 109px; right: 60px;
}

#SContainer {
  position: absolute;
  width: 620px;
  height: 260px;
overflow:hidden; 
}

#parties #SContainer { width: 450px; left: 208px;}

#Team { 
  position: absolute;
  overflow: hidden;
}


.classesny { background: url(images/graphics/classesny.png) no-repeat 40px 0; padding-left: 188px; height: 260px; }
.contactny {  background: url(images/graphics/contactny.png) no-repeat; padding: 30px 0 0 186px; height: 280px;  }
.contactny h4 { margin-bottom: 10px; }

.classesrothwell { background: url(images/graphics/classesrothwell.png) no-repeat 40px 0; padding-left: 188px; }
.classescaveat { padding-left: 188px; margin-bottom: 200px; }

.contactrothwell {  background: url(images/graphics/contactrothwell.png) no-repeat; padding: 30px 0 0 186px; height: 280px;  }
.contactrothwell h4 { margin-bottom: 10px; }