/*

	File: staff.css
	Media: screen
	Copyright: (c) 2010 Church Media Group, Inc. www.churchmedia.cc
	Author: Church Media Group
	Notes:

/* Staff Module
______________________________________________________________________________________ */

.staff_wrap_cmg { width:100%; margin-top: 24px; overflow: hidden; }
.staff_cmg { width: 193px; float: left; display: inline; text-align: center; height: 193px; margin: 0 30px 80px 0; }
.staff_cmg.alt { margin: 0; }
.staff_cmg > a { display: block; width: 193px; height: 193px; }
.staff_cmg:hover img { opacity: .85; }
.staff_cmg:hover h4 a { text-decoration: none; color: #0387d5; }
.staff_cmg h4 { font-size: 1.2em; margin: 8px 0 0 0; letter-spacing: normal; text-transform: none; }
.staff_cmg small { font-size: 1.1em; color: #aaa;}
.staff_info { width: 200px; float: left; display: inline; }
.staff_info img { border: 1px solid #dddddd; padding: 7px; background: #ffffff; }
.staff_thumb_image { border: 1px solid #dddddd; padding: 7px; background: #ffffff; }
.staff_content { width: 57%; float: right; display: inline; }
.staff_content h4 { font-size: 1.6em; margin: 0 0 2px 0; }
.staff_content p:first-child { margin-top:0; }
.staff_title { width: 100%; padding: 15px 0; background: transparent url(../../images/bg/bg_staff_shadow.jpg) 0 1px no-repeat; }
.staff_title h4 { font-size: 1.6em; margin: 0; }
.staff_title h4 a { color: #444; font-weight: 400; }
.staff_title small { display: block; margin-top: -2px; }

.staff_dropdown { position: relative; font-size: 1.2em; float: left; margin: 4px 0 0 0; }
.staff_dropdown li.staff_select { padding: 0 10px; height: 30px; width: 200px; line-height: 30px; background: #888 url(../../images/bg/bg_staff_dropdown_arrow.png) 195px center no-repeat; }
.staff_dropdown li.staff_select > a { display: block; color: #ffffff; text-decoration: none; }
.staff_dropdown ul li { display: block; position: relative; }
.staff_dropdown li ul { display: none; margin-top: 30px; }
.staff_dropdown ul li a { display: block; text-decoration: none; color: #444444; padding: 0 15px; background: #2C5463; }
.staff_dropdown ul li a:hover { background: #ffffff; text-decoration: none; }
.staff_dropdown li:hover ul { display: block; position: absolute; z-index:10000; top: 0; left: 0; width: 218px; border: 1px solid #ddd;


	background-color: rgb(0,0,0); /* Needed for IEs */

	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.staff_dropdown li:hover li { float: none; }
.staff_dropdown li:hover a { background: #ffffff; }
.staff_dropdown li:hover a.active { color: #0387d5; }
.staff_dropdown li:hover li a:hover { background: #0387d5; color: #ffffff; }
.staff_dropdown li.staff_select > a { background: none; }

.main_content .staff_menu { width: 100%; border-bottom: 3px solid #e9e5da; margin-top: 24px; }
.main_content .staff_menu li { float: left; display: inline; border-right: 1px solid #e9e5da; border-top: 1px solid #e9e5da; margin: 0 0 -3px 0; padding: 0; list-style: none; font-size: 1.1em; }
.main_content .staff_menu li:first-child { border-left: 1px solid #e9e5da;  }
.main_content .staff_menu li a { padding: 8px 16px 8px 16px; display: block; background: #f4f0e9; border-bottom: 3px solid #e9e5da; color: #7c776a; text-decoration: none; }
.main_content .staff_menu li a.active-tab, .main_content .staff_menu li a.active-tab:hover { background: #ffffff; border-bottom: 3px solid #ffffff; color: #000000; }

.main_content .staff_content ul li { list-style: disc; display: list-item; margin-left: 13px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }
.main_content .staff_content ol li { display: list-item; margin-left: 13px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }

.table_staff { margin-top: 24px;}

/* Staff Details
______________________________________________________________________________________ */


.staff_image_contact { float: left; width: 200px; margin: 0 30px 8px 0; overflow: hidden; }
.staff_image_contact .staff_contact { padding: 20px; background: #eee; }
.staff_image_contact .staff_contact h4 { font-weight: 600; font-size: 1.6em; color: #666; }
.staff_image_contact .staff_contact .staff_social h4 { margin-top: 20px; }
.staff_image_contact .profile_contact li { width: auto; }


.staff_row { width: 100%; padding: 30px 0; border-bottom: 1px solid #ccc; overflow: hidden; position:relative; }
.staff_row img { float: left; margin-right: 30px; }
.staff_row .staff_name { max-width: 449px; float: left; margin-top: -3px; }
.staff_row .staff_name h2 { height: 85px; display: table-cell; vertical-align: middle; font-size: 4em; font-weight: 100; color: #888; letter-spacing: 1px; }
.staff_row .staff_name h2 small { display: block; margin-top: -4px; font-family: proxima-nova, Helvetica, Arial, sans-serif; font-size: .4em; text-transform: none; color: #555; font-weight: 600; font-style: italic; letter-spacing: 0; }

a.btn_staff_email_icon { position:absolute; right:0; top:0; bottom:0; margin:auto; display: block; float: right; height: 30px; padding-left: 41px; background: transparent url(../../images/btn/btn_staff_email_icon.png) left center no-repeat; font-family: source-sans-pro, Helvetica, Arial, sans-serif; font-size: 1.6em; line-height: 30px; font-weight: 600; }
a.btn_staff_email_icon:hover { opacity: .75; filter: alpha(opacity=75); color: #039cf7; text-decoration: none; }