/*************************************************************/
/*   Design:  Mike Worley Music                              */
/*   Author:  M. Worley (mikeworley@me.com) 						 */
/*   Date:    Sept, 2009                                     */
/*************************************************************/
/***********************/
/* Defaults    		  */
/***********************/
body{
	height:auto; width:auto;
	margin:0px; padding:0px;
	background:#509f8f; border:none 1px #f00;
	font-size:14px; font-family:arial, sans-serif;}

/*********************/
/* MAIN ID-LAYOUT   	*/
/*********************/

#canvas{
	height:100%; width:960px; 
	margin:0px auto; padding:0px 0px;
	border:none 1px #f00; background: #0000ff;
	z-index:3}
#a{
	position: relative;
	clear:both; display:block; float:none;
	height: 190px; width:960px; 
	margin:0px 0px; padding:0px 0px;
	border:none 1px #0f0; background:#004f3f;
	z-index:2;}
#b{
	clear:none; display:block; float:left;
	height:auto; width:960px; 
	margin:0px auto; padding:0px 0px;
	border:none 1px #0f0; background:#90dfcf;
	z-index:1;}
#c{
	clear:both; display:block; float:left;
	height:30px; width:960px; 
	margin:0px auto 20px auto; padding:0px 0px;
	background:url(images/nav1.png); border-top:solid 1px #90dfcf;
	color:#fff; font-size:0.6em; text-align:center;}
	
/*********************/
/* SUB ID-LAYOUT 		*/
/*********************/
#a1{/* banner ad */
	clear:right; display:block; float:right;
	position:absolute; top:190px; bottom:auto; right:0px; left:auto;
	height:auto; width:760px;
	margin:0px auto; padding:0px;
	background:#90dfcf; text-align:center;
	z-index:1}
#a2{/* site name */
	clear:both; display:block; float:left;
	position:inherit;
	height:160px; width:960px;
	margin:30px 0px 0px 0px; padding:0px 0px 0px 0px;
	background:url(images/header4.jpg) repeat-x;}
#a3{/* nav1 search */
	clear:both; display:inline; float:none;
	position:absolute; top:0px; bottom:auto; right:auto; left:0px;
	margin:0px 0px; padding:0px 0px;
	height:30px; width:960px;
	border-left:none 2px #90dfcf; border-right:none 2px #004f3f;
	background:url(images/nav1.png); text-align:right;}

#b1{
	clear:left; display:block; float:left;
	height:100%; width:200px; 
	margin:0px; padding:0px;
	border:none 1px #f00;
	background:1url(images/bgleft.png) #509f8f left repeat-y;
	z-index:2;}
#b2{
	clear:right; display:block; float:left;
	height:auto; width:560px; 
	margin:90px 0px 0px 0px; padding:0px;
	border:none 1px #f00; background: transparent;
	z-index:3;}
#b3{
	clear:right; display:block; float:right;
	height:100%; width:200px; 
	margin:90px 0px 0px 0px; padding:0px;
	background:1url(images/bgright.png) right repeat-y; border:none 1px #f00;}
	
#c1{/* footer text */
	clear:both; display:block; float:none;
	height:auto; width:auto; 
	margin:0px auto; padding:0px;
	background:transparent; border:none 5px #ff0;
	line-height:26px;}

/*********************/
/* CLASS-LAYOUT		*/
/*********************/
#a2 .h1{/*site name*/
	clear:both; display:block; float:none;
	position:absolute; top:auto; bottom:auto; right:auto; left:auto;
	height:100%; width:800px;
	margin:0px; padding:0px;
	font-family:"trebuchet ms", arial, sans serif;	font-size:2.8em;
	color:#066;text-align:center; text-transform:uppercase;}
#a2 a{text-decoration:none; color:#035;}
#a2 a:hover{text-decoration:none;}
#a2 .p{/*slogan*/
	clear:both; display:block; float:none;
	position:absolute; top:50px; bottom:auto; right:auto; left:auto;
	height:100%; width:800px;
	margin:0px; padding:10px 0px;
	border:none 1px #f00; background:transparent;
	font-size:1.6em; font-weight:bold;
	color:#9ff; text-align:center;}
#a3 .search
	{clear:both; display:block; float:none;
	position:absolute; top:0px; bottom:auto; right:auto; left:0px;
	margin:0px; padding:2px 5px;
	text-align: right;}
	
#b1 .h1{
	width:auto; height:auto;
	margin:0px 0px; padding:20px 0px;
	color:#000; background:transparent; font-weight:bold; font-size:1.2em; 
	text-transform:uppercase; text-align:center;}
#b1 .content{
	clear:both; display:block; float:none;
	height:auto; width:160px; 
	margin:0px 20px; padding:0px 0px;
	background:transparent; border-bottom:none 1px #fff;
	color:white; text-align:center; font-size:0.7em;}
#b1 .img
	{width:auto;
	border-top: solid 4px #060;border-left: solid 4px #060;
	border-right: solid 4px #020;border-bottom: solid 4px #020;}

#b2 .img
	{width:536px;
	margin:10px 0px; padding:0px 0px;
	border-top: solid 2px #999;border-left: solid 2px #999;
	border-right: solid 2px #000;border-bottom: solid 2px #000;}
#b2 .h1{
	clear:none; display:block; float:left;
	min-height:30px; width:540px; 
	margin:10px 10px; padding:2px 0px;
	border-top:none 1px #fff; border-right:none 1px #004f3f; 
	border-left:none 1px #fff; border-bottom:none 1px #004f3f;
	text-transform:uppercase; text-align:center;
	color:#000; background:url(images/nav.png); font-weight:normal; font-size:1.1em; }
#b2 .content{
	clear:none; display:block; float:left;
	height:auto; width:520px;
	margin:10px 10px; padding:10px 10px;
	text-align:left;
	background:transparent;
	color:black;
	border-bottom:solid 1px #000;
	font-size:0.9em;}
#b2 a{text-decoration:underline; color:#00f;}
#b2 a:hover{text-decoration:none; color:#f00}

#b3 .h1{
	width:auto; height:30px;
	margin:0px 0px 20px 0px; padding:10px 0px 0px 0px;
	color:#fff; background:#006; font-weight:bold; font-size:1.0em; 
	text-transform:uppercase; text-align:center;}
#b3 .content{
	clear:both; display:block; float:none;
	width:180px; height:auto;
	margin:10px auto; padding:0px 0px;
	border-bottom:none 1px #fff;
	color:white; background:transparent; text-align:center; font-size:0.7em;}
#b3 .img{
	width:160px;
	margin:0px;padding:0px;
	border-top:solid 2px #509f8f; border-right:solid 2px #004f3f;
	border-left:solid 2px #509f8f; border-bottom:solid 2px #004f3f;}
	
#c1 a{text-decoration:underline; color:#0f0;}
#c1 a:hover{text-decoration:none; color:#f00}
	
/*************************************/
/* NAVIGATION								 */
/*************************************/
/*-------------*/
/* Nav 1			*/
/*-------------*/
.nav1{
	margin:0px auto; padding:0px;
	font-family:verdana, arial, sans serif;}
.nav1 ul{
	float: right;
	margin:5px; padding:0px 20px 0px 0px;
	border-left:solid 2px #fff;
	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 #fff;
	color:#fff;	text-decoration:none; font-size:0.8em;}
.nav1 a:hover{
	border-bottom:solid 3px;
	color:#5f0030; text-decoration:none;}

/*-------------*/
/* Nav 2			*/
/*-------------*/
.nav2{
	clear:left; display:block; float:inherit;
	height:auto; width:160px;
	margin:5px auto 10px auto; padding:0px 0px;
	list-style-type: none;}
.nav2 li a{
	clear:inherit; display:block; float:inherit;
	height:inherit; width:100%;
	margin:5px 0px; padding:4px 4px;
	border-top:solid 1px #ccffcc; border-right:solid 1px #003300; 
	border-left:solid 1px #ccffcc; border-bottom:solid 1px #003300;
	background:url(images/nav.png) repeat-x; color:#000; 
	text-decoration:none; font-size:1.0em;}
.nav2 a:hover{
	border-top:solid 1px #003300; border-right:solid 1px #ccffcc; 
	border-left:solid 1px #003300; border-bottom:solid 1px #ccffcc;
	background:url(images/nav1.png) repeat-x; color:#cfc;}
.nav2 a:active{
	border-top:solid 1px #003300; border-right:solid 1px #ccffcc; 
	border-left:solid 1px #003300; border-bottom:solid 1px #ccffcc;
	background:url(images/nav1.png) repeat-x; color:#cfc;}
.nav2 .selected{
	border-top:solid 1px #003300; border-right:solid 1px #ccffcc;
	border-left:solid 1px #003300; border-bottom:solid 1px #ccffcc;
	background:url(images/nav1.png) repeat-x; color:#cfc;}

/* Headings */
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 170%;}
h2 {margin: 1.0em 20px 0.5em 0px; font-weight: bold; font-size: 150%;}
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%;}
div {text-align: center;}