@charset "utf-8";
/* CSS Document */

/* this is a more ambitious style sheet for lyrics to replace obsolete attributes 4/23/16 */


body {
	background-color: #FFFFFF;
}
hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 50%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
}
.center {text-align:center;}

.right {text-align:right;}

.larger {
	font-size: larger;
}

.font075 {font-size: 75%;}

.font110 {font-size: 110%;}
.font110italic {font-size: 110%; font-style:italic}

.font120 {font-size: 120%;}
.font120italic {font-size: 120%; font-style:italic}
.font120bolditalic {font-size: 120%; font-style:italic; font-weight:bold}

.font130 {font-size: 130%;}
.font140 {font-size: 140%;}
.font150 {font-size: 150%;} /*default for h2*/
.font200 {font-size: 200%;} /*default for h1*/
.font250 {font-size: 250%;}
.font300 {font-size: 300%;}


.smaller {
	font-size: smaller;
}
.FontPlusTwo {
	font-size: large;
}
.ital {font-style: italic;}
.bold {font-weight: bold;}

.FontNavy {color: navy;}
.navy {color: navy;}
.lightblue {color:cornflowerblue;}
.red {color:red}

/*this is the basic formatting for the header table on lyrics pages 9/5/16*/
#headertable {
     width: 100%;
	 border:hidden;
	 padding: "2";
	 text-align:center;	 
}
#headertablerow {
	vertical-align:top;
}
#headertableleftcol {
	text-align:center;
	width: 20%;
	font-size: 110%
}
#headertablemiddlecol {
	text-align:center;
}
#headertablerightcol {
	text-align:center;
	width: 20%;
	font-size: 110%
}

/* this is a class for img that should allow images to stretch/shrink to fit*/
.responsive {
  max-width: 100%;
  height: auto;
}

/* this is a class for div that should cause images with captions to float right*/
.floatright {
  float: right;
  width: 75%;
  margin: 0 0 15px 10px;
  padding: 5px;
  border: hidden;
  text-align: center;
}

/*I don't completely understand this, but it helps with floats*/
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/*The next ones are from the old style sheet for the Charlie Ipcar home page
.Size18NavyBold {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #009;
}
.Size24NavyBold {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #009;
}
.Size36NavyBold {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: bold;
	color: #009;
}
.Size48NavyBold {
	font-family: "Times New Roman", Times, serif;
	font-size: 48px;
	font-weight: bold;
	color: #009;
}*/

/*These are for headings and such on Charlie's website*/
.font100Navy {font-size: 100%; color:navy} 
.font125Navy {font-size: 125%; color:navy} 
.font150Navy {font-size: 150%; color:navy} 
.font200Navy {font-size: 200%; color:navy} 
.font250Navy {font-size: 250%; color:navy}
.font300Navy {font-size: 300%; color:navy}

.font150NavyBold {font-size: 150%; color:navy; font-weight: bold} 
.font200NavyBold {font-size: 200%; color:navy; font-weight: bold} 
.font250NavyBold {font-size: 250%; color:navy; font-weight: bold} 
.font300NavyBold {font-size: 300%; color:navy; font-weight: bold} 

.font150NavyItalic {font-size: 150%; color:navy; font-style:italic} 
.font200NavyItalic {font-size: 200%; color:navy; font-style:italic} 
.font250NavyItalic {font-size: 250%; color:navy; font-style:italic} 
.font300NavyItalic {font-size: 300%; color:navy; font-style:italic} 

.font150NavyItalicBold {font-size: 150%; color:navy; font-style:italic; font-weight: bold} 
.font200NavyItalicBold {font-size: 200%; color:navy; font-style:italic; font-weight: bold} 
.font250NavyItalicBold {font-size: 250%; color:navy; font-style:italic; font-weight: bold} 
.font300NavyItalicBold {font-size: 300%; color:navy; font-style:italic; font-weight: bold}
.font400NavyItalicBold {font-size: 400%; color:navy; font-style:italic; font-weight: bold}