body {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 110%;*/
	background-color: #9DB1C1; 

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}

a {
	color:#09c;
	font-size:  .875em;
	text-decoration:none;
	font-weight:600;
	font-family: Verdana, arial, helvetica, sans-serif;
	}

a:link {color:#039;}
a:visited {color:#069;}
a:hover { background-color:#ccc;  text-decoration: underline}

h1 {
	text-align: center;
}

.imgcntr {
	text-align: center;
}

#bosskyline {
	position: absolute;
	width: 50%;
	height: 110px;
	background-color: #9DB1C1;
	}

/*
	bbslogo			|			bannerad				|
	navleftnoad	|			gencenternoad		|	specright
*/

/* upper left logo */
#bbslogo {
	position: absolute;
  left: 1px; 
	width: 15%;
/*	height: 109px; */
	height: 127px;
	background-color: #9DB1C1; 
//*	background-image: url("images/bbsbannerShort.jpg"); */

	
	}

/* bannerad */
#bannerad {
	position: absolute;
	top: 3px;
	
	left: 18.5%;	
	width: 62.5%;	
/*	height: 90px; */
	height: 127px;
	margin: 0;
	padding: 0;

	background-color: #9DB1C1; 
/*	z-index: 1; */
	}
	
/* menu on left */
#navleftnoad {
	font-size:  .875em; 
	position: absolute;
/*	top: 110px; */
	top: 126px;
	left: 0px;
	width: 17%;
	margin-left: .5%;


	background-color: #9DB1C1;
	}

/* center panel */
#gencenternoad {
	position: absolute;
/*	top: 109px; */
	top: 132px;

	left: 18.5%;
	width: 62.5%; 
	background-color: #F0F0F0;

	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	border-radius: 8px;	
}

/* google ads */
#specrightnoad {
	position: absolute;
	top: 14px;
  left: 81.5%;
	width: 18%;
	background-color: #9DB1C1; 

	z-index: 4;
}


#specright {
	position: absolute;
	top: 235px;
	left: 86%;
	width: 15%;
	background-color: #FFFFCC;
	z-index: 4;
}
	

#bannerad p, #specright p {
	font-family: "Comic Sans MS";
	font-size: 1.3em;
	text-align: center;
	color: #9900FF;
	margin: 20px;
}

#banner-right {
	position: absolute;
		
  left: 81%;
	width: 12%;
	background-color: #9DB1C1; 

	z-index: 4;
}



#navleft {
	font-size:  .875em; 
	position: absolute;
	top: 235px;
	left: 0px;
	width: 25%;
	z-index: 3;
	}

#navleft p, #navleftnoad p {
	font-size:  .8em; 
/*	font-weight: normal;*/
	color: #039;
	margin: 0;
	padding: 1px;

}

#navleft .center {
	text-align: center;
}



#gencenter {
	position: absolute;
	top: 235px;
	left: 25%;
	width: 50%;
	background-color: #BB88FF;
	z-index: 2;
	}

#gallery {
	position: absolute;
	top: 137px;
	left: 25%;
	width: 70%;
	background-color: #BB88FF
	}

#gencenter h1, #gencenternoad h1, #gallery h1 {
	font-size:  1.1em; 
	text-align: left;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

#gencenter h2, #gencenternoad h2, #gallery h2 {
	font-size:  1.1em; 
	text-align: left;
	color: #555;
	padding-top: 0px;
	padding-right: 1em;
	padding-bottom: 0px;
	padding-left: .5em;
}

#gencenter h3, #gencenternoad h3, #gallery h3 {
	font-size:  .875em;
	text-align: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

#gencenter p, #gencenternoad p, #gallery p {
	font-size:  .875em; 
	text-align: left;
	margin: 0;
	margin-right: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}


#gencenter p + p, #gencenternoad p + p, #gallery p + p {
/*	text-indent: 15px; */
	margin-top : 3px;
}

#gencenter ul, #gencenternoad ul {

/*	border: 1px solid gray; */
	margin-top: .1em;
	margin-left: 2em;
	margin-right: 2em; 
	margin-bottom: 1em;
	padding-left: 0;
}


#gencenter li, #gencenternoad li {
	font-size:  .875em; 
	margin-right: 20px;
}

/*

a {
	margin-right: 5px;
	font-weight:600;
	
	font-family:verdana, arial, helvetica, sans-serif;

	color:#09c;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#069;}
a:visited {color:#07a;}
a:hover {background-color:#ccc;}	
*/	




#gencenter .center {
	text-align: center;
	color: #000000;
}

#gencenter .copy {
	font-size:  .75em; 
	text-align: center;
	padding-top: 15px;
	padding-right: 60px;
	padding-bottom: 15px;
	padding-left: 60px;
}

.register {
	text-align: center;
	color: #FFFF00;
	font-weight: bold;
}

/* just for album covers and amazon links */
div.reviewpix {
	width: 160px;
	height: 200px;
	border: 1px solid #666; 
	background-color: #E0E0E0;	
	padding: 1px;	
	text-align: center;
	margin: 2;
	 
}

/* scrolling block of text */
div.scroll {
	height: 150px;
	width: 98%;
	overflow: auto;
//	border: 1px solid #666; 
	background-color: #E0E0E0;	
	padding: 1px;	
	
	font-size:  .875em; 
	color: #006;	
	text-align: left;
//	margin: 10;
	margin-left: 8px;	/* seems to effect where left edge is placed */
	

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	
}
#scroll p  {
	font-size:  .875em; 
	color: red;	
	text-align: left;
	margin: 10;
	margin-right: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}


/* thinner HR */
hr.thin {
	height: 1px;
	border: 0;
	color: #333;
	background-color: #333;
	width: 80%;
}

hr.thin2 {
	border: none 0;
	border-top: 1px dashed #000;	/*the border*/
	width: 50%;
	height: 1px;					/*whatever the total width of the border-top and border-bottom equal*/
}

#h2text{
	font-size:  1.1em; 
	text-align: left;
	color: #555555;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
} 

.accordian-closed, .accordian-closed0 {
	font-size:  .875em; 
	font-family: Verdana, arial, helvetica, sans-serif;
	color: #006;
	text-align: left;
	cursor: hand;
	cursor: pointer;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid gray;
	background: #E0E0E0;
	width: 96%;
	margin-left: 9px;
/*	margin-right: auto; */
	margin-right: 5px;
	margin-bottom: 6px;
	margin-top: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;	
	border-radius: 8px;	
	
}

.date-box {
	font-size:  .875em; 
	font-family: Verdana, arial, helvetica, sans-serif;
	
	text-align: right;
	cursor: hand;
	cursor: pointer;
	padding-left: 5px;
	padding-right: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
/* border: 1px solid gray; */
	/*background: #E0E0E0; */
	width: 96%;
	margin-left: 5px;
	margin-right: auto;
	margin-bottom: 2px;
}


.accordian-closed:hover, .accordian-closed0:hover {
	background: #9DB1C1;	
	color: #006;
}


.accordian-open, .accordian-open0 { 
	background: #9DB1C1;	
	border: 1px solid #9DB1C1; 
	color: white;
	font: bold;

	-moz-border-radius-topright: 8px; 
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomright: 0px; 
	-moz-border-radius-bottomleft: 0px;

	-webkit-border-top-right-radius: 8px; 
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-right-radius: 0px; 
	-webkit-border-bottom-left-radius: 0px;


	border-top-left-radius: 8px;
	border-top-right-radius: 8px; 	
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px; 	
}

.accordian-content, .accordian-content0 {
	background: #FFFFFF; 
	border: 1px solid gray;
	padding-top: 5px;
	
	width: 96%;
	height: 100%;
	margin-top: -7px;
	margin-left: 9px;
	margin-right: 5px;
	padding-right: 5px;

	
	margin-bottom: 8px;
	font-family: Verdana, arial, helvetica, sans-serif;
/*	font-size: .875em; */
	-moz-border-radius-bottomright: 8px; 
	-moz-border-radius-bottomleft: 8px;

	-webkit-border-bottom-right-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px;

	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px; 	

}
.accordian-content p, .accordian-content0 p {
	font-size: .875em;
}

.accordian-content li, .accordian-content0 li {
	margin-right: 20px;
}

.accordian-content ul, .accordian-content0 ul {
/*	margin-left: 0px; */
/*	border: 1px solid gray; */
	margin-top: 0;
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 1em;
	padding-left: 0;
	font-size: .875em; 

}
	
.outline-heading{ 
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size:  .875em; 

	cursor: hand;
	cursor: pointer;
/*	font: bold 14px Verdana; */
	margin-left: 5px;
	margin-bottom: 6px;	
}

.outline-content{
	font-family: Verdana, arial, helvetica, sans-serif;

  margin-top: -5px;
	margin-left: 60px;
/*	background: #9DB1C1;	*/

}

.outline-open{ /*class added to contents of 2nd demo when they are open*/
	color: #039; 
	border-top: dotted black 1px;

/*	padding: 5px;*/
}

.outline-closed{ /*class added to contents of 2nd demo when they are closed*/
}

.canceled {
	text-decoration: line-through;	
	color: red;
 	font-style: italic;	
}

.alert {
	color: red;
 	font-style: italic;	
}
.special {
	color: firebrick     ;
	/*background-color: lavender ;*/
	font-weight: bold;

}

.unjust {
	font-size:  .875em; 
	text-align: left;
	margin: 0;
	margin-right: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.headingtext {
	font-size:  1.3em; 
	font-weight: bold;
	text-align: left;
	color: #555;
	padding-top: 0px;
	padding-right: 1em;
	padding-bottom: 0px;
	padding-left: 1em;
}

.img-align-right-content { float:right; margin: 5px 5px .5em 15px; }

.img-align-right { float:right; margin: 0 0 15px 15px; }
.img-align-left { float:left; margin: 0px 15px 15px 0px; }
.img-align-center { float:center; margin: 5px 15px 5px 15px; }

.img-frame { padding: 0px; border: 5px solid #E0E0E0; }
.img-frame-limit { padding: 0px; border: 5px solid #E0E0E0; max-width: 200px; max-height: 300px;}

.img-detail-top1 { position:absolute; top:10px; right:15px; }

.img-detail-top2 { position:absolute; top:350px; right:15px; }




.quote-box {
	font-size:  .875em; 
	font-family: Verdana, arial, helvetica, sans-serif;
	
	text-align: left;
	padding-left: .5em;
	padding-right: .5em;
	padding-top: 2px;
	padding-bottom: 2px;
 	border: 1px solid gray; 
	background: #FAFAFA;
	width: 90%;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
}

.ui-autocomplete ul, li, p,  {
	background: white;
	color: black;
 	font-style: italic;	
}

.ui-autocomplete a:hover { background-color:#ccc;  text-decoration: none }