/* +----------------------------------------------------------------------+
   | CSS level 2                                                          |
   +----------------------------------------------------------------------+
   | W3c Specification                                                    |
   | http://www.w3.org/TR/REC-CSS2/                                       |
   +----------------------------------------------------------------------+
   | Default Style Sheets for improviseguitar.com                         |
   +----------------------------------------------------------------------+
   | Authors:    jon@cyphercreative.com       							  |
   |                             									      |
   |                               										  |
   +----------------------------------------------------------------------+
*/

/* +----------------------------------------------------------------------+
   | Basic settings                                                       |
   +----------------------------------------------------------------------+
*/

body
            {
                display: block;
                font-family: Verdana, Helvetica, sans-serif;
                margin-right: 0px;
                margin-left: 12px;
                margin-bottom: 0px;
                margin-top: 8px;
                padding-top: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
                padding-right: 0px;
                background-color: #d7e0fc;
            } 
            


					
h1          
            {
              margin-top: 1em;
              margin-bottom: x-small;
              font-size: large;
              font-weight: bold;
            }

h2          
            {
              margin-top: .5em;
              margin-bottom: .1em;
              font-size: 13px;
              font-weight: bold;
              color: #ad35b1;   
            }

h3          
            {
              margin-top: .5em;
              margin-bottom: 0em;
              font-size: small;
              font-weight: bold;
              color: #000000;   
            }

p           
            {
              margin-top: 0px;
              margin-bottom: 20px;
              font-size: 11px;
              text-align: justify;
			  color: #030959; 
              
            }    
            
pre         {
              font-size: x-small;
              font-family: monospace;
            }

code         {
              font-size: x-small;
              font-family: monospace;
            }       
            
form        
            {
              margin-top: 0px;
              margin-bottom: 0px;
            }                         
            
table, td, th
            {
              font-family: Verdana, Helvetica, sans-serif;
              font-size: 9px;
              color: #030959;
            }            
            
img       
			{
              border-left: px;
			  border-right: 0px;	
			  border-top: 0px;
			  border-bottom: 0px;
            } 
                       
ul 			
			{
			  padding-left: 0px;
			  padding-right: 0px;
			  padding-bottom: 0px;
			  padding-top: 0px;
			  margin-top: 0px;
			  margin-bottom: 0px;
			  margin-left: 0px;
			  margin-right: 0px;
			}


			
li 			
			{
			  padding-left: 0px;
			  padding-right: 0px;
			  padding-bottom: 10px;
			  padding-top: 0px;
			  margin-top: 0px;
			  margin-bottom: 0px;
			  margin-left: 0px;
			  margin-right: 0px;
			}					

.bulletwhite
			{
			  margin-left: 15px;
			  list-style-image: url(images/bullet-white.gif);
			}

.indent
			{
			  margin-left: 15px;
			  list-style-type: none;
			}			  
            
/* +----------------------------------------------------------------------+
   | basic formatting styles                                              |
   +----------------------------------------------------------------------+
*/

.italic
            {
              font-style: italic;
            }

.bold
            {
              font-weight: bold;
            }   
.hilited           
            {
              font-size: 13px; 
              color: #003366;
              font-weight: bold;
            }                
			
.grey           
            {
              color: #666666;
            }                

.red           
            {
              color: #ff0000;
            }

.purple1           
            {
              color: #8e79fc;
            } 

.purple2           
            {
              color: #ad35b1;
            } 

.purple2bold           
            {
              color: #ad35b1;
              font-weight: bold;
            } 

.purple3           
            {
              color: #8a3fa2;
            } 

.blue1           
            {
              color: #0787e2;
            } 

.blue1bold           
            {
              color: #0787e2;
              font-weight: bold;
            } 

.blue2           
            {
              color: #33008d;
            }

.blue2bold           
            {
              color: #33008d;
              font-weight: bold;
            }

.mini      
            {
              font-family: Verdana, Helvetica, sans-serif;
              font-size: 9px;
            }
            
.title1      
            {
              font-size: 11px;
              letter-spacing: 100px;
              color: #009999;
            }                    

.small      
            {
              font-size: xx-small;
            }
            
.medium     
            {
              font-size: 11px;
              color: #990033;
            }
.sub     
            {
              font-size: 11px;
              color: #CCFFFF;
            }

.text       
            { 
              font-size: small; 
            }                     

.mainline
			{
    		  width: 100%;                                                                                                                                                                                                                                                             
			  border-left: 0px solid #FFCC99;
			  border-right: 0px solid #CCCCCC;	
			  border-top: 0px solid #FFCC99;
			  border-bottom: 1px solid #E2E3E4;                                                                  
			}

.divider
			{
    		  width: 100%;                                                                                                                                                                                                                                                             
			  border-left: 0px solid #FFCC99;
			  border-right: 0px solid #CCCCCC;	
			  border-top: 0px solid #FFCC99;
			  border-bottom: 1px solid #fff;                                                                  
			}			


                    
                               
/* +----------------------------------------------------------------------+
   | basic link styles                                                    |
   +----------------------------------------------------------------------+
*/

a:link
            {
              color: #7F1885;
              text-decoration: underline;
            }

a:visited   
            {  
              color: #7F1885;
              text-decoration: underline;
            }

a:hover
            {
              color: #33008d;
              text-decoration: underline;
            }

a:active
            {
              color: #6b5bbd;
              text-decoration: none;
            }

a:link.menu
            {
              color: #33008d;
              text-decoration: none;
              width: 150px;
              height: 20px;
            }

a:visited.menu   
            {  
              color: #33008d;
              text-decoration: none;
            }

a:hover.menu
            {
              color: #0787e2;
              text-decoration: none;
            }

a:active.menu
            {
              color: #d571f5;
              text-decoration: none;
            }


/* +----------------------------------------------------------------------+
   | boxes					                                              |
   +----------------------------------------------------------------------+
*/ 


.tips
{
	text-align: left;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}



.tips1 {
	background-color: #d571f5;
	color: #030959;

}	

.tips2 {
	background-color: #8e79fc;
	color: #030959;

}	

.tips3 {
	background-color: #88a3ff;
	color: #030959;

}


.roundcont3 {
	width: 260px;
	margin-left: 45px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	
}

.roundbluebox {
	width: 250px;
	background-color: #88a3ff;
	color: #030959;
	font-size: 11px;
	padding-left: 1px;
	padding-right: 9px;
	padding-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	
}


.toprowblue
{
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	
}


.roundcont3 p {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.roundtop3 { 
	background: url(images/trblue1.gif) no-repeat top right; 
}

.roundbottom3 {
	width: 260px;
	margin-left: 45px;
	background: url(images/brblue1.gif) no-repeat top right; 
}


.roundcont2 {
	width: 260px;
	background-color: #8e79fc;
	color: #030959;
	margin-left: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	
}

.roundcont2 p {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.roundtop2 { 
	background: url(images/trpurp2.gif) no-repeat top right;
}

.roundbottom2 {
	width: 260px;
	margin-left: 45px;
	background: url(images/blbrpurp2.gif) no-repeat top right; 
}

.roundcont {
	width: 260px;
	background-color: #d571f5;
	color: #030959;
	margin-left: 45px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	
}

.roundcont p {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.roundtop { 
	background: url(images/trpurp1.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/brpurp1.gif) no-repeat top right; 
}

img.corner {
   width: 24px;
   height: 24px;
   border: none;
   display: block !important;
   
}


.toprightimg
{
	padding-left: 25px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	
}

.newcircle
{
	padding-left:50px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-top: 0px;
	
}

.toprightrepeat
{
	background:url(images/toprightrepeat.gif) repeat-x 0px 0px;
}

.topright
{
	background:url(images/topright.gif) no-repeat 0px 0px;
}


.rightcol
{
	background:url(images/rightcolumnbottom.gif) no-repeat 0px 0px;
}

.rightcolrepeat
{
	background:url(images/rightcolrepeat.gif) repeat-x 0px 0px;
}

.maintextbg
{
	background:url(images/mainboxclose.gif) no-repeat bottom left;
	
}



.maintext
{
	/* text-align: justify; */
	width: 300px;
	color: #030959;
	font-size: 11px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-top: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-left: 25px solid #d7e0fc;
}

.mainboxtd
{
	background:url(images/mainbox.gif) no-repeat 0px 0px;
	background-color: #b5c6fd;
}

.mainboxclosecontain
{	
	width: 477px;
	height: 197px;

}


.mainboxclose
{	
	width: 477px;
	height: 197px;
	position: relative;
	z-index: 1;
	background:url(images/mainboxclose.gif) no-repeat 0px 0px;	
}




.guitar
{	
	width: 150px;
	height: 70px;
	position: absolute;
	top: 118px;
	background:url(images/guitar.gif) no-repeat 0px 0px;
	
}

.menuboxcontain
{	
	width: 185px;

}

.menuboxposition
{	
	width: 185px;
	position: absolute;
	
	top: 300px;
	
	
}

.menubox 
{
	width: 185px;
	display: block;
	
	background:url(images/menubox.gif) no-repeat 0px 0px;
}

.menuboxclose 
{
	width: 185px;
	height: 100px;
	display: block;
	color: #ff0000;
	background:url(images/menuboxclose.gif) no-repeat 0px 0px;
}

.menulist1
{
	color: #440e62;
	font-size: 10px;	
	list-style-type: none;
	background:url(images/menutop.gif) no-repeat 0px 0px;
	padding-left: 40px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-top: 9px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.menulist2
{
	color: #440e62;
	font-size: 10px;	
	list-style-type: none;
	background:url(images/menu-item-off.gif) no-repeat 0px 0px;
	padding-left: 40px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 9px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.menulist3
{
	list-style-type: none;
	background:url(images/menuboxclose.gif) no-repeat 0px 0px;
	height: 100px;
	
}

.menulist4
{
	color: #440e62;
	font-size: 10px;	
	list-style-type: none;
	background:url(images/menu-item-on.gif) no-repeat 0px 0px;
	padding-left: 40px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 9px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.menulist5
{
	color: #440e62;
	font-size: 10px;	
	list-style-type: none;
	background:url(images/menu-item-top-off.gif) no-repeat 0px 0px;
	padding-left: 40px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-top: 9px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.menulist6
{
	list-style-type: none;
	background-color: #95aefe;
	padding-left: 43px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.menulist7
{
	color: #440e62;
	font-size: 10px;	
	list-style-type: none;
	background:url(images/menu-sub-item-off.gif) no-repeat 0px 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.menulist8
{
	color: #440e62;
	font-size: 10px;	
	list-style-type: none;
	background:url(images/menu-sub-item-on.gif) no-repeat 0px 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.submenu
{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.menuleftbgtop
{
	width: 185px;
	height: 100%;
	display: block;
	color: #fff;
	
	
}

.menuleftbgtoptd
{
	background:url(images/menuleftbg-top.jpg) no-repeat 0px 0px;
	background-color: #b5c6fd;
}



.menuleftclose
{
	position: absolute;
	bottom: 0;
	left: 0;
	
	width: 185px;
	height: 203px;
	display: block;
	color: #fff;
	background:url(images/menuleftclose.jpg) no-repeat bottom left;
}

.menuleftcloseimg
{
	
	color: #fff;
}


.menubutton
{
	width: 100%;
	display: block;
	cursor: hand;	
}

.arrowtip
{
	text-align: right;
	padding-right: 10px;   
}

.logo
{
	
	padding-left: 0px;   
}

.imgborder
			{                                                                                                                                                                                                                                                            
			  border-left: 1px solid #030959;
			  border-right: 1px solid #030959;	
			  border-top: 1px solid #030959;
			  border-bottom: 1px solid #030959;                                                                  
			}

.borderleft
			{                                                                                                                                                                                                                                                            
			  border-left: 1px solid #ffffff;
			}  


/* +----------------------------------------------------------------------+
   | footer                                                               |
   +----------------------------------------------------------------------+
*/ 

.footercontain
{	
	width: 648px;
	height: 100px;
	position: relative;
	margin-bottom: 20px;

}

.footer
{	
	width: 648px;
	height: 100px;
	position: absolute;
	left: -15px;
	background:url(images/footer.gif) no-repeat 0px 0px;
	padding-left: 40px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-top: 9px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
}

.footertext
{	
	color: #816e80;
	padding-left: 0px;
	padding-right: 175px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 7px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
}


/* +----------------------------------------------------------------------+
   | Printing                                                             |
   +----------------------------------------------------------------------+
*/  
 
@media print {
  
  @page         { margin: 2% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
  
}