﻿.three_columns { overflow:hidden; text-align:left;  }
.three_columns .left_column{max-width:44%; float:left; padding:8px 1% 0 0;  }
.three_columns .center_column{max-width:12%; float:left; padding:8px 1% 0 0; }
.three_columns .right_column{max-width:42%; float:left; padding:8px 0 0 0;}

.two_columns { overflow:hidden; text-align:left;  } 
.two_columns .left_column{max-width:33%; float:left; padding-left: 3%; padding-top: 2%; padding-bottom: 2%;  }
.two_columns .right_column{max-width:54%; float:left; padding-left: 3%; padding-top: 2%; padding-bottom: 2%;  }

.one_column { overflow:hidden; text-align:left; 
	max-width:960px; padding: 35px;
} 

body.main {
	background:#FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12pt;
    margin: 0;	
    background-image: url(images/bg.jpg);
    background-repeat: repeat-x;	
}
table.main {
	border-collapse:collapse;	

}

table.main td.leftCol { vertical-align:top; max-width:43%;	}
table.main td.centerCol { vertical-align:top; padding-left:8px;	}
table.main td.rightCol { vertical-align:top; max-width:45%; }

div#container, div.container
{
   max-width: 960px;
   margin: 0 auto;
}

div#container2
{
   max-width: 960px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}

.content  { 
    max-width:100%;
	width: 100%;	
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	background:white;	
}
.contentHelp  { 
	max-width:100%;
	width: 100%;	
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	background:white;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 13pt;	
}
.contentSimple  { 
    max-width:100%;
	display: block;
}

table.vtable, table.vtable8, table.vtable16 {
	border-collapse:collapse;
}
table.vtable td {
    vertical-align:top;
}

table.vtable8 td {
    vertical-align:top;
	padding-left: 8px;
}
table.vtable16 td {
    vertical-align:top;
	text-align: center;
	padding-left: 16px;
}

.shadow2 {
	border: 1px solid #888;
	-webkit-box-shadow: #666 4px 0px 7px;
	-moz-box-shadow: #666 4px 0px 7px;
	box-shadow: #666 4px 0px 7px;
	background: #FCFCFC;
	behavior: url(/pie/PIE.htc);
}

a, a:visited, a:active
{
   color: #048;
   text-decoration: underline;
}

a:active
{
   color: #059;
}
a:hover
{
   color: #066;
   text-decoration: underline;
}

a.invLink, a.invLink:visited
{
   color: #005;
   text-decoration: underline;
}

a.invLink:active
{
   color: #055;
   text-decoration: underline;
}
a.invLink:hover
{
   color: #C00;
   text-decoration: underline;
}

h1, h2, h3, h4, h5, h6
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 16pt;
   font-weight: bold;
   color: #115;
}
h2
{
   font-size: 15pt;
   background-color: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;   
}
h3
{
   font-size: 15pt;
   font-style: italic;
}
h4
{
   font-size: 14pt;
}
h5
{
   font-size: 14pt;
   font-style: italic;
}
h6
{
   font-size: 13pt;
}

.para, .paraItalic, .paraSmall, .paraLarge
{
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
   font-size: 13pt;
}

.paraItalic
{
   font-style: italic;
}

.paraSmall
{
	font-size: 12pt;	
}

.paraLarge
{
	font-size: 14pt;	
}
.title {
	font-family: Verdana, Arial, sans-serif; font-size:13pt; font-weight:bold; line-height:1.5;
}
.center {
	text-align: center;
}
pre.song {
	background:#C0FFE0;
}

pre.songSm {
	background:#C0FFE0;
	font-size:9pt;
}
.chord { font-family:Lucida Console, Courier; font-size:11pt; font-weight: bold; line-height:2; vertical-align:sub; }
.chordSm { font-family:Lucida Console, Courier; font-size:9pt; font-weight: bold; line-height:2; vertical-align:sub; }
.lyricSm { font-family:Lucida Console, Courier; font-size:10pt; }
pre.song { font-family:Lucida Console, Courier; font-size:10pt }
table.song { width: 70%; page-break-after:always; border-collapse: collapse;  }
table.song td { width: 50%; vertical-align:top; padding-right: 5px;font-size:9pt;  }
.lborder { border-left: solid 1px black; padding-left: 5px; }
.thinline { line-height:2 }
.chordLg { font-family:Lucida Console, Courier; font-size:13pt; font-weight: bold; line-height:1.5; vertical-align:sub; }
.lyricLg { font-family:Lucida Console, Courier; font-size:13pt; }

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* default to large window */
.viewML  { display: block; }
.viewS  { display: none; }
.viewL { display: block; }
.viewM  { display: none; }
.viewSM { display:  none;}

/* Tablet */
@media only screen and (max-width: 769px) {
.viewML   { display: block; }
.viewS  { display: none; }
.viewL { display: none; }
.viewM  { display:block; }
.viewSM { display:  block;}
}

/* Cellphone */
@media only screen and (max-width: 481px) {
.viewML  { display: none; }
.viewS { display: block; }
.viewL { display: none; }
.viewM { display:none; }
.viewSM { display:  block;}
}

.narrow { margin-left: 1%; margin-right:1%; width:600px; }
@media only screen and (max-width: 640px) {
.narrow {  width:96%; }
}