#bkdrop {
	background-image:url(img/bkgd_inv2.png);
	height:100%;
	position:fixed;
	bottom:0;
	width:101.5%;
	margin:0 0 0 -1em;
}
#vignette {
	background-image:url(img/vignetteDarkSepia40pcnt.png);
	background-size: 100% 100%;
	height:100%;
	position:fixed;
	bottom:0;
	width:101.5%;
	margin:0 0 0 -1em;
}
.sidebar {
	font:normal normal 1em/1.25em Garamond, serif;
	position:absolute;
	left:3.5em;
	width:14.0625em;
	top:150px;
}
#content, #contentPhoto {
	font:600 normal normal 1.125em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	position:absolute;
	top:30px;
}
#content {
	left:30%;
	width:40%;
}
#contentPhoto {
	left:10%;
	width:60%;
}
.intro {
	font:500 italic normal 1.5em/2.5em Garamond, serif;
	color:#ff3333;
	text-align:center;
}

.bold
{
font-weight:bold;
}
.emAndHalf
{
	font:normal normal 1em/1.75em Garamond, serif;
}
#conj, #conj2 {
	background:url('img/micStem_opt.png');
	background-position:center;
	display:block;
	position:fixed;
	top:60px;
	left: 75%;
	height:auto;
}
#conj{
	min-height:115.25%;
}
#conj2 {
	min-height:100%;
}
#review {
display:none;
float:right;
}
.members {
	font:bold normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#BC7164;
	text-align:left;
}

.instruments {
font-style:italic;
}

.italic {
font-style:italic;
}
.bugFloat {
float:right;
}
#mapCont {
	text-align:center;
}
#stretchy {
max-width:511px;
width:100%;
}
#mapHold{
	display:table;
	max-width:100%;
	margin:auto;
}
#mapCell1 {
	display: table-cell;
}
#mapCell2 {
	display: table-cell;
	vertical-align:top;
}
/*<table id="Table_01" width="500" height="230" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="2">
			<img src="images/jazzbugzLogo_big_01.gif" width="397" height="230" alt=""></td>
		<td>
			<img src="images/jazzbugzLogo_big_02.png" width="103" height="71" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/jazzbugzLogo_big_03.gif" width="103" height="159" alt=""></td>
	</tr>
</table>
*/
a:link {
	color:#000077;
	border:none;
}
a:visited {
	color:#770000;
	border:none;
}
a:hover {
	color:#0000DD;
	border:none;
}
#newsBox p {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:1em 1.5em;
}

.sideBarPgraph009 {
	background:url(img/t25-009.png);
}

.sideBarPgraph090 {
	background:url(img/t25-090s.png);
}

.sideBarPgraph900 {
	background:url(img/t25-900.png);
}

.sideBarPgraph909 {
	background:url(img/t25-909.png);
}

.sideBarPgraphFF0 {
	background:url(img/t25-FF0.png);
}

.sideBarPgraphBig009 {
	font-size:1.25em;
	background:url(img/t25-009.png);
}
.sideBarPgraphBig090 {
	font-size:1.25em;
	background:url(img/t25-090.png);
}
.sideBarPgraphBig900 {
	font-size:1.25em;
	background:url(img/t25-900.png);
}
.sideBarPgraphBig909 {
	font-size:1.25em;
	background:url(img/t25-909.png);
}
.sideBarPgraphBigFF0 {
	font-size:1.25em;
	background:url(img/t25-FF0.png);
}

img {
	border:none;
}
.bullet {
	font-size:1.5em;
}
/* ----------NAV BUTTONS---------- */
#nav {
	display: inline-block;
	height:32px;
	font-family: 'Lobster Two';
}
#nav a {
	text-decoration:none;
}
#home:hover {}
#news {
}
#news:hover {}
#photo {

}
#photo:hover {}
#sp {
	background:url(img/spacer.png);
}
/* ------- END NAV BUTTONS ------- */
/* ----------IMG GALLERY---------- */

/*
CHECK IT OUT

cursor:zoom-in;
cursor:zoom-out;

decide on fixed width for gallery buttons, including micro-thumbnails and caption text
and index number -of- total number of images. large landscape images, (at least those not 
zoomed in on), or any image in a shrunk-resized window, should not be able to barge in on't.
*/

#galBts * {
	z-index:9100;
	visibility: hidden;
	background: url("img/galCtrls.png") no-repeat 0 0;
	position:fixed;
	text-align:center;
	left:100px;
}
#leftBt {
	top:90%;
	left:38px;
	width:36px;
	height:50px;
	background-position: -175px -58px;
	cursor:pointer;
}
#leftBt:hover {background-position: 1px -58px;}
#rightBt {
	top:90%;
	left:88px;
	width:36px;
	height:50px;
	background-position: -212px -58px;
	cursor:pointer;
}
#rightBt:hover {background-position: -34px -58px;}
#zoomBt {
  top:82%;
  left:30px;
  width: 50px;
  height:50px;
  background-position: -110px 0px;
	cursor:pointer;
}
#zoomBt:hover {background-position: -6px 0px;}
#killBt {
  top:82%;
  left:80px;
  width: 50px;
  height:50px;
  background-position: -160px 0px;
	cursor:pointer;
}
#killBt:hover {background-position: -56px 0px;}

.imgGal {
	margin: 10px 5px 0 5px;
	padding: 5px;
	height: auto;
	float: left;
	width:250px;
	text-align: center;
}	
div.imgGal img {
	display: inline;
	border: 15px solid #333333;
	-webkit-box-shadow: rgba(0,0,0,0.30) -7px 10px 5px;
	-moz-box-shadow: rgba(0,0,0,0.30) -7px 10px 5px;
	box-shadow: rgba(0,0,0,0.30) -7px 10px 5px;
}
div.icon:hover img {border: 15px solid #333366;}
div.icon:hover img {color: #333366;}
div.icon {
text-decoration:none;
	cursor:pointer;
}

.imgDesc {
	font:200 normal normal 0.875em/1.5em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color:#333333;
	margin: 0 5px;
}
.imgGal a {
text-decoration:none;
}
.imgRow {display:table;}

/*two next are forthe rollover-gallery-image-appear */
div.imgGal b {
/*    background: none repeat scroll 0 0 #323232; */
/*    display: block;  */
    left: -9999px;
    opacity: 0;
    padding: 20px;
    position: absolute;
    transition: opacity .25s ease 0s;
    z-index: 100;
}
div.imgGal:hover b {
    left: 110px;
    opacity: 1;
    top: -90px;
}

#blanket {
	visibility:hidden;
	z-index: 9001;
	position:fixed;
	background-color:#111;
	opacity: 0.8;
	filter:alpha(opacity=80);
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
}
#showcaseShelf {
	visibility:hidden;
	z-index: 9002;
	position:fixed;
	width:100%;
	text-align:center;
}
#showcase {
	margin:auto;
	}
#showcase img {
	border: 25px solid #ccc;
	margin-top:-25px;
	cursor:zoom-in;
	z-index: 9012;
}
img.resize {
width:100%;
}
img.resizeH {
height:100%;
}
/* popUpZoom not adjusted for new gallery yet */
#zoom {
	visibility:hidden;
	z-index:9004;
	position:fixed;
	text-align:center;
	width:99%;
	top:0px;
	height:100%;
	overflow:auto;
}
#zoom img {
	border: 25px solid #ccc;
}
#catalogNo {
position:fixed;
top:63%;
width:100px;
left:30px;
color:#FFFFFF;
font-size:.875em;
padding:.5em;
z-index:9090;
}
#galCaption {
position:fixed;
top:66%;
width:100px;
left:30px;
color:#FFFFFF;
font-size:.875em;
padding:.5em;
z-index:9090;
}

/* $$$$$$$$$$$$$ DIAG $$$$$$$$$$$$$ */
#diag {
position:fixed;
top:15px;
left:10px;
color:#FFFFFF;
font-size:.875em;
background-color:#337733;
padding:.5em;
z-index:1000;
}
#diag2 {
position:fixed;
top:55px;
left:10px;
color:#FFFFFF;
font-size:.875em;
background-color:#337733;
padding:.5em;
z-index:1000;
}
/* $$$$$$$$$$$ END DIAG $$$$$$$$$$$ */

/* ---------- RESPONSE ---------- */

@media all and (max-width: 1000px) {
	.sidebar {
		visibility:hidden;
	}
	#content {
		left:10%;
		width:55%;
	}

	#conj {
	left: 75%;
	}
	#conj2 {
	left: 75%;
	}
}

@media all and (max-width: 900px) {
	#mapCont {
		width:100%;
	}
	
}

@media all and (max-width: 750px) {
	#nav *
	{
		height:24px;
		background: url("img/nav75pcnt.png") no-repeat 0 0;
	}

	#home
	{
	  width: 63px;
	  background-position: -131.25px 0px;
	}
	#home:hover {background-position: -131.25px -21px;}

	#news
	{
	  width: 60px;
	  background-position: -70.5px 0px;
	}
	#news:hover {background-position: -70.5px -21px;}

	#photo
	{
	  width: 75px;
	  background-position: 0px 0px;
	}
	#photo:hover {background-position: 0px -21px;}

	#sp
	{
	  width: 28.5px;
	  background-position: -193.5px 0px;
	}

}

@media all and (max-width: 575px) {
	.intro {
		font:500 italic normal 1.125em/2.25em Garamond, serif;
	}	
	#conj {
	background-size:100%;
	left: 70%;
	width:25%;
	}
	#conj2 {
	background-size:100%;
	left: 70%;
	width:25%;
	}
	#nav *
	{
		height:20px;
		background:none;
	}
	#nav * span
	{
		display:inline;
	}
	#sp
	{
	  width:0;
	}
	p {
	  font-size:.75em;
	}
}


@media all and (max-width: 400px) {
	.intro {
		font:500 italic normal 0.875em/1.75em Garamond, serif;
	}
}