/*************************************************************/
/*   Design:  Mike Worley Music                              */
/*   Author:  M. Worley (mikeworley@me.com) 						 */
/*   Date:    Sept, 2009                                     */
/*************************************************************/
/***********************/
/* Defaults    		  */
/***********************/
body{
	margin:0px; padding:0px;
	background:#030; border:none 1px #f00;
	font-size:16px; font-family:arial, sans-serif;}
a{color:#55f;} a:hover{color:#f00;}

/***********************/
/* MAIN ID-LAYOUT   	  */
/***********************/
#canvas{
	height:100%; width:960px;
	margin:30px auto; padding:0px;
	border-top:none 2px #dca; border-bottom:none 2px #000; 
	border-left:none 2px #dca; border-right:none 2px #000; background:#dfd;}
#a{/* header */
	position:relative;
	height:160px; width:960px;
	margin: 0px; padding:0px;
	background:transparent; border:none 1px #f00}
#b{/* container */
	height:100%; width:960px; 
	margin:0px; padding:0px;
	background:#dca; border:none 1px #0f0;
	color:#000;}
#c{/* footer */
	clear:both;
	height:3.0em; width:960px;
	margin:0px auto; padding:0.5em 0px;
	border-top:solid 1px #fff;	background-image:url(images/nav2bgb.png);
	color:#fff; font-size:0.6em; text-align:center;}

/***********************/
/* SUB ID-LAYOUT   	  */
/***********************/
#a1{/* nav1 */
	clear:none; display:block; float:none;
	height:auto; width: auto;
	position: absolute; top:-25px; bottom:auto; right:-18px; left:auto;
	background: transparent;}
#a2{/* search */
	clear:none; display:inline; float:none;
	position: absolute; top:-28px;  bottom:auto; right:auto; left:-1px;
	margin:0px 0px; padding:0px 0px;
	background:transparent; 
	text-align:center; font-weight:normal;}
#a3{/* site name */
	clear:both; display:block; float:left;
	height:160px; width:960px; 
	margin:0px 0px; padding:0px 0px;
	background:url(images/header.png) no-repeat; 
	text-align:right; font-weight:bold;}
#a4{/* banner ad */
	clear:none; display:inline; float:none;
	position: absolute; top:auto;  bottom:-100px; left:auto; right:25px; 
	margin:0px 0px; padding:0px 0px;
	background:transparent; 
	text-align:center; font-weight:normal; z-index:1;}
	
#b1{/*column1*/
	clear:left; float:left;
	height:100%; width:180px; 
	margin:0px; padding:0px;
	background:transparent; border:none 1px #f00;}
#b2{/*column 2*/
	clear:none; float:left;
	height:auto; width:600px;
	margin:100px 0px 0px 0px; padding:0px;
	background:transparent;	border:none #f00;
	color:#000;}
#b3{/*column 3*/ 
	float:right; 
	height:100%; width: 180px;
	margin:100px 0px 0px 0px; padding: 0px;
	background:transparent; border:none 1px #f00;}
	
#c1{/* footer text */
	clear:left; display:block; float:none;
	height:auto; width:auto; 
	margin:0px auto; padding:0px;
	background:transparent; border:none 5px #ff0;}

/*********************/
/* CLASS-LAYOUT		*/
/*********************/
#a2 .h1{/*site name*/
	height:auto; width:auto;
	margin:0px; padding:0px 10px;
	border-top:solid 1px #fff; border-bottom:solid 2px #875;
	border-left:solid 1px #fff; border-right:solid 2px #875; background:url(images/bg2b.png);
	font-size:30px; font-weight:normal;}
#a2 .p{
	margin:0px 0px; padding:0px;
	color:#321; font-size:1.2em;}
#a2 a{text-decoration:none; color:#321;}
#a2 a:hover{text-decoration:none;}
#a3 .h1{/*slogan*/
	color:#fff;font-size: 1.4em;}
#a3 .p{
	float:right;
	color:#321; font-size:0.9em;}
	
#b1 .h1{ 
	height:20px; width:170px;
	margin:10px 0px; padding:2px 0px 2px 10px;
	color:#fff; background-image:url(images/nav2bgb.png);
	text-transform:uppercase; font-weight:normal; font-size:0.9em}
#b1 .p{
	height:100%; width:100%;
	margin:0px; padding:10px 0px;
	border-top:none 1px #66aa66; border-bottom:none 1px #fff;
	background: url(images/vertbg1b.png) left repeat-y;
	font-size:0.7em; text-align:center;}
#b1 .img{
	height:auto; width:180px;
	border-top:solid 2px #6a6; border-bottom:solid 2px #040;
	border-left:solid 2px #6a6; border-right:solid 2px #040;}
	
#b2 .h1{
	height:auto; width:560px;
	margin:10px 10px 0px 10px; padding:0px 10px;
	border-top:none 5px #321; border-bottom:solid 5px #005; background:transparent;
	border-left:none 5px #321; border-right:none 5px #321;
	text-transform:uppercase; font-weight:normal; font-size:1.1em;}
#b2 .p{
	min-height:50px; width:560px;
	margin:1px 10px; padding:0px 10px;
	border-top:solid 1px #050; background:url(images/bg1b.png) repeat-x;
	border-bottom:none 1px #fff;
	font-size:0.8em; text-align:justify;}
#b2 .availability{
	min-height:50px; width:560px;
	margin:1px 10px; padding:0px 10px;
	border-top:solid 1px #050; background:url(images/bg1bsm.png) repeat-x;
	border-bottom:none 1px #fff;
	font-size:0.8em; text-align:justify;}
#b2 img{
	width:100px;
	float:right;
	border: solid 3px #004;}
#b3 .h1{
	width: 170px;
	height: 20px;
	margin: 10px 0px;
	padding: 2px 0px 2px 10px;
	background-image:url(images/nav2bgb.png);
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.0em}
#b3 .p{
	clear: none;
	height:auto; width:180px;
	margin: 0px 0px 10px 0px; padding: 10px;
	border-top:solid 1px #66aa66;	border-bottom:none 1px #fff;
	color:white; background:url(images/vertbg2b.png) right repeat-y;
	font-size:0.8em; text-align:center;}
#b3 .ad
	{clear: none;
	height:auto; width:160px;
	margin: 0px 0px 10px 0px; padding: 10px;
	border-top:none 1px #66aa66;	border-bottom:none 1px #fff;
	color:white; background:url(images/vertbg2b.png) right repeat-y;
	font-size:0.8em; text-align:center;}
#b3 .img
	{width:130px;
	border-top: solid 2px #fff;
	border-right: solid 2px #000;
	border-bottom: solid 2px #000;
	border-left: solid 2px #fff;}
#c .p{
	margin:0px; padding:0px;
	text-align: center;
	line-height: 1.3em;
	font-size: 110%;}

/*************************************/
/* SECTION 3 - NAVIGATION				 */
/*************************************/
/*-------------*/
/* Nav1			*/
/*-------------*/
.nav1{
	margin:0px; padding:0px;
	font-family:verdana, arial, sans serif;}
.nav1 ul{
	float: right;
	margin:0px; padding:0px 20px 0px 0px;
	border-left:solid 2px #dfd; background:transparent;font-weight:normal;}	
.nav1 li{
	display:inline;
	margin:0px; padding:0px;
	list-style:none;}
.nav1 li a{
	clear:none; display:block; float:left;
	margin:0px; padding:2px 5px;
	border-right:solid 2px #dfd;
	color:#dfd;	text-decoration:none; font-size:0.7em;}
.nav1 a:hover{
	border-bottom:solid 3px;
	color:#f55; text-decoration:none;}

/*----------------------------*/
/* Navigation - Level 2 		*/
/*----------------------------*/
.nav2 
	{clear:both; float:none;
	height:100%; width:100%;
	margin:0px;	padding:0px;
	color:#000;	}
.nav2 ul 
	{width:100%;
	margin:0px; padding:0px;
	border-bottom:none 2px #aa8;}	
.nav2 li{
	list-style:none;
	margin:10px 0px; padding:5px 0px 5px 5px;
	border-top:solid 1px #004; border-right:solid 5px #004;
	background:url(images/vertbg1a.png) repeat-y #6a6;
	color:#dfd; font-style:oblique; font-weight:normal; font-size: 0.9em;}
.nav2 li a{
	display:block;
	height:auto;
	margin:0px 0px; padding:0px 0px;
	color:#dfd; text-decoration:none;}
.nav2 li a:hover,.nav2 a.selected 
	{border-right: solid 12px #f55;
	background:url(images/vertbg2.png) repeat-y #6a6;
	color:#f55; font-style:oblique; text-decoration:none;}

/*-------------*/
/* Nav3			*/
/*-------------*/
.nav3
	{clear: none;
	margin: 0px;
	padding: 0px; 
	font-family: verdana, arial, sans serif;
	font-size: 1.0em}
.nav3 ul 
	{float: left;
	width: 320px;
	margin: 0px;
	padding: 0px;
	border-top: solid 1px #000;
	border-bottom: solid 1px rgb(54,83,151);
	background-color: #39a;
	font-weight: bold}	
.nav3 li 
	{display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;}
.nav3 li a 
	{display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-right: solid 1px rgb(54,83,151);
	color: rgb(255,255,255);
	text-transform: uppercase;
	text-decoration: none; font-size: 100%}
.nav3 a:hover, 
.nav3 a.selected .nav3 li a.selected
	{color: #668;
	text-decoration: none;}

/* Headings */
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 1.3em;}
h2 {margin: 1.0em 20px 0.5em 0px; font-weight: bold; font-size: 1.1em;}
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 130%;}