body#infopage {
  scrollbar-arrow-color: #CC3300;
  scrollbar-3dlight-color: #FFFF33;
  scrollbar-highlight-color: #FF3333;
  scrollbar-face-color: #D7B410;
  scrollbar-shadow-color: #CC0000;
  scrollbar-darkshadow-color: #EEEE00;
  scrollbar-track-color: #F2C40D;
  margin: 0;
  color: #8F1B2D; 
  font-family: Arial;
  background: url('IMG_2.JPG');
  } 

body#frontpage {
  color: #CC3300; 
  margin: 0;
  font-family: Arial;
  background-color: #ffffff;
  }

body#newspage {
  margin: 2;
  color: #000000; 
  font-family: Arial;
  background-color: #ffffff;
  } 

a:link {
text-decoration: underline;
}

a:hover {
font-weight: bold;
text-decoration: underline;
}

/* Top formatting */
div.topbar {
 width: 100%;
 background-color: #ffffff;
  }
  
div.logo {
  position:absolute;
  top: -5px;
  left: 20px;
 }

div.bandname {
  position:absolute;
  top: 20px;
  left: 130px;
  width: 500px;
  font-size: 32pt;
  font-weight:bold;
 }
 
div.bandinfo {
  position:absolute;
  top: 80px;
  left: 150px;
  width: 500px;
  font-size:16pt;
  font-weight:bold;
 }

/* Formatting for User Admin page. */

div#ltab {
   float: left;
   width: 30px;
   height: 42px;
   background-image: url(tab left.png);
}

div#rtab {
   float: left;
   width: 30px;
   height: 42px;
   background-image: url(tab right.png);
}

div#etab {
   float: left;
   width: 200px;
   height: 42px;
   background-image: url(tab bot.png);
}


div#finduse {
   float: left;
   width: 200px;
   height: 42px;
   font-size: 16pt;
   font-variant: small caps;
   text-align: center;
   color: 0000b9;
   line-height: 2;
   background-image: url(tab mid.png);
}

div#showadmin {
   float: left;
   width: 200px;
   height: 30px;
   font-size: 16pt;
   font-variant: small caps;
   text-align: center;
   color: 008464;
   line-height: 2;
   background-image: url(tab mid.png);
}

div#showstu {
   float: left;
   width: 200px;
   height: 30px;
   font-size: 16pt;
   font-variant: small caps;
   text-align: center;
   color: 700030;
   line-height: 2;
   background-image: url(tab mid.png);
}

div#findbox {
   float: left;
   clear: left;
   margin-top: 20px;
   margin-left: 20px;
   color: 0000b9;
   width: 90%;
}

div#adminbox {
   position: absolute;
   top: 100px;
   clear: left;
   margin: 20px;
   width: 90%;
   color: 008464;
   display: none;
}

div#stubox {
   position: absolute;
   top: 280px;
   clear: left;
   margin: 20px;
   width: 90%;
   color: 700030;
   display: none;
}

/* menu formating */

div#menu {
text-align: center;
width: 100%;
background-image: url("topbutton.png");

}

div#menu table {
margin-top: 0px;
}

div#menu td {
  text-align: center;
  text-family: Arial Black, Arial;
  font-size: 14;
  color: #FF0000; 
  text-transform: capitalize; 
  font-variant: small-caps;
}


div#menu p {
width: 100px;
background-color: #f7ec2b;
}

.button{
  color: #CC3300; 
  }

div.menuitem {
  float: left;
  height: 25px;
  margin-top: 6px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px;
  text-align: center;
  text-family: Arial Black, Arial;
  font-size: 12;
  color: #FF0000; 
  text-transform: capitalize; 
  font-variant: small-caps;
}

div.menuspecial {
  float: left;
  height: 25px;
  margin-top: 2px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px;
  text-align: center;
  text-family: Arial Black, Arial;
  font-size: 12;
  color: #FF0000; 
  text-transform: capitalize; 
  font-variant: small-caps;
}


div#msgblock  {
  position: fixed; 
  top: 200px;
  left: 150px;
  background-color: #f0f0f0;
}
/* page formating */

div#pagecontent {
  position: fixed;
  top: 200px;
  left: 0px;
  width: 100%;
 }

div#loginfo {
position: absolute;
color: #8F1B2D;
top: 250px;
left: 50px;
}

div#admininfo {
position: absolute;
top: 220px;
left: 25px;
}

div#einfo {
position: absolute;
top: 350px;
left: 50px;
}


div#userinfo {
position: absolute;
top: 450px;
left: 150px;
}

div#fullpage {
  float: left;
  clear: both;
  }

div#passplace {
position:absolute;
top: 240px;
left: 300px;
color: #8F1B2D;
border-style: solid;
border-width: 2px;
border-color: #888888;
}


div#pagemenu {
position: absolute;
top: 150px;
left: 20px;
}

div#jazzmenu {
  float: left;
  margin-left: 20px;
  clear: left;
}

div#leftcol {
  width: 300px:
  text-align: center;
  margin-top: 10px;
  margin-left: 30px;
  float: left;
  clear: left;
  }

div#leftcol h2 {
  margin-top: 5px;
  margin-bottom: 5px;
  }

div.forma {
  float: left;
  width: 300px;
  }
/* formating for fund page */

div.jazzinfo {
  float: left;
  clear: left;
  width: 300px;
  }

div.sepinfo {
  float: right;
  width: 300px;
  margin-top: 20px;
  clear: right;
  
  }

/* store formating */

div#bandstore {
  float: left;
  margin: 3px;
  border-style: ridge;
  }

div.item {
  float: left;
  border-width: 3px;
  border-style: groove;
  height: 320px;
  width: 200px;
  }

div.itemshow {
  text-align: left;
  float:left;  
  margin-left: 5px;
  }

div.itemshow h3 {
  margin-bottom: 0;
  }

div.price {
  text-align: left;
  align-vertical: middle;
  margin-top: 20px;
  margin-right: 5px;
  float: right;
  }

div.descript {
  text-align: left;
  font-size: 10pt;
  clear: both;
  }

div.buy {
  text-align: center;
  clear: both;
  }

div.buy form {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  }


form.cart {
  margin-left: 10px;
  float: left;
  }

form.buy {
  margin-left: 10px;
  float: left;
  }

/* Front page formating */

div#topstuff {
  position:absolute;
  top: 0px;
  left: 0px;
  }
 
div#frontmenu {
  position:absolute;
  top: 130px;
  left: 0px;
  }

div.jazzfest {
  border-style: double;
  border-color: #ffffff;
  text-align: center;
  font-size: 16pt;
  color: #ffffff;
  background-color: #000000;
  width: 210px;
  padding: 10px;
  }

div#toplft {
position: absolute;
top: 220px;
left: 600px;
width: 300px;
text-align: center;
vertical-align: middle;
}

div#toplft p {
text-align: left;
}

div#topctr {
position: absolute;
top: 230px;
left: 220px;
width: 350;
height: 200;
text-align: center;
color: #000000;
vertical-align: middle;
}

div#toprt {
position: absolute;
top: 220px;
left: 5px;
width: 200px;
font-size: 8 pt;
text-align: center;
vertical-align: middle;
background-repeat: no-repeat;
}

div#bottomlft {
position: absolute;
top: 730px;
left: 10px;
width: 300;
height: 200;
text-align: center;
vertical-align: middle;
background-repeat: no-repeat;
background-image: url('IMG_7.jpg');
}

div#bottomctr {
position: absolute;
top: 600px;
left: 20px;
width: 300;
height: 200;
text-align: center;
vertical-align: middle;
}

div#bottomctr p {
text-align: left;
}

div#botall {
position: absolute;
top: 780px;
left: 10px;
width: 600;
height: 250;
text-align: center;
vertical-align: middle;
background-repeat: no-repeat;
background-image: url('IMG_8.jpg');
}

div#bottomrt {
position: absolute;
top: 780px;
left: 600px;
width: 300;
}


div#bottomrt img {
  text-align: center;
  margin-right: 10px;
  margin-top: 10px;
  }

div#bottomrt form {
 text-align: center;
 clear: right;
  }

div#bottomrt a {
 margin-right: 15px;
 }

div#bandhead {
   float: left;
  margin-left: 50px;
  margin-right: 10px;
}

div.store {
  text-align: center;
  margin-right: 20px;
  margin-top: 20px;
  }

div#copyrt {
position: absolute;
top: 1050;
left: 10;
}

/* schedule formating */

div#shortsched {
position: absolute;
top: 430px;
left: 0px;
width: 170;
background-color: #ffffff;
}

div#schedule {
position: absolute;
color: #000000;
top: 250px;
left: 50px;
}


table.schedule {
cell-spacing: 5;
cell-padding: 5;
border-style: groove;
border-width: 3px;
border-color: #888888;
background-color: #ffffff;
}

td.schedule {
margin: 5;
font-size: 8pt;
border-style: groove;
border-width: 3px;
color: #000000;
}

/* general format style */

#fineprint {
font: Verdana;
font-size: 10px;
margin-right: 20px;
}

/* Music maint page formatting */

div#getmusic {
position: absolute;
top: 240px;
left: 100px;
}

div#showmusic {
position: absolute;
top:  600px;
width: 500px;
margin-left: 200px;
border-style: solid;
border-width: 2px;
border-color: #888888;
}

div#showmusic h2{
  margin-top: 10px;
  margin-bottom: 5px;
}

div#showallmusic {
position: absolute;
top:  220px;
width: 800px;
margin-left: 100px;
border-style: solid;
border-width: 2px;
border-color: #888888;
}

div#showallmusic h2{
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 8px;
}

/* Post page formating */

div#getnews {
position: absolute;
top: 200px;
left: 250px;
}

div#shownews {
position: absolute;
top: 500px;
left: 350px;
width: 360px;
  color: #8F1B2D; 
  font-family: Arial;
  background-color: #F2C40D;
border-style: solid;
border-width: 2px;
border-color: #888888;

}

/* css table making */

div.row {
  clear: both;
  padding-top: 1px;
  }

div.row span.label {
  font-family: Verdana, Georgia;
  font-size: 8pt;
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.shortlabel {
  font-family: Verdana, Georgia;
  font-size: 8pt;
  float: left;
  width: 50px;
  text-align: right;
  }

div.row span.blabel {
  font-family: Verdana, Georgia;
  font-size: 14pt;
  margin-top: 5px;
  margin-left: 5px;
  float: left;
  text-align: left;
  }

div.row span.llabel {
  font-family: Verdana, Georgia;
  font-size: 8pt;
  float: left;
  width: 300px;
  text-align: left;
  }

div.row span.formw {
  float: left;
  font-family: Verdana, Georgia;
  font-size: 8pt;
  margin-left: 5px;
  width: 235px;
  text-align: left;
  } 

div.row span.lformw {
  float: left;
  font-family: Verdana, Georgia;
  font-size: 8pt;
  margin-left: 5px;
  width: 350px;
  text-align: left;
  } 

div.row span.rformw {
  float: right;
  font-family: Verdana, Georgia;
  font-size: 10pt;
  margin-right: 5px;
  text-align: right;
  } 

div.name {
  font-family: Verdana, Georgia;
  font-size: 12pt;
  float: left;
  text-align: right;
  width: 40%;
  }

div.pos {
  float: left;
  font-family: Verdana, Georgia;
  font-size: 12pt;
  margin-left: 5px;
  text-align: left;
  } 


/* General formating */

td.schedhead {
color: #FF0000;
border-style: groove;
border-width: 3px;
font-size: 12pt;
font-style: bold;
}

table.grouptable {
border-width: 3px;
border-style: groove;
border-color: #aaaaaa;
background-color: #f7ec2b;
}

table.addevent {
border-width: 3px;
border-style: groove;
background-color: #f7ec2b;
}

td.addlabel {
color: #000000;
font-size: 12pt;
text-align: right;
vertical-align: top;
}

td.addinput {
color: #000000;
font-size: 12pt;
text-align: left;
}

table.checks {
  border-width: 3px;
  border-style: groove;
  }

td.checks {
  vertical-align: top;
  border-width: 3px;
  border-style: groove;
  }

td.checks input {
  margin-top: 6px;
  }

td.grptd {
margin: 5;
vertical-align: top;
font-size: 10pt;
border-style: groove;
border-width: 3px;
color: #000000;
}

td.grphdtd {
margin: 5;
font-size: 10pt;
border-style: groove;
border-width: 0px;
color: #000000;
}

td.front {
color: #CC3300; 
}

input.editsched {
font: Verdana;
font-size: 6pt;
color: #ff0000;
}

p.sqrhdr {
font-size: 14pt;
color: #CC3300;
margin-top: 10px;
margin-bottom: 2px;
mmargin-left: 10px;
text-align: left;
}

p.fineprint {
font-size: 8pt;
margin-top: 0;
}

.into{
 background: #F7EC2B; 
 padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;
 text-indent: 5px;
 }

/* formating the news section */
 
div#newsplace {
 position: absolute;
 top: 350px;
 left: 180px;
 width: 400px;
 text-align: center;
 margin: 5px;
 background: #ffffff;
 
 valign: top;
 }

iframe.newspg {
margin-left: 15px;
margin-bottom: 10px;
}

.news-item{
 margin-left: 15px;
 font-family: Arial; 
 font-size: 10; 
 font-style: normal;
 }
 
.news-lead{
 font-family: Arial Black, Arial;
 font-size: 14;
 }

.date{
 font-family: Arial Black, Arial;
 font-size: 8pt;
 text-align: left;
 margin-left: 8px;
 color: #000000;
 }
 
.event{
 text-align: left;
 margin-left: 40px;
 font-size: 8pt;
 font-family: Arial;
 color: #000000;
 }

.vidpost{
 text-align: right;
 margin-right: 40px;
 font-size: 6pt;
 font-family: Arial;
 color: #000000;
 }

#volevent{
 width: 100%;
}

#vol-lead{
 float: left;
 font-family: Arial Black, Arial;
 font-size: 14;
 width: 100%;
 }
 
#voltask{
  float: left;
}

#volhead {
text-align: left;
font-size: 12pt;
ffont-style: bold;
}


/* general formating */

div.construct{
  position: absolute;
  text-align: center;
  font-size: 36;
  color: #CC3300;
  top: 200px;
  left: 50px;
  }

  div.construct2{
  text-align: center;
  font-size: 36;
  color: #CC3300;
  }

div#jazzinfo {
  position: absolute;
  left: 200px;
  margin-left: 10px;
  }

div.headimg {
  float: left;
  }

div#concert{
  position: absolute;
  top: 120px;
  left: 0px;
  }

div.Uinfo {
  width: 90%;
  margin-bottom: 20px;
  }

div.caption{
position: relative;
top: -30px;
text-align: right;
color: #ffffff;
font-size: 10px;
margin-left: 20px;
}

h1 {
    text-align: center;
    font-weight: 700; 
	font-size: 18;
	color: #CC3300;
	margin-top: 10px; margin-bottom: 10px;
	}

A:link {text-decoration: none;}
A:visited {text-decoration: none;}