@charset "utf-8";
/* CSS Document */
/* Layout */
#container {
	position:absolute;
	left: 50%;
	top: 10px;
	width: 1000px;
	margin-left: -500px; /* half of the width */
	text-align: left; /* to realign your text */
	background-position: top;
	height: 780px;
}	
body {
	background-image: url(images/backgrounds/35bge.jpg);
	background-repeat: repeat;
	}
#rightside {
	width: 150px;
	right: 0px;
	top: 100px;
	position: absolute;
	height: 800px;
	}
#rightsidecontrol {
	width: 150px;
	right: 0px;
	top: 120px;
	position: absolute;
	height: 800px;
	background-color:#669999;
	}
#rightsidecontrol   img  {
	padding-bottom: 5px;
	padding-left: 5px;
	}
#content	{
	top: 120px;
	position: absolute;
	width: 825px;
	background-color: #669999;
	}
#copy	{
	top: 35px;
	position: absolute;
	height: 675px;
	width: 780px;
	background-color: #fff;
	padding: 10px;
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#copylong	{
	top: 35px;
	position: absolute;
	width: 780px;
	background-color: #fff;
	padding: 10px;
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 700px;
	overflow: auto;
	left: 8px;
	}
#copylong900	{
	top: 35px;
	position: absolute;
	width: 780px;
	background-color: #fff;
	padding: 10px;
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 900px;
	overflow: auto;
	left: 8px;
	}
#copylong2	{
	top: 35px;
	position: absolute;
	width: 780px;
	background-color: #699;
	padding: 10px;
	margin: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 700px;
	overflow: auto;
	}		
#copyright	{
	background-color: #CCCCCC;
	position: absolute;
	height: 20px;
	width: 825px;
	left: 0px;
	bottom: 0px;
	}	
#menu	{
	position: absolute;
	width: 150px;
	right: 0px;
	background-color: #669999;
	left: 0px;
	top: 25px;
	}	
#menunews	{
	position: absolute;
	width: 150px;
	right: 0px;
	background-color: #669999;
	left: 0px;
	top: 320px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#menunews	p  {
	margin-left: 5px;
	margin-right: 5px;
	}
#menulessons	{
	position: absolute;
	width: 150px;
	right: 0px;
	background-color: #669999;
	left: 0px;
	top: 20px;
	}	
#menulessons	img  {
	padding-left: 5px;
	padding-bottom: 1px;
	padding-top: 4px;
	left: 10px;
	}
#menulessons  a:link {
	background-color: #699;
	text-align: left;
	}
#menulessons  a:visited {
	background-color: #699;
	text-align: left;
	}
#menulessons  a:hover {
	background-color: #699;
	text-align: left;
	}
#menulessons  a:active {
	background-color: #699;
	text-align: left;
	}
#menulessonpage	{
	position: absolute;
	width: 150px;
	right: 0px;
	background-color: #669999;
	left: 0px;
	top: 325px;
	}	
p {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 25px;
	}
#menutop	{
	height: 25px;
	width: 825px;
	left: 0px;
	top: 0px;
	padding-top: 2px;
	padding-left: 2px;
	background-image: url(images/backgrounds/35bge.jpg);
	background-position: left;
	}
#menutop  a:hover {
	background-color: #699;
	}	
#top {
	position:absolute;
	background-image: url(images/logo-1.jpg);
	background-repeat: no-repeat;
	left: 50%;
	width:1000px;
	height:100px;
	margin-left: -500px; /* half of the width */
	text-align: left; /* to realign your text */
	z-index:6;
	text-align: center;
	top: 0px;
	background-position: center;
	background-color:#000000;
	}
#bothsides {
	position:absolute;
	left:2px;
	right:0px;
	top:10px;
	width:1000px;
	min-height: 400px;
	z-index:3;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	padding-left: 0px;
	float: left;
	display: inline;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#buttons {
	width: 315px;
	position: absolute;
	right: 15px;
	top: 30px;
	}
/* Layout */
/* photo Galleries */
#gallery	{
	float:left;
		}
.bigphoto {
	width: 800px;
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 15px;
	margin-left: 50px;
	float: left;
	padding-right: 50px;
	padding-left: 50px;
}
.tealbackground    	{
	background-color: #669999;
	}
.photo {
	width: 188px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	float: left;
	height: 180px;
}
.photo p  {
	font-size: 12px;
	text-align: left;
	margin-top: 10px;
	margin-left: 0px;
	}
.bigflash {
	margin-top: 0;
	margin-right: 100px;
	margin-bottom: 15px;
	margin-left: 100px;
	float: left;
}
.bigflash p  {
	font-size: 12px;
	text-align: left;
	margin-top: 10px;
	margin-left: 0px;
	}	
.video {
	margin-bottom: 15px;
	width: 500px;
	margin-left: auto;
	margin-top: 15px;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 375px;
}
.video p  {
	font-size: 12px;
	text-align: left;
	margin-top: 10px;
	margin-left: 0px;
	}	
.videonotice {
	margin-top: 0;
	margin-right: 100px;
	margin-bottom: 15px;
	margin-left: 100px;
	float: left;
}
.video p  {
	font-size: 12px;
	text-align: left;
	margin-top: 10px;
	margin-left: 0px;
	}	
.lessons {
	margin-top: 0;
	margin-right: 35px;
	margin-bottom: 15px;
	margin-left: 35px;
	float: left;
}
.lessons p  {
	font-size: 12px;
	text-align: left;
	margin-top: 10px;
	margin-left: 0px;
	}	
/* photo Galleries */

/* Character Styling */
h1	{
	font-weight: normal;
	font-size: 24px;
	color: #006699;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-right: 10px;
	margin-left: 10px;
	text-transform: none;
	margin-top: 2px;
	margin-bottom: -10px;
}
h2	{
	font-weight: bold;
	font-size: 14px;
	color: #990000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: left;
	font-variant: small-caps;
	margin-left: 10px;
	margin-top: 5;
}
h3	{
	font-size: 14px;
	color: #003366;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	padding-top: 5;
	padding-right: 0;
	padding-bottom: 0;
	margin-top: 15;
	margin-right: 15;
	margin-bottom: 0;
	margin-left: 15;
	text-indent: 40px;
}
h4	{
	margin-top: 0;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.2em;
	color: #666666;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	margin-right: 10px;
	margin-left: 20px;
	padding: 0;
}
.headerA	{
	font-size: 16px;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
.headerB	{
	font-size: 14px;
	color: #990000;
	font-weight: bold;
	}
.headerC	{
	font-size: 18px;
	color: #003366;
	text-decoration: underline;
	}
.headerD	{
	font-size: 18px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #669999;
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
	text-transform: none;
	font-variant: small-caps;
	font-weight: normal;
	}
.headerE	{
	font-size: 14px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #669999;
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
	text-transform: none;
	font-variant: small-caps;
	font-weight: bold;
	padding-top: 10px;
	}			
.Heading  	{
	margin-top: 0;
	font-size: 1.2em;
	}
ul	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 22px;
	list-style-image: none;
	text-align: left;
	width: 150px;
	padding-left: 0px;
	text-indent: 5px;
	}
li  {
	list-style-position: inside;
	list-style-type: none;
	display: block;
	left: 0px;
	}
ul a:link {
	font-size: 12px;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	padding-top: 5;
	padding-right: 0;
	padding-bottom: 0;
	text-decoration: none;
	margin-top: 15;
	margin-right: 15;
	margin-bottom: 15;
	margin-left: 15;
	}
ul a:visited {
	font-size: 12px;
	color: #FF9999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	padding-top: 5;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 15;
	text-decoration: none;
	}
ul a:hover {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	padding-top: 5;
	padding-right: 0;
	padding-bottom: 0;
	margin: 15;
	text-decoration: none;
	background-color: #000000;
	}
ul a:active {
	font-size: 12px;
	color: #FF9999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	padding-top: 5;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 15;
	text-decoration: none;
	}			
.green	{
	color:#00CC33;
	font-weight: bold;
	}	
.darkgreen	{
	color:#006600;
	font-weight: bold;
	}	
.red	{
	color:red;
	font-weight: bold;
	}		
.yellow	{
	color:yellow;
	font-weight: bold;
	}
.pink	{
	color:#FF99CC;
	font-weight: bold;
	}
.blue	{
	color:blue;
	font-weight: bold;
	}
.caption	{
	color:red;
	font-weight: normal;
	}	
.redonyellow	{
	color: #FF0000;
	background-color: #FFFF00;
	font-weight: bold;
	line-height: 25px;
	}
.date	{
	color:#fff;
	font-weight: normal;
	font-size:12px;
	padding-left: 20px;
	}	
.copyright	{
	background-color: #666666;
	text-align: center;
	padding-top: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #333333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	display: block;
	color: #000000;
	}
/* Lesson Styling */
.lessonchords     	{
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	}
.lessonchords     p	{
	text-align: left;
	}
.lessonchords img    	{
	padding-right: 25px;
	padding-left: 25px;
	}
.lessonchordsallsix     	{
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	padding-right: 0px;
	padding-left: 0px;
	}
.lessonchordsallsix img    	{
	padding-right: 3px;
	padding-left: 0px;
	}
.lessonchordsmp3     	{
	width: 100%;
	text-align: center;
	padding-right: 0px;
	padding-left: 40px;
	}
.lessonchordsmp3 img    	{

	}
.lessonsmallchords	  {
	width: 100%;
	float: left;
	height: 65px;
	margin-bottom: 30px;
	}
.chordinsidewrap1	{
	display: inline;
	width: 135px;
	float: left;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	padding-top: 35px;
	}
.chordinsidewrap1b	{
	display: inline;
	width: 135px;
	float: left;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	padding-top: 20px;
	}	
.chordinsidewrap1	p  {

	}	
.chordinsidewrap1	img {
	float: left;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 20px;
	}
.chordinsidewrap2	{
	display: inline;
	width: 55px;
	float: left;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	padding-top: 20px;
	padding-left: 15px;
	}	
.chordinsidewrap2	p  {

	}	
.chordinsidewrap2	img {
	float: left;
	padding-right: 3px;
	padding-left: 3px;
	}
.chordinsidewrap3	{
	display: inline;
	width: 400px;
	float: left;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	padding-left: 15px;
	}	
.chordinsidewrap3	p  {

	}	
.chordinsidewrap3	img {
	float: left;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 20px;
	}			
.flash    	{
	float: left;
	width: 100px;
	padding-left: 10px;
	margin-right: 1px;
	margin-left: 5px;
	}				
.sidebar    	{
	float: right;
	width: 250px;
	background-color: #669999;
	padding-left: 5px;
	margin-right: 15px;
	}		
.sidebar   p 	{
	margin-right: 10px;
	margin-left: 5px;
	}		
.sidebar   img 	{
	padding-right: 5px;
	padding-left: 5px;
	}	
/* Lesson Styling */
/* Character Styling */
/* Page Styling */	
.newsclip	{
	background-color;#fff;
	width:350px;
	margin-right: 25px;
	background-color: #FFFFCC;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 15px;
	float: right;
	margin-left: 10px;
	}
.newsclip	p  {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	color: #000000;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	}	
.newsclip	img  {
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	}		
.newscliptitle	{
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	line-height: 22px;
	text-transform: capitalize;
	background-color: #669999;
	display: block;
	text-align: center;
	font-weight: bolder;
	}
.customerclip	{
	background-color;#fff;
	width:90%;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: normal;
	background-color: #FFFF99;
	}	
.customerclip	p  {
	padding: 0px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
	}	
.customerclip	img  {
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	}		
.customercliptitle	{
	font-size:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00CC66;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	line-height: 22px;
	}
.adviceclip	{
	background-color;#fff;
	width:90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	}	
.adviceclip	p  {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000000;
	margin-right: 20px;
	margin-left: 20px;
	}	
.adviceclip	img  {
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	}		
.advicecliptitle	{
	font-size:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC6699;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	line-height: 22px;
	}
.bookclip	{
	background-color;#fff;
	width:90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCCCCC;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
.bookclip	p  {
	padding: 0px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
	}
.bookclipheaderA	{
	font-size: 18px;
	color: #003366;
	text-decoration: underline;
	}
.bookclipheaderB	{
	font-weight: bold;
	font-size: 14px;
	}
.bookclipheaderC	{
	}			
.bookclip	img  {
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
	}		
.bookcliptitle	{
	font-size:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #006633;
	line-height: 22px;
	text-transform: capitalize;
	}	
/* Floats */
br.clear	{clear:both;}
.floatleft { float: left; margin: 5px 5px 5px 5px; }
.floatright { float: right; margin: 5px 5px 5px 5px; }
.floatnone {
	float: none;
	margin: 0px;
}
.floatnoborder { border:hidden; }
p.floatcenter {
	float: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 6%;
	margin-left: 6%;
}
.floatcenter {
	float: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 6%;
	margin-left: 6%;
}
.floatcenterB {
	clear:both;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}




/* Floats */	
/* Page Styling */	

a:link img   {border:none;}
a:visited img   {border:none;}					
a:link {
	color:#990033;
	}
a:visited {
	color:#003366;
	}
a:hover {
	color:#FFFFFF;
	background-color: #000000;
	}
a:active  {
	color: #0E5E77;
	background-color: #8B9B8A;
	text-decoration: none;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
	}