/* Main Structured CSS for Planet B Jazz Band Public Site Pages "x.htm" */

body {
background-color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #660000;
margin:0px;
padding:0px;
font-size:100%;
text-align:left; /* css hack for IE 5.x */
}

#wrapper {
width: 770px;
height:600px;
border: 1px outset #ffff00;
background-image:  url("../jpg/Fire.jpg");
background-color:transparent; 
margin:0px auto;
text-align:left; /* fix IE 5.x css hack in body */
}

#wrapperI {
width: 770px;
height:628px;
border:1px outset #ffff00;
background-image:  url("../jpg/Fire.jpg");
background-color:transparent; 
margin:0px auto;
text-align:left; /* fix IE 5.x css hack in body */
}

#wrapperII {
	width: 770px;
	height:705px;
	background-image:  url("../jpg/Fire.jpg");
	background-color:transparent;
	border:1px outset #ffff00;
	text-align:left;  /* fix IE 5.x css hack in body */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#wrapperIII {
width: 770px;
height:750px;
background-image:  url("../jpg/Fire.jpg");
background-color:transparent; 
margin:0px auto;
border:1px outset #ffff00;
text-align:left;  /* fix IE 5.x css hack in body */
}

#wrapperShort {
width: 770px;
height:500px;
border:1px outset #ffff00;
background-image:  url("../jpg/Fire.jpg");
background-color:transparent; 
margin:0px auto;
text-align:left; /* fix IE 5.x css hack in body */
}

#wrapperShortII {
width: 770px;
height:530px;
border:1px outset #ffff00;
background-image:  url("../jpg/Fire.jpg");
background-color:transparent; 
margin:0px auto;
text-align:left; /* fix IE 5.x css hack in body */
}

#content {
	height:300px;
	width:600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
/*
border: solid thin #FF0000;
*/
}

#content #cal {
margin:10px 0px 10px 0px;
}

/* typographic CSS for Planet B Jazz Band Public Site Pages "x.htm" */

#content p {
font-size:80%;
margin: 10px 33px 7px 25px;
color: #FFFF00;
}

#content h1 {
font-size:130%;
margin: 0px 0px 0px 25px;
color:#FFFF00;
}

#content h2 {
font-size:110%;
margin: 15px 70px 5px 25px;
color:#FFFF00;
}

#content h3 {
font-size:105%;
margin: 5px 5px 5px 25px;
color:#FFFF00;
}

#content #dates ul {
margin-top:0px;
}

#content #dates li {
margin:11px;
}

#content a:link {color:#FFFF00; background-color: transparent; font-weight:bold; }
#content a:visited {color: #ffffff; background-color: transparent; font-weight:bold; }
#content a:link:hover {color: #000000; background-color: #ffffff; font-weight:bold; }

#banner {
margin:0px;
padding:0px;
width:770px;
height:108px;
border: inset #ffff00;
border-width:0px 0px 1px 0px;
}

#banner img {
border-width:0px;
display: block;
}

/* mainMenu CSS for Planet B Jazz Band Public Site Pages "x.htm" */

#dates li {
color:#ffff00;
margin:0px 50px 11px 0px;
}

/* CSS for Planet B Jazz Band members pictures */

.imagerightArt {
float:left;
margin:0px;
width:560px;
height:275px;
border: 1px outset #ffff00;
padding:0px;
}

.imageright {
float: left;
margin:8px 10px 0px 25px;
width: 72px;
height: 96px;
}

.imageright1 {
float: left;
margin:8px 5px 0px 27px;
width:203px;
height:124px;
}

.imageright2 {
float: left;
margin:8px 5px 0px 27px;
width:162px;
height:122px;
}

.imageright3 {
float: left;
margin:8px 5px 0px 27px;
width:162px;
height:162px;
}

.imageright4 {
float: left;
margin:8px 5px 0px 27px;
width:162px;
height:122px;
}

.imageright5 {
float: left;
margin:10px 0px 0px 0px;
width:150px;
height:107px;
}

imageright6 {
float: left;
margin:10px 0px 0px 0px;
width:150px;
height:107px;
}

.clearit {
clear:both;
display:block;
}

.float1 {
float: left;
padding:6px;
}

/** Boxes **/

#mediaNewsBox {
float:left;
width:600px;
height:350px;
background-color:#000;
border: 1px outset #ffff00;
font-size:85%;
color: #FFFF00;
}

#mediaBoxBtoB{
float:left;
width:600px;
height:115px;
background-color:#000;
border: 1px outset #ffff00;
font-size:85%;
color: #FFFF00;
margin-top:6px;
}

#mediaBoxPictures {
float:left;
width:600px;
height:145px;
background-color:#000;
border: 1px outset #ffff00;
font-size:85%;
color: #FFFF00;
margin-top:6px;
}

#content #mediaBox {
float:left;
margin-left:12px;
width:270px;
height:220px;
background-color:#000;
line-height: 11px;
border: 1px outset #ffff00;
}

#mediaBoxVideo{
float:left;
width:600px;
height:100px;
background-color:#000;
border: 1px outset #ffff00;
font-size:85%;
color: #FFFF00;
margin-bottom:10px;
}

#memberBoxIndex {
float:left;
width:560px;
height:260px;
background-color:#000;
margin:10px 0px 0px 0px;
border: 1px outset #ffff00;
font-size:90%;
color: #FFFF00;
}

#memberBoxMac{
float:left;
width:600px;
height:165px;
background-color:#000;
border: 1px outset #ffff00;
font-size:85%;
color: #FFFF00;
}

#memberBoxRick {
float:left;
width:600px;
height:225px;
background-color:#000;
border: 1px outset #ffff00;
font-size:85%;
color: #FFFF00;
}

#memberBoxBrett {
float:left;
width:600px;
height:140px;
background-color:#000;
border: 1px outset #ffff00;
font-size:85%;
color: #FFFF00;
z-index:104;
}

#memberBoxRalph {
float:left;
width:600px;
height:170px;
background-color:#000;
border: 1px outset #ffff00;
font-size:85%;
color: #FFFF00;
}

#memberBoxCal {
	float:left;
	margin:0px;
	width:600px;
	height:160px;
	background-color:#000;
	border: 1px outset #ffff00;
	font-size:90%;
	color: #FFFF00;
}

#videoNSoundCreditsTextBox {
float:left;
margin:0px 0px 0px 50px;
width:263px;
height:320px;
background-color:#000;
border: 1px outset #ffff00;
color: #FFFF00;
}

#videoNSoundCreditsTextBox h1 {
font-size:90%;
margin: 10px 0px 7px 15px;
color:#FFFF00;
}

#videoNSoundCreditsTextBox p {
margin: 5px 15px 0px 25px;
color:#ffff00;
font-size:9px;
}

#webSiteCreditsTextBox {
float:right;
margin:0px;
width:263px;
height:170px;
background-color:#000;
border: 1px outset #ffff00;
color: #FFFF00;
}

#webSiteCreditsTextBox h1 {
font-size:90%;
margin: 10px 0px 7px 15px;
color:#FFFF00;
}

#webSiteCreditsTextBox p {
margin: 5px 15px 0px 25px;
color:#FFFF00;
font-size:9px;
}