@charset "UTF-8";
* { margin: 0;	padding: 0; border: 0; }

html 	{ overflow-y: scroll; }	/* Add this in to always generate vertical scrolls (and avoid page shift on centered layouts) */
a:focus	{ outline: 0; } 		/* Gets rid of outlines in FF */

body { margin: 0; padding: 0; 
	font-size: 11px; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .25px; /*affects navigation!*/
	line-height: 15px;
	background-color: #e9efe8; height: 100%; }
	
 	
/* layout ------------------*/
#container { margin: 0 auto; 
	width: auto; height: 100%; min-height: 895px;
	background: #e9efe8 url(../images/shared/bg.gif) top center no-repeat; overflow: visible; }
#container-inner { margin: 0 auto; padding: 0; width: 980px; border: 2px solid #000; border-top: none; background-color: #edf2ed; }
#body-copy { padding: 20px 80px 15px 40px; letter-spacing: .25px; }
#body-copy p { line-height: 18px; }
#main-content { width: 980px; float: left; min-height: 100%; clear: left; }

/* header & social media links  */
#header { width: 980px; height: 131px; background: #e9efe8 url(../images/shared/header.gif) no-repeat; position: relative; }
#header a#logo { width: 299px; height: 51px; position: absolute; top: 25px; left: 80px; display: block; text-indent: -5000px; background: url(../images/shared/jessica-harper.gif) no-repeat; }
#header ul#socialMediaLinks { margin: 0; padding: 0; position: absolute; top: 42px; left: 772px; list-style: none; width: 190px; height: 24px; }
#header ul#socialMediaLinks li { float: left; width: 24px; margin: 0 14px 0 0; }
#header ul#socialMediaLinks a { display: block; width: 24px; height: 24px; text-indent: -5000px; }
a#rssLink				{ background: url(../images/shared/rss-icon.gif) no-repeat; }
a#rssLink:hover			{ background-position: -24px 0; }
a#facebookLink			{ background: url(../images/shared/facebook-icon.gif) no-repeat; }
a#facebookLink:hover	{ background-position: -24px 0; }
a#twitterLink			{ background: url(../images/shared/twitter-icon.gif) no-repeat; }
a#twitterLink:hover		{ background-position: -24px 0; }
a#youtubeLink			{ background: url(../images/shared/youtube-icon.gif) no-repeat; }
a#youtubeLink:hover		{ background-position: -24px 0; }
a#emailLink				{ background: url(../images/shared/email-icon.gif) no-repeat; }
a#emailLink:hover		{ background-position: -24px 0; }

div#rssLabel 		{ width: 71px; height: 38px; position: absolute; top: 4px; left: 748px; z-index:10; display: none; }
div#facebookLabel 	{ width: 71px; height: 38px; position: absolute; top: 4px; left: 777px; z-index:10; display: none; }
div#twitterLabel 	{ width: 71px; height: 38px; position: absolute; top: 4px; left: 825px; z-index:10; display: none; }
div#youtubeLabel 	{ width: 71px; height: 38px; position: absolute; top: 4px; left: 862px; z-index:10; display: none; }
div#emailLabel		{ width: 71px; height: 38px; position: absolute; top: 4px; left: 899px; z-index:10; display: none; }



/* background tiles */
#main-content-02 { width: 980px; float: left; min-height: 100%; clear: left; background-image: url(../images/shared/tile02.gif); background-repeat: repeat-y; } /*home and about page*/
#main-content-03 { width: 980px; float: left; min-height: 100%; clear: left; background-image: url(../images/shared/tile03b.gif); background-repeat: repeat-y; z-index: 1; } /*books and music page*/
#main-content-04 { width: 980px; float: left; min-height: 100%; clear: left; background-image: url(../images/shared/tile04.gif); background-repeat: repeat-y; z-index: 1; padding: 0; } /*publicity page*/
#main-content-05 { width: 980px; float: left; min-height: 100%; clear: left; background-image: url(../images/shared/tile05.gif); background-repeat: repeat-y; z-index: 1; } /*contact page*/
#main-content-06 { width: 980px; float: left; min-height: 100%; clear: left; background-image: url(../images/shared/tile09.gif); background-repeat: repeat-y; z-index: 1; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #396f2f; font-size:12px;} /*video page*/

/* sitemap */
#body-copy-sm { padding: 20px 80px 15px 70px; letter-spacing: .25px; width: 150px;}
#col-1-sm { float: left; width: 250px; padding: 0 5px 0 70px; } 
#col-2-sm { float: left; width: 280px; height: 100%; padding: 71px 0 50px 30px; text-align: right;
	background-image: url(../images/shared/tile07.gif); 
	background-position: top center; 
	background-repeat: repeat-y;  }
#col-3-sm { float: right; width: 430px; height: 100%; /*position: relative; top: 0; right: 0;*/ padding: 0 100px 0 0; margin: 0 100px 0 0; 
	background-image: url(../images/shared/tile07.gif); background-repeat: repeat-y; background-position: top right; }

/* privacy policy */ 
#body-copy-pp { padding: 20px 0 15px 70px; letter-spacing: .25px; width: 200px;}
#col-1-pp { float: left; width: 350px; padding: 0 5px 0 70px; } 
#col-2-pp { float: right; width: 220px; height: 100%; padding: 71px 70px 73px 30px; text-align: right;
	background-image: url(../images/shared/tile08.gif);
	background-position: top center; 
	background-repeat: repeat-y;  }
* html #col-2-pp { float: right; width: 150px; height: 100%; padding: 71px 50px 73px 30px; text-align: right;
	background-image: url(../images/shared/tile08.gif);
	background-position: top center; 
	background-repeat: repeat-y;  }
#col-3-pp { float: right; width: 760px; height: 100%; padding: 0 100px 0 0; margin: 0 100px 0 0; 
	background-image: url(../images/shared/tile08.gif); background-repeat: repeat-y; background-position: top right; }
* html #col-3-pp { float: right; width: 670px; height: 100%; padding: 0 100px 0 0; margin: 0 100px 0 0; 
	background-image: url(../images/shared/tile08.gif); background-repeat: repeat-y; background-position: top right; }
#video-col {  padding-left:50px; padding-right:50px; margin:0 auto;}
	
.clear { clear: both; }
#footer { clear: both; width: 980px; background-color: #d3dfd1; font-size: 9px; padding: 0 0 100px 0; }
#footer a:link { color: #396f2f; text-decoration: none; }
#footer a:visited { color: #396f2f; text-decoration: none; } 
#footer a:hover { color: #396f2f; text-decoration: none; } 
#footer a:active { color: #396f2f; text-decoration: none; }
#bookmark { margin: 10px 30px; }
#bookmark img { vertical-align: bottom; }

/* homepage, about, and all career credit pages use this 2-column, even width layout ----*/
#lt-col { width: 491px; float: left; background-color: transparent; padding: 8px 0; min-height: 100%; }
#rt-col { width: 489px; float: right; background-color: transparent; min-height: 100%; padding: 0 0 30px 0; }


/* text styling ------*/
a:link { color: #993333; text-decoration: none; }
a:visited { color: #993333; text-decoration: none; } 
a:hover { color: #396f2f; text-decoration: none; } 
a:active { color: #993333; text-decoration: none; }  

p { margin: 15px 0; line-height: 15px; }
p.center { text-align: center; }
.jhvp { text-align: center; letter-spacing:.06em;}
.serif { font-family: Georgia, "Times New Roman", Times, serif; }
.xsmall { font-size: 9px; }
.midsmall { font-size: 10px; }
.small { font-size: 13px; }
.medium { font-size: 14px; }
.large { font-size: 19px; }
.xlarge { font-size: 22px; }
.xxlarge { font-size: 24px; }
.highlight-1 { color: #993333; }
.highlight-2 { color: #396f2f; font-style: italic; }
.highlight-3 { color: #396f2f; }
.right { float: right; }
.middle { display: inline-block; vertical-align: top; }
.top { display: inline-block; vertical-align: middle; }
.black { color: #000; }
.subhead { line-height: 32px; }
.subhead-2 { line-height: 18px; margin-top: 10px; }
.list-break { margin-left: 10px; display: block; }
.list-break2 { margin-left: 25px; display: block; }
.list-break3 { margin: -15px 0 0 10px; display: block; }

.list-break2 a:link { color: #333; text-decoration: none; }
.list-break2 a:visited { color: #333; text-decoration: none; } 
.list-break2 a:hover { color: #396f2f; text-decoration: none; } 
.list-break2 a:active { color: #396f2f; text-decoration: none; }  
.jhvg { padding-top:10px; padding-bottom:8px;}

.song-title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 30px; color: #993333; }
.music-notes { padding: 0 120px 0 50px; }
.song-desc-dl { padding: 15px 0; }

.cc-title { font-size: 12px; color: #993333; line-height: 18px; }
.cc-header { padding: 15px 0 0 30px; }
.cc-copy { padding: 0 0 0 30px; }
.cc-copy-sub { padding: 0 0 0 40px; }
.cc-desc { font-style: italic; font-weight: bold; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; color: #396f2f; line-height: 16px; }
.cc-flourish { margin: 0 0 0 11px; }

h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: normal; line-height: 24px; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: normal; color: #993333; line-height: 22px; }
h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color: #000; line-height: 20px; }
h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; color: ##396f2f; line-height: 20px; }

/* design elements --------*/
div.hr-1 hr, div.hr-2 hr, div.hr-2a hr, div.hr-3 hr, div.hr-3a hr, div.hr-4 hr, div.hr-5 hr, div.hr-6 hr, div.hr-7 hr { display: none; }
.hr-1 { clear: both; border: none; display: block; width: 411px; height: 33px; background: #fff url(../images/shared/hr1.gif) no-repeat scroll center; padding: 0 0 20px 0; }
.hr-2 { clear: both; border: none; display: block; width: 399px; height: 5px; background: #edf2ed url(../images/shared/hr2.gif) no-repeat center; padding: 20px 10px; margin: 10px 30px;}
.hr-2a { clear: both; border: none; display: block; width: 399px; height: 25px; background: #fff url(../images/shared/hr2.gif) no-repeat right; padding: 15px 0; margin: 10px 0;}
.hr-3 { clear: both; border: none; display: block; width: 645px; height: 5px; background: #fff url(../images/shared/hr3.gif) no-repeat center; padding: 20px 10px; margin: 10px;}
.hr-3a { clear: both; border: none; display: block; width: 645px; height: 10px; background: #fff url(../images/shared/hr3.gif) no-repeat center top; padding: 0 0 5px 0; margin: 0 0 5px 0 ;}
.hr-4 { clear: both; border: none; display: block; width: 662px; height: 5px; background: #fff url(../images/shared/hr3.gif) no-repeat center; padding: 20px 0; margin: 0;}
.hr-5 { clear: both; border: none; display: block; width: 411px; height: 32px; background: #fff url(../images/shared/hr5.gif) no-repeat center; padding: 0; margin: 0;}
.hr-6 { clear: both; border: none; display: block; width: 398px; height: 6px; background: #fff url(../images/shared/hr6.gif) no-repeat center; padding: 15px 0; margin: 0;}
.hr-7 { clear: both; border: none; display: block; width: 606px; height: 45px; background: #fff url(../images/shared/hr7.gif) no-repeat center; padding: 0 0 10px 0; margin: 0 0 10px 0;}