.page-template-template-courses-php h2
{ font-weight:bold; font-size: 21px; line-height: 23px; }

.page-template-template-courses-php #nw_col_two { border-top: 0 none;}

.page-template-template-courses-php #nw_programintro h2 { color: #7e6d5f; }

.page-template-template-courses-php #nw_col_two { width: 450px;}

.page-template-template-courses-php #content { margin-left: -15px;}
.page-template-template-courses-php #content .edit-link { margin-left: 30px;}

#five_fields_pg .field {  border-top: #ccc 2px solid;  padding: 15px 15px 15px 50px;}

#five_fields_pg .field:hover { cursor: pointer;}

#five_fields_pg .field h3, #five_fields_pg .field p { padding: 3px 0;}
#five_fields_pg .field p { margin-bottom: 3px; font-size: 14px; line-height: 15px;}
#five_fields_pg .field p.ff_title {font-weight: bold; font-size: 15px;}
#five_fields_pg .field p, #five_fields_pg .field h3, #five_fields_pg .field a:link { color: #999; text-decoration: none; }

#five_fields_pg .field a:link { font-size: 12px; display: block; width: 400px; text-align: right; margin-top: -10px; }
#five_fields_pg .field a:visited { color: #999;}

#five_fields_pg #field1 {background-image:url(../images/path_study.png); background-repeat: no-repeat; background-position: 0px 15px;}
#five_fields_pg #field1:hover {background-image:url(../images/path_study_active.png); }

#five_fields_pg #field2 {background-image:url(../images/path_meditation.png); background-repeat: no-repeat; background-position: 0px 15px;}
#five_fields_pg #field2:hover {background-image:url(../images/path_meditation_active.png); }

#five_fields_pg #field3 {background-image:url(../images/path_mindful.png); background-repeat: no-repeat; background-position: 0px 15px;}
#five_fields_pg #field3:hover {background-image:url(../images/path_mindful_active.png); }

#five_fields_pg #field4 {background-image:url(../images/path_meditate.png); background-repeat: no-repeat; background-position: 0px 15px;}
#five_fields_pg #field4:hover {background-image:url(../images/path_meditate_active.png); }


#five_fields_pg #field1:hover p,
#five_fields_pg #field2:hover p,
#five_fields_pg #field3:hover p,
#five_fields_pg #field4:hover p,
#five_fields_pg #field5:hover p { color: #666666; }

#five_fields_pg #field1:hover h3,
#five_fields_pg #field2:hover h3,
#five_fields_pg #field3:hover h3,
#five_fields_pg #field4:hover h3,
#five_fields_pg #field5:hover h3 { color: #f15d22; }

#five_fields_pg #field1:hover a:link, #five_fields_pg #field1:hover a:visited,
#five_fields_pg #field2:hover a:link, #five_fields_pg #field2:hover a:visited,
#five_fields_pg #field3:hover a:link, #five_fields_pg #field3:hover a:visited,
#five_fields_pg #field4:hover a:link, #five_fields_pg #field4:hover a:visited,
#five_fields_pg #field5:hover a:link { color: #59c9e6;}

.hide { display: none; }

#photo1, #photo2, #photo3, #photo4 { display: none; position: absolute; top: 20px; left: 0px;}

#photo1 {display: block;}

#nb_courses_caption1, #nb_courses_caption2, #nb_courses_caption3, #nb_courses_caption4  { position: absolute; top: 20px; left: 20px; width: 320px; text-align: left;
	color: #7e6d5f; background-image:url(../images/transparent_white_bg.png); padding:15px;}
	
.entry-content #nb_courses_photo h2 { color: #7e6d5f;  line-height: 30px;}
.entry-content #nb_courses_photo p { font-weight: bold; font-siz: 16px; }

.entry-content #nb_courses_photo a:link, .entry-content #nb_courses_photo a:visited { color: #7e6d5f; }

.entry-content { height: 550px;}

/* .edit-link {margin-top: 520px;} */

#nw_col_one, #nw_col_two { background-image: none !important; padding-top: 0px;}

#nb_courses_photo .nav {
	display: none;
}

@media screen and (max-width: 900px) {
	#nb_courses_photo {
		height: 500px;
		position: relative;
	}
	#nb_courses_caption1, #nb_courses_caption2, #nb_courses_caption3, #nb_courses_caption4 { width: 90%; max-width: 450px;}
	#nb_courses_photo .nav {
		background-color: transparent;
		display: block;
		position: absolute;
		top: 0;
		width: 2em;
		height: 100%;
		text-align: center;
	}
	#nb_courses_photo .nav:hover {
		background-color: rgba(255, 255, 255, 0.15);
	}
	#slide-prev, #slide-next {background-repeat: no-repeat; background-size: 80px;}
	#slide-prev {
		left: 0;
		background-image:url(../images/arrows-slideshow.png); background-position: -10px 50%; 
	}
	#slide-next {
		right: 0;
		background-image:url(../images/arrows-slideshow.png); background-position: -40px 50%; 
	}
}

@media screen and (max-width: 500px) {
	#nb_courses_photo {
		height: 0;
		padding-bottom: 60%; padding-top: 50%;
	}

}