/* Global */
body {text-align: center; margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; background: #f2f6ee url('../images/site/background.jpg') no-repeat top center;}
a {color: #06c;}
h1, h2, .BigText {font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal;}
h1	{font-size: 150%;}
h2 {font-size: 120%; margin-top: 25px; line-height: 130%;}
h3, h4 {color: #565b37;}
h3, p, li  {font-size: 80%;}
h4 {font-size: 80%;}
td, th {vertical-align: top; font-size: 80%;}
img {display:block; margin:auto; max-width:95%;}

/* IDs */
#PageContainer {max-width:912px; width:90%; margin: 0 auto; text-align:left; }
#Logo {padding:18px 0; float:left; }
#TopShadow {height: 14px; background: url('../images/site/top_shadow.png') no-repeat top left;}
#MiddleShadow {padding: 0 6px; background: url('../images/site/middle_shadow.png') repeat-y;}
#BottomShadow {height: 16px; background: url('../images/site/bottom_shadow.png') no-repeat top left;}
#songs {text-align:left;}

.archivePrint {display:none;}

@media only print
{
	#TopPic {float:right; max-width:45%; }
	#Content {padding: 0 40px;}
	#MainColumn {width: 45%; display:inline-block; margin: 20px 30px 0 0;}
	#MainColumn img {max-width:95%; width:auto; height:auto;}
	#Sidebar {width: 45%; display:inline-block;	margin: 20px 0 0 0; vertical-align:top;}

	.contactForm {display:block; margin:auto; width:600px;}
	.formrow {padding-left:15px; padding-bottom:3px; display:block;}
	.formText {display:inline-block; min-width:80px; vertical-align:top;}
	.formField {display:inline-block;}

	#songList {width:90%; text-align:left; margin-left:20px;}
	.songListRow {display:block;}
	.songListHeaderName {display:inline-block; width:45%; margin-left:10px; font-weight:bold; font-size:80%;}
	.songListHeader {display:inline-block; width:45%; margin-left:10px; font-weight:bold; font-size:80%;}
	.songListName { display:inline-block; width:45%; margin-left:10px; font-size:80%;}
	.songListData { display:inline-block; width:45%; margin-left:10px; margin-bottom:5px; font-size:80%; vertical-align:top;}
	#submitWide {display:inline-block;}
	#submitNarrow {display:none;}

	.Listen {display:none}
	.download {display:none !important;}
	.archive {display:none !important;}
	.archivePrint {display:block !important; page-break-after:always;}

}

@media only screen and (min-width:930px)
{
	#TopPic {float:right; max-width:570px; }
	#Content {padding: 0 40px;}
	#MainColumn {width: 50%; display:inline-block; margin: 20px 30px 0 0;}
	#MainColumn img {max-width:95%; width:auto; height:auto;}
	#Sidebar {width: 45%; display:inline-block;	margin: 20px 0 0 0; vertical-align:top;}

	.contactForm {display:block; margin:auto; width:600px;}
	.formrow {padding-left:15px; padding-bottom:3px; display:block;}
	.formText {display:inline-block; min-width:80px; vertical-align:top;}
	.formField {display:inline-block;}

	#songList {width:90%; text-align:left; margin-left:20px;}
	.songListRow {display:block;}
	.songListHeaderName {display:inline-block; width:45%; margin-left:10px; font-weight:bold; font-size:80%;}
	.songListHeader {display:inline-block; width:45%; margin-left:10px; font-weight:bold; font-size:80%;}
	.songListName { display:inline-block; width:45%; margin-left:10px; font-size:80%;}
	.songListData { display:inline-block; width:45%; margin-left:10px; margin-bottom:5px; font-size:80%; vertical-align:top;}
	#submitWide {display:inline-block;}
	#submitNarrow {display:none;}
}

@media only screen and (max-width:929px)
{
	#TopPic {display:inline-block; margin:auto; max-width:570px;}
	#Content {padding: 0 40px;}
	#MainColumn {width:95%; display:inline-block; margin:auto;}
	#MainColumn img {max-width:95%; width:auto; height:auto;}
	#Sidebar {width:95%; display:inline-block; margin:auto; vertical-align:top;}

	.contactForm {display:block; margin:auto; width:450px;}
	.formrow {padding-bottom:3px; display:block;}
	.formText {display:inline-block; min-width:80px; vertical-align:top;}
	.formField {display:inline-block;}

	#songList {width:90%; text-align:left; margin-left:20px;}
	.songListRow {display:block;}
	.songListHeaderName {display:block; margin-left:5px; font-weight:bold; font-size:80%;}
	.songListHeader {display:block; margin-left:20px; font-weight:bold; font-size:80%;}
	.songListName {display:block; margin-left:5px; font-size:80%;}
	.songListData {display:block; margin-left:20px; margin-bottom:5px; font-size:80%; vertical-align:top;}
	#submitWide {display:none;}
	#submitNarrow {display:block;}
}
@media only screen and (max-width:570px) 
{
	#TopPic {display:none;}
	#Content {padding: 0 10px;}
	#MainColumn {width:95%; display:inline-block; margin:auto;}
	#MainColumn img {max-width:95%; width:auto; height:auto;}
	#Sidebar {width:95%; display:inline-block; margin:auto; vertical-align:top;}

	.contactForm {display:block; margin:auto;}
	.formrow {padding-bottom:3px; display:block;}
	.formText {display:block; min-width:80px; vertical-align:top;}
	.formField {display:block;}
	.contactForm input {max-width:250px;}
	.contactForm textarea {max-width:250px;}

	#songList {width:90%; text-align:left; margin-left:20px;}
	.songListRow {display:block;}
	.songListHeaderName {display:block; margin-left:5px; font-weight:bold; font-size:80%;}
	.songListHeader {display:block; margin-left:20px; font-weight:bold; font-size:80%;}
	.songListName {display:block; margin-left:5px; font-size:80%;}
	.songListData {display:block; margin-left:20px; margin-bottom:5px; font-size:80%; vertical-align:top;}
	#submitWide {display:none;}
	#submitNarrow {display:block;}
}

/* Classes */
.clear {clear:both;}
.clearspace {clear:both; padding-bottom:10px;}
.BigText {font-size:120%; line-height: 130%; text-align:center;}
.Small {font-size: 70%;}
.imgHead {width:100%;}
.Current a {font-weight: bold;}
.Hidden {display:none;}
.WithLine {border-top:1px #666 solid; padding-top: 12px;}
.LinkWithArrow {padding: 0 0 0 10px; background: url(../images/site/blue_arrow.gif) no-repeat 0px 4px;}
.Centered {text-align:center;}
.Narrow {max-width:500px; margin:auto;}
.ctteeHolder {display:block; margin:auto; text-align:center;}
.cttee {display:inline-block; vertical-align:top; margin:auto; width:300px; max-width:95%; padding:20px; text-align:center;}
.ctteePhotos {display:block; margin:auto; text-align:center;}
.ctteePhoto {display:inline-block; margin:auto; text-align:center; padding-bottom:10px; margin:20px;}
.NoBullet {list-style:none;}
.textRight {text-align:right;}

.songInfo {display:block; margin:auto; width:100%;}
.performance {display:inline-block; text-align:left; padding:0 10px;}
.archive {display:block; text-align:left; padding:0 10px;}

.kidsontracks {float:left; width:380px; margin-right:20px; vertical-align:top;}

@media only screen and (min-width:671px)
{.Listen {display:inline-block; text-align:center; min-width:100px; padding:20px 0; vertical-align:top;}}
@media only screen and (max-width:670px)
{.Listen {display:inline-block; text-align:center; width:100%; padding:20px; vertical-align:top;}}

.perfData {display:block; }
.perfDataHeader {width:110px; font-weight:bold; display:inline-block; font-size:80%;}
.perfDataData {display:inline-block; font-size:80%; margin-left:10px; vertical-align:top; padding-bottom:5px;}
.archData {display:block; }
.archDataHeader {width:115px; font-weight:bold; display:inline-block; font-size:80%; vertical-align:top;}
.archDataData {display:inline-block; font-size:80%; margin-left:10px; vertical-align:top; padding-bottom:5px;}

.Downloads h3 {margin-top:5px; padding-top:0; text-align:left;}
.italic {font-style:italic;}

/* Breadcrumb */
#Breadcrumb {font-size: 80%; color: #666; margin:15px;}
#Breadcrumb a, #Breadcrumb a:visited {color: #666;}

/*----------- Top Nav -----------*/
#MainNav {padding: 0; margin: -9px 0 0 0; background: #ebf0c6 url('../images/site/nav_background.gif') repeat-x bottom;}
.HorizontalNav {padding: 0; margin: 0;}
.HorizontalNav ul {list-style: none; margin: 0; padding:0;}
.HorizontalNav ul li {display: inline-block; margin: 0; padding: 0; font-size: 80%; }
.HorizontalNav ul li a, .HorizontalNav ul li span, .HorizontalNav ul li a:visited  {float:left; padding:10px 0; text-decoration:none; color: #000; font-weight: bold; width:15%; min-width:120px; text-align:center;}
.HorizontalNav ul li a:hover {text-decoration: underline;}

/*----- Footer -----*/
#Footer {background-color: #d1d6b1;  border-top: 1px #666 solid;}
#Footer a {color: #444829;}
#Footer p {display:inline-block; margin:10px; font-size:70%; width:97%; text-align:center;}
.footerImages {display:block; margin:auto; text-align:center; width:97%;}
.footerImages a, .footerImages a img {display:inline-block; margin:auto; padding:10px;}

/*----- Grey box -----*/
.GreyBox {border: 1px #ccc solid; background: #dfdfdf url('../images/site/grey_box/greybox_background.gif') repeat-x top; text-align:center; margin:auto; max-width:500px;}
.GreyBox .TopLeft {height: 7px; position: relative; top: -1px; left: -1px; background:url('../images/site/grey_box/greybox_topleft.gif') no-repeat top left; }
.GreyBox .TopRight {height: 7px; left: 2px;  position: relative;  background: url('../images/site/grey_box/greybox_topright.gif') no-repeat top right;}
.GreyBox .BottomLeft {height: 7px; top: 1px; left: -1px; position: relative; background: url('../images/site/grey_box/greybox_botleft.gif') no-repeat bottom left;}
.GreyBox .BottomRight {height: 7px; left: 2px; position: relative; background: url('../images/site/grey_box/greybox_botright.gif') no-repeat bottom right;}
.GreyBox p {margin: 10px;}

/*----- Songs - CHECK  -----*/
.PDFLink, .WordLink, .TextLink {padding: 0 0 10px 25px; display:block;}
.PDFLink {background: url('../images/site/pdf_icon.gif') no-repeat 0px 0px;}
.WordLink {background: url('../images/site/word_icon.gif') no-repeat 0px 0px;}
.TextLink {background: url('../images/site/text_icon.gif') no-repeat 0px 0px;}

/*--- Google Maps ---*/
#map_wrapper {height: 400px;}
#map_wrapperTall {height: 600px;}
#map_canvas {width: 100%;height: 100%;}