@charset "utf-8";
/* CSS Document */
/* Optimized for 1024 x 768. No width should exceed 960px.*/

/* ------------- BASIC HTML ELEMENTS ------------- */

body {
	margin: 0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;	
	background: #FFF url("../images/bg-body.png") repeat-x;
	} 

p {
	margin-bottom: 1.2em;}

img {border-style: none;} 

hr {color: #BCBCBC;}

h1,h2,h3,h4,h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1em 0;
	color: #444;
	}

h1 {font-size: 1.4em;}

h2 {font-size: 1.3em;}

h3 {font-size: 1.2em;}

h4 {font-size: 1.1em;}

h5 {font-size: 1em;}

h2.block {
	background: #1E4B81; 
	color: #ffffff; 
	margin: 20px 0; 
	padding: 5px 10px; 
	clear: both;
	}

h3.block {
	background: #EBEBEB;  
	color: #444; 
	margin: 20px 0;
	padding: 5px 10px; 
	clear: both; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.1em;
	}

div.block {
	margin: 10px;
	}

/*term*/	
.tooltip-term {
    position: relative;
    display: inline-block;	
    border-bottom: 1px dotted #666;
	color: #666;	
	text-decoration: none;
	cursor: help;
	}

/*definition popup box*/
.tooltip-def {
    visibility: hidden;
    width: 265px;
    background: #C6C6C6;
    color: #333;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 30%;
    margin-left: -60px; 	
	opacity: 0;
    transition: opacity 0.3s;
	}

/*arrow on bottom of box*/
.tooltip-def::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #C6C6C6 transparent transparent transparent;
	}

/*hover effects*/
.tooltip-term:hover .tooltip-def {
	visibility: visible;
    opacity: 1;
	}
	
h2.office {
	background: #DADADA; 
	color: #333;
	text-indent: 5px; 
	margin-bottom: 20px; 
	padding: 5px;
	}

h3.office {
	background-color: #EBEBEB;
	text-align: left; 
	text-indent: 8px;
	font-size: 1em;
	padding: 5px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	}

.ongoing h2 {font-size: 1.4em;}
.ongoing h3 {font-size: 1.1em;}

a {
	color: #004080; 
	text-decoration: none;
	cursor: pointer;
	}

a:hover {
	color: #004080; 
	text-decoration: underline;
	}

/* ------------- TABLES ------------- */

table { 
	border-collapse: collapse;
	margin: 1em 0;
	}
	
thead {
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #598527;
	}

thead th {
	background: #DBDBDB;
	}

td, th   {
	padding: 7px;
	text-align: left;
	}	
	
th   {}		

/* ------------- FORMS ------------- */


input, textarea, select {
	color: #333;
	font-size: 1em;		
	border: 1px solid silver;
	background: #FFF;
	text-indent: 3px;
	padding: 3px;	
	margin: 5px;	
	}
	
textarea {
	width: 600px;
	height: 300px;	
	overflow: auto;		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
select {text-indent: 0;}

label {	
	float: left;
	margin-right: 15px;
	padding-top: 5px;
	font-size: 1em;
	white-space: nowrap; 
	text-align: right;
	clear: both;
}	

input.checkbox {
	width:50px; 
	border:none; 
	margin-top: 5px;
	}
	
textarea:focus, input:focus {
	border: 1px solid #888;
	background-color: #FFFFE1;
	}	

/* ------------- STYLE CLASSES ------------- */

.hidden-accessible {
    position:absolute;
    left:-9999em;
	overflow:hidden;
	}

.display_none  {
	display: none;
	}

.notes  {
	color:#999;
	font-size: .9em;
	}

.border-bottom {
	border-bottom: 1px solid #D2D2D2;
	}

.h-style1 {
	background: #DADADA; 
	color: #333;
	text-indent:5px; 
	margin-bottom: 20px; 
	padding: 5px;
	}
	
.small {
	font-size: .8em;
	}	
	
.noscript {
	text-align:center;
	padding: 3px;
	background-color:#FFC;
	font-size: .9em;
	}
	
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}
	
.office-left {	
	float: left;
	width: 350px;
	/*width: 210px; -- use if using left menu */
	text-align: left;
	margin: 15px 10px;
	clear: both;
	vertical-align: top;
}

.office-right {		
	float: right;
	width: auto;
	margin: 15px 5px 15px 0;
	vertical-align: top;
}

/* Links to display reports by years */
.datenav {
	font-size: .85em;
	color: #AAA;	
	margin: 0;
	padding: 0 0 10px 0;
	}
.datenav p {
	color: #666;
	}
.datenav a {
	color: #666;
	}
.datenav a:hover {
	color: #004080;
	}	

.see-more-button {	
	margin: 10px 0 20px 0;
}

.see-more-button a {
	display: inline-block;
	background: url("../images/see-more-arrow.png") no-repeat 96% center #999999;	 
	padding: 3px 21px 4px 9px;
	font-weight: bold;
	font-size: .75em;
	color: #fff;	
	}

.see-more-button a:hover {
	text-decoration: none;
	background-color: #888;
	}

/*adjustments for sidebar*/	
.content-right .see-more-button, .content-right .see-more-button a, .content-right .see-more-button a:hover {	
	font-size: .9em;
	color: #fff;
	margin: 5px 0 0 0;
	}	

/* ------------- HEADER ------------- */

.header-wrapper {
	background: #0e3a6e url("../images/bg-header.png") repeat-x;
	margin: 0;
	}
	
.header {
	width: 939px;		
	height: 115px;
	padding: 0;
	margin: auto;
	color: #FFF;
	position: relative;
	z-index: 100;
	}

.header-links {
	color: #838383;
	font-size: .8em;
	text-align: right;
	position: absolute;	
	top: 6px;	
	right: 6px;
	}

.header-links a {	
	color: #99A9C1;
	}

.header-links a:hover {
	color: #8296b4;
	}
	
#searchbox {
	width: 235px;
	position: absolute;
	top: 58px;
	right: -4px;		
	}
	
#searchbox input {
	font-size: 1em;
	padding: 0;	
	margin: 0;
	}	
	
#searchbox input.terms {
	color: #999;
	background: #DBDBDB;	
	border: none;
	border-radius: 5px 0 0 5px; 
	height: 22px;	
	width: 202px;
	text-indent: 5px;	
	position: absolute;
	top: 0;
	left: 0;
	}	
		
#searchbox input.terms:focus {
	background: #FFF;
	color: #222;		
	}	
	
#searchbox input.button {
	position: absolute;
	top: 0;
	left: 201px;	
	background: #DBDBDB url("../images/search_20x20.png") center center no-repeat; 
	border: none;
	border-radius: 0 5px 5px 0;		
	width: 22px;
	height: 22px;
	cursor: pointer;	
	text-indent: -9999px;
	}	
	
/* change button bg on input focus */
#searchbox input:focus ~ input.button {
   background-color: #CACACA; 
   }			

.subhead-wrapper {
	margin: 0;
	border-top: 1px solid #d1cfcf;
	float: left;
	width: 100%;
	}

.subhead {
	width: 930px;
	padding: 7px 0;
	color: #333;
	margin: auto;
	}
	
.subhead p {	
	text-align: center;
	margin: 6px;
	}	

.breadcrumb {
	float: left;
	padding: 0 1em;
	font-size: .9em;
	color: #666;
	}
	
	
/* ------------- MAIN CONTENT AREA ------------- */	

#content {
	width: 939px;	
	margin: 65px auto 25px auto;
	}

.content-fullpage {
	width: 885px;
	margin: 0 0 25px 0;
	background: #FFF;
	padding: 25px 25px 10px 25px; 
	clear: both;
	}

.content-left {
	width: 626px;
	float: left; 
	background: #FFF;	
	padding: 25px 25px 10px 25px;	
	margin: 0 0 40px 0;
	border: 2px solid #FFF;
	min-height: 500px;
	}

.content-left-bottom {
	width: 626px;
	background: red;	
	padding: 0;	
	margin: 5px 0 25px 0;
	}

.content-bottom {
	width: 893px;
	clear: both;
	padding: 0 25px 25px 25px;	
	margin: 0 0 25px 0;
	}

.pg-title {
	font-size: 1.6em;
	padding: 0 0 12px 0; 
	letter-spacing:.2px; 	
	margin: -.2em 0 1.3em 0;
	color: #444;
	border-bottom: 1px solid #BCBCBC;
	}

/* Email Updates Individual Pages */
#email-updates-single {
	background: url("../images/email-updates-single-bg.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 31px;
    width: 31px;
	float: right;
	}
	
#email-updates-single:hover {
	background-position: 0 -31px;
	}
	
#email-updates-single span {
    display: none;
	}
	
.date {
	font-size: .8em; 
	color: #666; 
	margin: 0 0 -10px 0;
	}

.lastupdate {
	color: #999999;
	font-style: italic;
	font-size: .9em;
	padding: 3px 3px 3px 0;
	margin-top: 30px;
	border-top: 1px solid #BCBCBC;
	text-align: right;
}

/* buttons on hotline page */
.highlight {
	text-align:center;
	}

.highlight a {
	border: 3px double #CECECE; 
	color: #333; 
	background-color: #F4F0CC; 
	display:block; 
	padding:3px; 
	text-decoration: none;
	}

.highlight a:hover {
	border: 3px double #B5B5B5; 
	color: black; 
	background-color: #eace46; 
	text-decoration: none;
	}

.highlight .button:hover {
	border: 3px double #B5B5B5; 
	color: black; 
	background-color: #eace46; 
	text-decoration: none;
	}


/* ------------- RIGHT SIDE BAR ------------- */	

.content-right {
	width: 235px; 
	margin: 0 0 40px 20px;
	float: left; 	
	padding: 0; 
	color: #555;	
	font-size: .8em;
	line-height: 1.4em;		
	}

.content-right h2 {
	font-size: 1.3em;
	text-transform: uppercase; 
	letter-spacing: .5px;
	margin: -12px -12px 1.2em -12px;
    padding: 7px 0;
	text-align: center;
	background: #cacaca;
	color: #555;	
	}	

.content-right h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666;
	padding-bottom: .5em;
	}

.content-right h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	padding-bottom: .5em;
	}

.content-right a  {
	color: #666; 
	text-decoration: none;
	} 

.content-right a:hover {
	color: #004080;
	}

.content-right a.highlight	  {
	color: #004080; 
	text-decoration: none;
	} 

.content-right a.highlight:hover {
	color: #004080;	
	text-decoration: underline;
	}
	
.content-right .date  {
	color: #777;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 -8px 0;
	}

.content-right p  {
	margin: 1em 0;
	}	
	
.box {	
	border: 2px solid #fff;
	padding: 12px 12px 5px 12px; 
	margin-bottom: 8px;
	background: #FFF;
	}

.box ol {
	margin-left: -20px;
	}
	
.ellipsis p {
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	}

.ellipsis p:hover
{
	white-space: normal;
	overflow: visible;
	text-overflow: inherit;	
	}

.imagebox {
	border: 2px solid #FFF;
	padding: 0;
	margin-bottom: 8px; 
	background: #bfbfbf;		
	}

.imagebox.white {border: 1px solid #CACACA;}
.imagebox.white:hover {border: 1px solid #CACACA;}

/* IG Act */
#igact-40 {	
	background: #fff;
	padding: 2px; 
	margin-bottom: 8px;
	}
#igact-40 img {
	display: block;
	margin-left: 13px;
	border: 4px solid #FFF;	
	}	
	
/* Hotline Box */
#hotlinebox {
	display: block;
	height: 57px;
	margin: 0;
	background: url("../images/hotline.png") no-repeat 0 -57px;
	}
#hotlinebox:hover {
	background-position: 0 0px;
	}
#hotlinebox span {
	display: none;
	}
	
/* Whistleblower Box */
#whistleblowerbox {
	display: block;
	height: 57px;
	margin: 0;
	background: url("../images/whistleblower.png") no-repeat 0 -57px;
	}
#whistleblowerbox:hover {
	background-position: 0 0px;
	}
#whistleblowerbox span {
	display: none;
	}	
	
/* Plain blue button for sidebar - text to be overlayed */
#side-button-blue {
	display: block;
	height: 57px;
	margin: 0;
	background: url("../images/btn_sidebar_blue.png") no-repeat 0 -57px;
	text-align: center;
	}
#side-button-blue:hover {
	background-position: 0 0px;
	}
#side-button-blue span {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	text-transform: uppercase;	
	letter-spacing: .5px;
	line-height: 1.3em;
	position: relative;
	top: 11px;
	font-weight: bold;
	color: #deeef7;	
	text-shadow: 0.1em 0.1em 0.1em #262626;
	}	

/* Plain gray button for sidebar - text to be overlayed */
#side-button-gray {
	display: block;
	height: 57px;
	margin: 0;
	background: url("../images/btn_sidebar_gray.png") no-repeat 0 -57px;
	text-align: center;
	}
		
#side-button-gray:hover {
	background-position: 0 0px;
	}
	
#side-button-gray span {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	text-transform: uppercase;	
	letter-spacing: .5px;
	line-height: 1.3em;
	position: relative;
	top: 11px;
	font-weight: bold;
	/*color: #555;*/
	color: #FFF;
	text-shadow: 0.1em 0.1em 0.1em #7a7a7a;
	}	
#side-button-white {
	display: block;
	height: 57px;
	margin: 0;
	background: #FFF;
	text-align: center;
	}		
#side-button-white:hover {
	background: #F2F2F2;
	}		
#side-button-white img {
	position: relative;
	top: 12px;
	}
	
/* Email Updates */
#email-updates {
	background: url("../images/social-email-updates.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    width: 209px;
	margin-bottom: 10px;
	}
#email-updates:hover {
	background-position: 0 -25px;
	}
#email-updates span {
    display: none;
	}
	
/* Facebook */
#facebook {
	background: url("../images/social-facebook.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    width: 209px;
	margin-bottom: 10px;
	}
#facebook:hover {
	background-position: 0 -25px;
	}
#facebook span {
    display: none;
	}	
	
/* Twitter */
#twitter {
	background: url("../images/social-twitter.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    width: 209px;
	margin-bottom: 10px;
	}
#twitter:hover {
	background-position: 0 -25px;
	}
#twitter span {
    display: none;
	}	

/* YouTube */
#youtube {
	background: url("../images/social-youtube.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    width: 209px;
	margin-bottom: 10px;
	}
#youtube:hover {
	background-position: 0 -25px;
	}
#youtube span {
    display: none;
	}	
		

/* Menu */
.menu, .menu ul {
	color:#FFFFFF; 
	list-style:none;
	padding: 0;
	margin: 0;}	
	
.menu li {}		

.menu a:link  {
	display:block; 
	width: auto; 
	text-decoration: none;
	padding: 4px;} 

.menu a:hover {
	background-color: #0e3a6e;
	color:#FFF;}
	
/* ------------- CAREERS PAGE ------------- */

.careers-button {
	display: block; 
	width: auto; 
	margin: 30px auto 15px auto;
	text-align: center;
	}
.careers-button a {
	background: #E88824; 
	color: #FFF; 
	border: 1px solid #c47c1f; 
	padding: 9px 15px; 
	text-decoration: none; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	font-size: 1.3em; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: bold;
	}
.careers-button a:hover {
	background: #f29e30; 
	border-color: #E88824;
	}
.careers-content {
	clear: both;
	}
.careers-content h2 {
	background: #1E4B81; /*#DADADA*/ 
	color: #ffffff; 
	margin: 20px 0; 
	padding: 5px; 
	text-indent: 5px; 
	clear: both;
	}
.careers-content h3 {
	background:#EBEBEB; 
	color: #333; 
	margin: 20px 0; 
	padding: 5px; 
	text-indent: 5px; 
	clear: both; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.1em;
	}
.careers-content h4 {
	color: #333; 
	margin: 20px 0; 
	text-indent: 10px; 
	clear: both; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.1em; 
	border-bottom: 1px dotted #CCC;
	}
.careers-content p {
	margin: 10px;
	}
.careers-content .transcript {
	margin: 5px 0 15px 0;
	}
.careers-content .watch-read {
	margin: 10px 0 10px 0;
	}
.careers-content .brochure {
	border: 1px solid #bababa; 
	background: #EBEBEB; 
	margin: 0 8px;
	}
.careers-content .left {
	float: left; 
	width: 40%; 
	text-align: center; 
	margin-left: 10%;
	}
.careers-content .right {
	float: right; 
	width: 40%; 
	text-align: center; 
	margin-right: 10%;
	}
/* video dimensions */
.fancybox-slide--video .fancybox-content{
	width: 800px;
	height: 600px;
	max-width: 80%;
	max-height: 80%;
	}
/* iframe (PDF) dimensions*/ 
.fancybox-slide--iframe .fancybox-content {
	width: 800px;
	max-width: 80%;
	max-height: 80%;
	margin: 0;
}

/* ------------- FOOTER ------------- */	

footer {
	clear: both;
	margin: 0 auto;	
	text-align: center;	
	font-weight: bold;	
}	
footer a:hover {
	text-decoration: underline;
}
footer .top {
	background: #DBDBDB;
	color: #b2b2b2;
	padding: 11px 25px;
	font-size: 0.9em;	
}
footer .top a {
	color: #666;
} 
footer .sub {
	padding: 22px 25px 15px 25px;
	font-size: 0.8em; 
	color: #666;
	background: #0E3A6E;
}
footer .sub a {
	color: #FFF;
} 


/* ------------- SWITCH VIEWS (see About and Home) ------------- */

#grayBar {
	background-color:#d7d7d7; 
	height:24px; 
	width:100%;
	font-size: .85em;
	margin: 10px 0;
	}
#offices {
	float: right; 
	padding: 5px 10px 0 10px; 
	}
	
#switchView {
	float: left; 
	padding: 5px 15px 0 10px;
	font-weight: bold;}
	
#switchViewMenu {
	padding: 0;
	margin: 0;
	}
#switchViewMenu ul {
	margin: 0; 
	padding: 0; 
	position:relative; 
	display: inline; 
	overflow: hidden;
	}
#switchViewMenu li  {
	background-color: #d7d7d7;
	float: left;
	display: inline;
	list-style: none;	
	margin: 0;
	height: 24px;
	width: auto;
	overflow:hidden;
	}
#switchViewMenu li a {
	display: block;
	margin:0;
	padding: 5px 20px 0px 25px;
	text-decoration: none;
	height: 19px;
	}
#switchViewMenu li a:hover {
	text-decoration: underline;
	}
#switchList a {
	background: url("/about/images/switchList_icon.png") no-repeat top left;
	}
#switchList a:hover {
	background: url("/about/images/switchList_icon.png") no-repeat bottom left;
	}
#switchOrg a {
	background: url("/about/images/switchOrg_icon.png") no-repeat top left;
	}
#switchOrg a:hover {
	background: url("/about/images/switchOrg_icon.png") no-repeat bottom left;
	}

/* HOME PAGE */

.view-toggle-wrapper {
	background-color: #e9e9e9; 
	height: 27px; 
	width: 100%;
	border-bottom: 1px solid #CCC;
	margin: 0;
	}

ul.view-toggle {	
	margin: 0;
	padding: 0; 
	display: inline; 
	overflow: hidden;
	}
.view-toggle li  {
	float: left;
	display: inline;
	list-style: none;	
	margin-bottom: 20px;
	width: auto;
	overflow:hidden;
	}
.view-toggle li a {
	display: block;
	margin:0;
	padding: 6px 20px 5px 20px; 
	text-decoration: none;
	font-size: 1em;
	font-weight:bold; 
	color: #555;	
	text-transform: uppercase; 
	letter-spacing: .5px; 
	font-family: Georgia, "Times New Roman", Times, serif;	
	}
.view-toggle li a:hover {
	background: #D7D7D7;	
	color: #333;
	border-bottom: 1px solid #CCC;
	}	
	
.view-toggle a.activetab  {	
	background: #848484;
	color: white;
	border-bottom: 1px solid #848484;
	}	

#home-whatsnew {
	background:#FFF;
	text-align:left;
	}

#home-whatsnew h1 { 	 
	font-size: 1em;
	font-weight: bold; 
	color: #555;
	background: #cacaca;	
	text-transform: uppercase; 
	letter-spacing: .5px; 
	margin: 0 0 1.2em 0; 
	padding: 7px 0 7px 8px;
	}		
	
#home-whatsnew h4 { 	 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	}		
	
.home-full-width { /* main middle column */
	width:626px; 
	float:left;
	}
.home-bottom-left { /* left column */
	width:385px;
	float:left;
	margin-right: 25px;
	}
.home-bottom-right { /* right column */
	width:215px; 
	float:left;
	}
	
/* jquery font sizer */
.jfontsize-button {
    font: bold 12px arial;
    padding: 3px 6px;
	color: #666;
	background: #e9e9e9;
    border: solid 1px #ccc;
	}
 
.jfontsize-button:hover {
    text-decoration: none;
    background: #0e3a6e;
    color: #fff;
    border: solid 1px #333;
	}
 
.jfontsize-disabled, .jfontsize-disabled:hover {
    color: #aaa;
    background: #eee;
	}

/* Link tabs that sort/show reports by years */

#year-tabs {
	margin: 0;
	}
#year-tabs ul.tabs {
	font-size: .85em;
	color: #AAA;
	margin: 0;
	padding: 0 0 25px 0;
	}
#year-tabs ul.tabs li {
	list-style: none;
	}
* html #year-tabs ul.tabs li {
	display: inline; 
	}
#year-tabs ul.tabs li.tab-first  {
	margin-left: -5px;
	} 		
#year-tabs ul.tabs li, #year-tabs ul.tabs li a {
	float: left;
	}
#year-tabs ul.tabs li.active {
	}
#year-tabs ul.tabs li.active a {
	font-weight: bold;
	color: #333;	
	}
#year-tabs div.tab-content  {
	clear: both;
	min-height: 330px;
	}
#year-tabs ul.tabs li a {
	text-decoration: none;
	padding: 0 5px;
	color: #666;
	}
#year-tabs ul.tabs li a:hover {
	color: #004080;
	text-decoration: underline;
	}	
	
#orgview img {
	max-width: 875px;
	}

.org-chart-icon {
	padding-right: 10px;
	float: right; 
	}

/*----------- Multimedia ------------*/

.media iframe {
	border: none;
	width: 626px;
	height: 352px;
	}

.media {
	width: 626px; 
	float: left;
}
.media h2 {
	font-size: 1.1em;
	background: #CACACA; 
	padding: 10px; 
	margin-bottom: 0;
}	
.media h3 {
	font-size: 1em;
	background: #CACACA; 
	padding: 0 10px 10px 10px;
	margin-top: 0; 
	margin-bottom: 0;
	color: #555;
	line-height: 1.4em;
}
.media .download {
	float: right;
	margin-top: 1em;
}
.youtube-disclaimer {
	font-size:.9em; 
	color: #777;
}
.podcast-container {
	background: #e4e4e4;
	padding: 20px 15px 20px;	
}
/* flash container */
.podcast-container object {
	background: #727272;
	padding: 10px;
}

audio {
	width: 100%;
	margin-top: 0;
}
.thumbnails {
	color: #333;
}
.thumbnails div {
	display: block; 
	float: left; 
	width: 185px; 
	margin: 0 11.5px 20px 11.5px;
}
.thumbnails div.block {
	height: 210px;
	padding-bottom: 8px;
	line-height: 114%;
}
.thumbnails div.block:hover {
}
.thumbnails img {
	clear: both; 
	margin-bottom: 10px; 
	border: 1px solid #888; 
	cursor: pointer; 
	width: 185px; 
	height: 104px;
}
.thumbnails img:hover {
	border: 1px solid #333;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: -webkit-filter 0.2s ease-in-out;
	-moz-transition: -moz-filter 0.2s ease-in-out;
	transition: filter 0.2s ease-in-out;
}
.thumbnails .date {
	clear: both; 
	margin-bottom: -10px;
	margin: auto;
}
.thumbnails a:hover {
	text-decoration: none;
}


/* =Responsive Structure
----------------------------------------------- */

/* Smaller Smartphone (iphone 4 and up) - Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: portrait) {
	audio {height: 120px;}	
}

/* Smaller Smartphone - Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: landscape) {
	audio {height: 120px; margin-top: -50px;}	
}